Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 13.09.15 16:26

Detalhes da questão


Endereço do fórum: http://gtasavdl.forumeiros.com/
Versão do fórum: PunBB

Descrição


Bom pessoal,fiz uma imagem aqui mostrando como quero... onde está o Aberto e o Fechado seria pra dizer que o Topico está aberto e bloqueado

se puderem me ajudar nisto,agradeço,aqui está a imagem mostrando como quero:

custom_background - Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos ENqSp70
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 13.09.15 16:27

Olá!

Poderia me fornecer seu topics_list_box e as respetivas imagens de "Aberto" e "Fechado"?

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 13.09.15 16:41

Ok, está a seguir minha topic_list_box

Código:
<style>
.star.activity {
height: 12px;
width: 73px;
background: url("http://i.imgur.com/dm5QnCN.png");
right: 10px;
background-repeat: no-repeat;
bottom: 15px;
background-position: left center;
}

.star[stac="0"] {
background: url("http://i.imgur.com/ViFyMEG.png");
}

.star[stac="1"],.star[stac="2"],.star[stac="3"],.star[stac="4"] {
background: url("http://i.imgur.com/9reqafN.png");
}

.star[stac="5"],.star[stac="6"],.star[stac="7"],.star[stac="8"],.star[stac="9"],.star[stac="10"] {
background: url("http://i.imgur.com/XpiY9iH.png");
}

.star[stac="11"],.star[stac="12"],.star[stac="13"],.star[stac="14"],.star[stac="15"] {
background: url("http://i.imgur.com/pV3CoZR.png");
}

.star[stac="16"],.star[stac="17"],.star[stac="18"],.star[stac="19"],.star[stac="20"] {
background: url("http://i.imgur.com/Mbzg4bC.png");
}

.star[stac="21"],.star[stac="22"],.star[stac="23"],.star[stac="24"],.star[stac="25"] {
background: url("http://i.imgur.com/CbFTPnM.png");
}

.star[stac="26"],.star[stac="27"],.star[stac="28"],.star[stac="29"],.star[stac="30"] {
background: url("http://i.imgur.com/qiMvzrL.png");
}

.star[stac="31"],.star[stac="32"],.star[stac="33"],.star[stac="34"],.star[stac="35"] {
background: url("http://i.imgur.com/ryA6LNr.png");
}

.star[stac="36"],.star[stac="37"],.star[stac="38"],.star[stac="39"],.star[stac="40"] {
background: url("http://i.imgur.com/APIhQSw.png");
}

.star[stac="41"],.star[stac="42"],.star[stac="43"],.star[stac="44"],.star[stac="45"] {
background: url("http://i.imgur.com/TmeZdLD.png");
}

.star[stac="46"],.star[stac="47"],.star[stac="48"],.star[stac="49"],.star[stac="50"] {
background: url("http://i.imgur.com/Q2JgrGS.png");
}

.star[stac="51"],.star[stac="52"],.star[stac="53"],.star[stac="54"],.star[stac="55"] {
background: url("http://i.imgur.com/mJH6CcZ.png");
}

.star[stac="56"],.star[stac="57"],.star[stac="58"],.star[stac="59"],.star[stac="60"] {
background: url("http://i.imgur.com/MuPtV3m.png");
}

.star[stac="61"],.star[stac="62"],.star[stac="63"],.star[stac="64"],.star[stac="65"] {
background: url("http://i.imgur.com/ROXGqTE.png");
}

.star[stac="66"],.star[stac="67"],.star[stac="68"],.star[stac="69"],.star[stac="70"] {
background: url("http://i.imgur.com/iRph5iv.png");
}

.star[stac="71"],.star[stac="72"],.star[stac="73"],.star[stac="74"],.star[stac="75"] {
background: url("http://i.imgur.com/hYqLbmF.png");
}

.star[stac="76"],.star[stac="77"],.star[stac="78"],.star[stac="79"],.star[stac="80"] {
background: url("http://i.imgur.com/3LSTxfB.png");
}

.star[stac="81"],.star[stac="82"],.star[stac="83"],.star[stac="84"],.star[stac="85"] {
background: url("http://i.imgur.com/2hvADNM.png");
}

.star[stac="86"],.star[stac="87"],.star[stac="88"],.star[stac="89"],.star[stac="90"] {
background: url("http://i.imgur.com/occYLvS.png");
}

.star[stac="91"],.star[stac="92"],.star[stac="93"],.star[stac="94"],.star[stac="95"] {
background: url("http://i.imgur.com/ziRBtQ8.png");
}

.star[stac="96"],.star[stac="97"],.star[stac="98"],.star[stac="99"],.star[stac="100"] {
background: url("http://i.imgur.com/dm5QnCN.png");
}

.star.activity::after {
content: attr(stac);
background: #18B0EB;
width: 61px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}

.star.activity::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}

.star.activity::before,.star.activity::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}

.star.activity:hover::after,.star.activity:hover::before {
opacity: 1;
}
.numerodasrespostas {
position: absolute;
margin-top: 9px;
height: 6px;
margin-left: 50px;
width: 260px;
}
.numerodasrespostas::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}
.numerodasrespostas::after {
content: attr(stac);
background: #18B0EB;
width: 150px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}
.numerodasrespostas::before, .numerodasrespostas::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}
.popularidade {
margin-top: 10px;
right: 0px;
height: 5px;
width: 260px;
background: #E2E2E2;
bottom: 5px;
left: 155px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset;
}
.barp[style="width: 0%;"], .barp[style="width: 1%;"], .barp[style="width: 2%;"], .barp[style="width: 3%;"], .barp[style="width: 4%;"], .barp[style="width: 5%;"], .barp[style="width: 6%;"], .barp[style="width: 7%;"], .barp[style="width: 8%;"], .barp[style="width: 9%;"], .barp[style="width: 10%;"], .barp[style="width: 11%;"], .barp[style="width: 12%;"], .barp[style="width: 13%;"], .barp[style="width: 14%;"], .barp[style="width: 15%;"], .barp[style="width: 16%;"], .barp[style="width: 17%;"], .barp[style="width: 18%;"], .barp[style="width: 19%;"], .barp[style="width: 20%;"], .barp[style="width: 21%;"], .barp[style="width: 22%;"], .barp[style="width: 23%;"], .barp[style="width: 24%;"], .barp[style="width: 25%;"], .barp[style="width: 26%;"], .barp[style="width: 27%;"], .barp[style="width: 28%;"], .barp[style="width: 29%;"], .barp[style="width: 30%;"], .barp[style="width: 31%;"], .barp[style="width: 32%;"], .barp[style="width: 33%;"], .barp[style="width: 34%;"], .barp[style="width: 35%;"] {
background: -webkit-linear-gradient(top, #40B6FD 0%, #009FFF 100%);
background: -moz-linear-gradient(top, #40B6FD, #009fff);
background: linear-gradient(top, #40B6FD, #009fff);
background: -ms-linear-gradient(top, #40B6FD, #009fff);
}
 
  #anuncio {
    display:none;
  }

</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
<!-- END single_selection -->
{topics_list_box.row.ICON}&nbsp;
{topics_list_box.row.NEWEST_POST_IMG}
  <div id="anuncio">{topics_list_box.row.TOPIC_TYPE}</div>
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
<!-- BEGIN switch_description -->
<br />
&nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<div class="star activity" stac="{topics_list_box.row.VIEWS}"></div>
</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->

{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} <div stac="{topics_list_box.row.REPLIES} Respostas" class="numerodasrespostas"><div class="popularidade"><div stac="0" class="barp" style="width: 3%;">{topics_list_box.row.LAST_POST_IMG}</div></div>
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

e as imagens são essas:

custom_background - Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos Sem_ty13
custom_background - Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos Bloque10
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 4:08

UP @fraise conseguiu ja a solução? @Hancki poderia me ajudar caso encontre a solução antes do Fraise por favor
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 12:50

Olá,

Senhor, mais uma vez, os UP's só são permitidos de 24 em 24 horas desde a sua última mensagem, se continuar a desrespeitar as regras do Fórum dos Fóruns poderá acabar em até o seu banimento.

Quanto à sua questão, só conseguirei fazer com o ícone "Fechado" e "Novo", pois não existe nenhuma variável para o ícone "Aberto", deseja continuar mesmo assim?

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 14:31

Tudo Bem @Fraise, pode prosseguir coloque aquelas duas imagens que te passei,depois eu edito.
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 14:56

Olá,

Primeiramente, irei precisar que edite as respetivas imagens na gestão das imagens:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Gestão das Imagens

Selecione o Modo Avançado > Mini Ícones, altere as imagens de:
Seta Mini tópico - Bloqueado
Seta Mini tópico - Novo

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 15:03

@Fraise Feito e agora?
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 15:06

Olá,

Agora basta trocar o seu template topics_list_box por este:
Código:
<style>
.star.activity {
height: 12px;
width: 73px;
background: url("http://i.imgur.com/dm5QnCN.png");
right: 10px;
background-repeat: no-repeat;
bottom: 15px;
background-position: left center;
}

.star[stac="0"] {
background: url("http://i.imgur.com/ViFyMEG.png");
}

.star[stac="1"],.star[stac="2"],.star[stac="3"],.star[stac="4"] {
background: url("http://i.imgur.com/9reqafN.png");
}

.star[stac="5"],.star[stac="6"],.star[stac="7"],.star[stac="8"],.star[stac="9"],.star[stac="10"] {
background: url("http://i.imgur.com/XpiY9iH.png");
}

.star[stac="11"],.star[stac="12"],.star[stac="13"],.star[stac="14"],.star[stac="15"] {
background: url("http://i.imgur.com/pV3CoZR.png");
}

.star[stac="16"],.star[stac="17"],.star[stac="18"],.star[stac="19"],.star[stac="20"] {
background: url("http://i.imgur.com/Mbzg4bC.png");
}

.star[stac="21"],.star[stac="22"],.star[stac="23"],.star[stac="24"],.star[stac="25"] {
background: url("http://i.imgur.com/CbFTPnM.png");
}

.star[stac="26"],.star[stac="27"],.star[stac="28"],.star[stac="29"],.star[stac="30"] {
background: url("http://i.imgur.com/qiMvzrL.png");
}

.star[stac="31"],.star[stac="32"],.star[stac="33"],.star[stac="34"],.star[stac="35"] {
background: url("http://i.imgur.com/ryA6LNr.png");
}

.star[stac="36"],.star[stac="37"],.star[stac="38"],.star[stac="39"],.star[stac="40"] {
background: url("http://i.imgur.com/APIhQSw.png");
}

.star[stac="41"],.star[stac="42"],.star[stac="43"],.star[stac="44"],.star[stac="45"] {
background: url("http://i.imgur.com/TmeZdLD.png");
}

.star[stac="46"],.star[stac="47"],.star[stac="48"],.star[stac="49"],.star[stac="50"] {
background: url("http://i.imgur.com/Q2JgrGS.png");
}

.star[stac="51"],.star[stac="52"],.star[stac="53"],.star[stac="54"],.star[stac="55"] {
background: url("http://i.imgur.com/mJH6CcZ.png");
}

.star[stac="56"],.star[stac="57"],.star[stac="58"],.star[stac="59"],.star[stac="60"] {
background: url("http://i.imgur.com/MuPtV3m.png");
}

.star[stac="61"],.star[stac="62"],.star[stac="63"],.star[stac="64"],.star[stac="65"] {
background: url("http://i.imgur.com/ROXGqTE.png");
}

.star[stac="66"],.star[stac="67"],.star[stac="68"],.star[stac="69"],.star[stac="70"] {
background: url("http://i.imgur.com/iRph5iv.png");
}

.star[stac="71"],.star[stac="72"],.star[stac="73"],.star[stac="74"],.star[stac="75"] {
background: url("http://i.imgur.com/hYqLbmF.png");
}

.star[stac="76"],.star[stac="77"],.star[stac="78"],.star[stac="79"],.star[stac="80"] {
background: url("http://i.imgur.com/3LSTxfB.png");
}

.star[stac="81"],.star[stac="82"],.star[stac="83"],.star[stac="84"],.star[stac="85"] {
background: url("http://i.imgur.com/2hvADNM.png");
}

.star[stac="86"],.star[stac="87"],.star[stac="88"],.star[stac="89"],.star[stac="90"] {
background: url("http://i.imgur.com/occYLvS.png");
}

.star[stac="91"],.star[stac="92"],.star[stac="93"],.star[stac="94"],.star[stac="95"] {
background: url("http://i.imgur.com/ziRBtQ8.png");
}

.star[stac="96"],.star[stac="97"],.star[stac="98"],.star[stac="99"],.star[stac="100"] {
background: url("http://i.imgur.com/dm5QnCN.png");
}

.star.activity::after {
content: attr(stac);
background: #18B0EB;
width: 61px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}

.star.activity::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}

.star.activity::before,.star.activity::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}

.star.activity:hover::after,.star.activity:hover::before {
opacity: 1;
}
.numerodasrespostas {
position: absolute;
margin-top: 9px;
height: 6px;
margin-left: 50px;
width: 260px;
}
.numerodasrespostas::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}
.numerodasrespostas::after {
content: attr(stac);
background: #18B0EB;
width: 150px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}
.numerodasrespostas::before, .numerodasrespostas::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}
.popularidade {
margin-top: 10px;
right: 0px;
height: 5px;
width: 260px;
background: #E2E2E2;
bottom: 5px;
left: 155px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset;
}
.barp[style="width: 0%;"], .barp[style="width: 1%;"], .barp[style="width: 2%;"], .barp[style="width: 3%;"], .barp[style="width: 4%;"], .barp[style="width: 5%;"], .barp[style="width: 6%;"], .barp[style="width: 7%;"], .barp[style="width: 8%;"], .barp[style="width: 9%;"], .barp[style="width: 10%;"], .barp[style="width: 11%;"], .barp[style="width: 12%;"], .barp[style="width: 13%;"], .barp[style="width: 14%;"], .barp[style="width: 15%;"], .barp[style="width: 16%;"], .barp[style="width: 17%;"], .barp[style="width: 18%;"], .barp[style="width: 19%;"], .barp[style="width: 20%;"], .barp[style="width: 21%;"], .barp[style="width: 22%;"], .barp[style="width: 23%;"], .barp[style="width: 24%;"], .barp[style="width: 25%;"], .barp[style="width: 26%;"], .barp[style="width: 27%;"], .barp[style="width: 28%;"], .barp[style="width: 29%;"], .barp[style="width: 30%;"], .barp[style="width: 31%;"], .barp[style="width: 32%;"], .barp[style="width: 33%;"], .barp[style="width: 34%;"], .barp[style="width: 35%;"] {
background: -webkit-linear-gradient(top, #40B6FD 0%, #009FFF 100%);
background: -moz-linear-gradient(top, #40B6FD, #009fff);
background: linear-gradient(top, #40B6FD, #009fff);
background: -ms-linear-gradient(top, #40B6FD, #009fff);
}
 
  #anuncio {
    display:none;
  }

  #iconee {
    display:inline!important;
    margin-left:490px;
  }
</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
<!-- END single_selection -->
<div id="iconee">{topics_list_box.row.ICON}&nbsp;
  {topics_list_box.row.NEWEST_POST_IMG}</div>
  <div id="anuncio">{topics_list_box.row.TOPIC_TYPE}</div>
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
<!-- BEGIN switch_description -->
<br />
&nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<div class="star activity" stac="{topics_list_box.row.VIEWS}"></div>
</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->

{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} <div stac="{topics_list_box.row.REPLIES} Respostas" class="numerodasrespostas"><div class="popularidade"><div stac="0" class="barp" style="width: 3%;">{topics_list_box.row.LAST_POST_IMG}</div></div>
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Caso não funcione, irei precisar da sua folha de estilos, pois creio que o senhor tem um "display:none;" nesses tais ícones.

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 15:15

apresentou dois erros:

sendo eles, o titulo não aparecendo completo pois foi pro lado... e o outro seria que não aparece ainda os icones no local que pedi;

print de como está:

custom_background - Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos NYkLhNx

Meu codigo CSS:

codigo css:
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 15:28

Olá!

Troque a sua folha de estilos por esta:
Código:
#stats {
display: initial!important;
text-align: initial!important;
}

body[bgcolor="#fbfbfb"] {
       position: inherit;
   }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-spacing:0}
body {
   color: #5A5A5A;
   font: 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
   position: relative;
   padding-bottom: 20px;
}
ol,ul{list-style:none}
a{color:#9e8677;text-decoration:none}a:hover{color:#111}::-moz-selection{color:#fff;background:#82b8e6}::selection{color:#fff;background:#82b8e6}.ipsList_inline>li{display:inline-block;margin:0
3px}.ipsList_inline>li:first-child{margin-left:0}.ipsList_inline>li:last-child{margin-right:0}.ipsList_inline.ipsList_reset>li:first-child{margin-left:3px}.ipsList_inline.ipsList_reset>li:last-child{margin-right:3px}.ipsList_inline.ipsList_nowrap{white-space:nowrap}
/*avatar*/
#avatar img {
   width: 120px;
   height: 120px;
   vertical-align: top;
   position: relative;
   border-radius: 100%;
   margin-top: 30px;
   margin-right: 15px;
}
#avatar img:hover {
   opacity:0.7;
}
/*wrapper ipb*/
.wrapper{margin:0 auto;width:96%;min-width:990px;max-width:1500px}
.pun {
   line-height: 130%;
   margin: 0px auto;
   max-width: 1018px;
   padding: 5px;
   width: 98%;
   min-width: 930px;
}
/*navegacion*/
#header_bar{background:#323232 url('http://i.imgur.com/zy9fTaH.png') repeat-x 0 1px;padding:0;text-align:right}#admin_bar{font-size:11px;line-height:28px;padding:0
12px;background:#323232 url('http://i.imgur.com/zy9fTaH.png') repeat-x 0 1px;overflow:hidden}#admin_bar
li{padding-left:10px;padding-right:10px}#admin_bar li.active
a{color:#fc6d35}#admin_bar
a{color:#8a8a8a}#admin_bar a:hover{color:#fff}#userBar{-webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;box-shadow:rgba(0,0,0,0.2) 0px 1px 4px}#user_navigation{display:block;color:#9f9f9f;font-size:11px;line-height:36px;overflow:hidden}@media (min-width: 1100px){#user_navigation
li.half{float:left;width:50%}#user_navigation li.half
a{padding:0
!important;text-align:center;background:rgba(255,255,255,0.08)}#user_navigation li.half a:hover{background:rgba(255,255,255,0.16)}#user_navigation
a#notify_link{padding-left:10px}#user_navigation a#user_link:before{content:"Welcome ";opacity:0.6}}#user_navigation
a{color:#fff;display:block;padding:0
0 0 20px;line-height:36px;outline:none}#user_navigation a:hover{background:rgba(0,0,0,0.2)}#changeBackgroundLink
a{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.08)}#changeBackgroundLink a:hover{background:rgba(255,255,255,0.16)}#changeBackgroundLink a:hover:after{content:"»";float:right}#user_navigation
a#user_link{display:block;text-transform:uppercase;font-size:10px;font-weight:bold;background:url("http://i.imgur.com/IQELYL2.png") repeat;background:rgba(0,0,0,0.3);line-height:46px}#user_navigation a#user_link:hover{background:url("http://i.imgur.com/mksg0Kw.png") repeat;background:rgba(0,0,0,0.4)}#user_navigation
.user_photo{position:relative;vertical-align:top;padding:0;height:24px;width:auto;margin:6px
-6px 0px -6px}#user_navigation #sign_in img,
#user_navigation #register_link
img{vertical-align:top;position:relative;margin:10px
2px 0 0}#user_navigation ul
li{margin:0;padding:0;display:block}#user_link_dd,.dropdownIndicator{display:inline-block;width:9px;height:5px;background:url('http://i.imgur.com/Lik7rK4.png') no-repeat left}#user_link_menucontent #links
li{width:50%;float:left;margin:3px
0;white-space:nowrap}#user_link_menucontent #links
a{display:block}.menu_active .dropdownIndicator, li.active
.dropdownIndicator{background-position:right}#community_app_menu .menu_active
.dropdownIndicator{background-position:left}#community_app_menu li.active .menu_active
.dropdownIndicator{background-position:right}#user_link_menucontent
#statusForm{margin-bottom:15px}#user_link_menucontent
#statusUpdate{margin-bottom:5px}#user_link_menucontent>div{margin-left:15px;width:265px;text-align:left}#statusSubmitGlobal{margin-top:3px}#user_navigation a#user_link.menu_active,
#user_navigation a#notify_link.menu_active,
#user_navigation
a#inbox_link.menu_active{background-position:bottom;background:#222;background:rgba(0,0,0,0.45);color:#fff;position:relative;z-index: 999;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px}#notify_link,#inbox_link{vertical-align:middle;position:relative}#notify_link
img{background-image:url('http://i.imgur.com/Vdcb1OJ.png')}#inbox_link
img{background-image:url('http://i.imgur.com/fDNRyKA.png')}#notify_link img, #inbox_link
img{width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;margin:-2px 4px 0 0}.services
img{margin:10px
-2px 0 -2px;vertical-align:top}#statusUpdateGlobal,#statusSubmitGlobal{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.15);border:1px
solid #757575;border:1px
solid rgba(255,255,255,0.3);color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:rgba(0,0,0,0.2) 0px -1px 0px}#statusSubmitGlobal{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(255,255,255,0.25)}#statusSubmitGlobal:hover{background:rgba(255,255,255,0.4)}
/*logo*/
#branding{height:90px}#logo{float:left}#logo
a.textLogo{color:#fff;text-shadow:rgba(0,0,0,0.3) 0px 1px 2px;background:url("http://i.imgur.com/Wv3FgDP.png") repeat;background:rgba(30,30,30,0.15);height:90px;line-height:90px;padding:0
20px;font-weight:300;font-size:24px;font-family:"Open Sans",Arial,Helvetica,sans-serif;display:block;text-decoration:none;min-width:205px;text-align:center}#logo a.textLogo:hover{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(30,30,30,0.25)}
/*menu*/
#primary_nav{}.sideLinks li,#community_app_menu>li{margin:0;position:relative;display:block;float:none}.sideLinks a,#community_app_menu>li>a{color:#ddd;color:rgba(255,255,255,0.75);display:block;outline:none;padding-left:20px;line-height:40px}.sideLinks a:hover,#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(0,0,0,0.2);color:#fff}#community_app_menu>li.active>a{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.1);color:#fff;position:relative}#primary_nav a.ipbmenu
img{margin-right:-6px}#changeBackgroundLink a:before,
#socialSideLinks a:before,
#primary_nav a:before{content:"";display:inline-block;position:relative;width:17px;height:16px;margin-right:10px;top:4px;background:url("http://i.imgur.com/MVLcNuK.png") no-repeat 0 0;opacity:0.7}#nav_home a:before{background-position:0 -16px}#nav_app_forums a:before{background-position:0 -32px}#nav_app_members a:before{background-position:0 -48px}#nav_app_blog a:before{background-position:0 -64px}#nav_app_calendar a:before{background-position:0 -80px}#nav_app_ipchat a:before{background-position:0 -96px}#nav_app_ccs a:before{background-position:0 -112px}#nav_app_downloads a:before{background-position:0 -128px}#nav_app_gallery a:before{background-position:0 -144px}#nav_app_nexus a:before{background-position:0 -160px}#nav_app_rules a:before{background-position:0 -176px}#sideFacebook a:before{background-position:0 -192px}#sideTwitter a:before{background-position:0 -208px}#sideYoutube a:before{background-position:0 -224px}#sideGoogle a:before{background-position:0 -240px}#sideVimeo a:before{background-position:0 -256px}#sidePinterest a:before{background-position:0 -272px}#sideFlickr a:before{background-position:0 -288px}#nav_search a:before{background-position:0 -304px}#changeBackgroundLink a:before{background-position:0 -320px}#changeBackgroundLink a:hover:before,
#socialSideLinks a:hover:before,
#primary_nav li.active a:before,
#primary_nav a:hover:before{opacity:1}#primary_extra_menucontent,#more_apps_menucontent,.submenu_container{background:#173455;font-size:12px;border:0;min-width:140px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#primary_extra_menucontent li, .submenu_container li,
#more_apps_menucontent
li{padding:0;border:0;float:none !important;min-width:150px}#primary_extra_menucontent a,
#more_apps_menucontent a, .submenu_container
a{display:block;padding:8px
10px;color:#c5d5e2}#primary_extra_menucontent a:hover,
#more_apps_menucontent li:hover a, .submenu_container li:hover
a{background:#1d3c5f;color:#fff}#primary_extra_menucontent li:last-child a,
#more_apps_menucontent li:last-child
a{-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#community_app_menu .submenu_container,#more_apps_menucontent.submenu_container{width:260px}#community_app_menu .submenu_container li, #more_apps_menucontent.submenu_container
li{width:260px}
/*navegacion secundaria*/
#nav_wrap{background:url("http://i.imgur.com/pzPbNV4.png") repeat-x 0 0;border-bottom:1px solid #dbdbdb}#secondary_navigation{overflow:hidden;line-height:45px}#secondary_navigation
a{color:#757575;line-height:45px;height:45px}#secondary_navigation a:hover{color:#222}#secondary_navigation #breadcrumb
li{float:left}#secondary_navigation #breadcrumb li
a{padding-left:12px;margin-left:-18px;background:url('http://i.imgur.com/pzPbNV4.png') no-repeat 0 0;display:block;outline:none;text-decoration:none}#secondary_navigation #breadcrumb li.first
a{margin-left:0;background:none;padding-left:0px}#secondary_navigation #breadcrumb li
span{display:block;padding-right:17px;padding-left:7px;background:url('http://i.imgur.com/pzPbNV4.png') no-repeat 100% 0}#secondary_navigation #breadcrumb li>span{padding-left:7px;background:none transparent}#secondary_navigation #breadcrumb li.first>span{padding-left:13px}#secondary_navigation #breadcrumb li.first a
span{padding-left:12px}#secondary_navigation #breadcrumb li a:hover{background-position:0 -45px}#secondary_navigation #breadcrumb li a:hover
span{background-position:100% -45px}#secondary_navigation #breadcrumb li a:active{background-position:0 -90px}#secondary_navigation #breadcrumb li a:active
span{background-position:100% -90px}#secondary_links{overflow:hidden}#secondary_links
li{float:left;margin:0}#secondary_links span,
#secondary_links
a{padding:0
12px;display:block;border-left:1px solid #eaeaea;cursor:pointer}#secondary_links span:hover,
#secondary_links a:hover{background:url("http://i.imgur.com/bNdKSbT.png") repeat;background:rgba(255,255,255,0.6)}#secondary_links
img{vertical-align:top;width:16px;height:16px;position:relative;margin:14px
-1px 0 -1px}#secondary_links a#quickNavLaunch
img{opacity:0.6}#secondary_links a#quickNavLaunch:hover
img{opacity:1}
/*social*/
#socialButtons{padding:3px
3px 0 0;border-left:1px solid #eaeaea;height:42px}#socialButtons
a{float:left;margin-left:3px;background:url("http://i.imgur.com/LCDvevy.png") no-repeat 0 0;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;font-weight:bold;height:37px;line-height:37px;padding:0
10px 0 49px;outline:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;-moz-box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;border:1px
solid transparent}#socialButtons a:active{position:relative;top:1px;-webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px;-moz-box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px;box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px}#socialButtons
a.facebookButton{background-color:#324e8a;border-color:#203468;background-position:0 -1px}#socialButtons a.facebookButton:hover{background-position:0 -41px}#socialButtons
a.twitterButton{background-color:#0097d5;border-color:#0777c0;background-position:0 -81px}#socialButtons a.twitterButton:hover{background-position:0 -121px}#socialButtons
a.youtubeButton{background-color:#af2823;border-color:#8b1a17;background-position:0 -161px}#socialButtons a.youtubeButton:hover{background-position:0 -201px}#socialButtons
a.googleButton{background-color:#da5733;border-color:#c83a22;background-position:0 -241px}#socialButtons a.googleButton:hover{background-position:0 -281px}#socialButtons
a.vimeoButton{background-color:#1a9ac7;border-color:#136f9d;background-position:0 -321px}#socialButtons a.vimeoButton:hover{background-position:0 -361px}#socialButtons
a.pinterestButton{background-color:#c61a1c;border-color:#a61213;background-position:0 -401px}#socialButtons a.pinterestButton:hover{background-position:0 -441px}#socialButtons
a.flickrButton{background-color:#ee218b;border-color:#cd135f;background-position:0 -481px}#socialButtons a.flickrButton:hover{background-position:0 -521px}#socialButtons.mediumSocial
a{padding-left:10px}#socialButtons.mediumSocial
a.facebookButton{background-position:-40px -1px}#socialButtons.mediumSocial a.facebookButton:hover{background-position:-40px -41px}#socialButtons.mediumSocial
a.twitterButton{background-position:-40px -81px}#socialButtons.mediumSocial a.twitterButton:hover{background-position:-40px -121px}#socialButtons.mediumSocial
a.youtubeButton{background-position:-40px -161px}#socialButtons.mediumSocial a.youtubeButton:hover{background-position:-40px -201px}#socialButtons.mediumSocial
a.googleButton{background-position:-40px -241px}#socialButtons.mediumSocial a.googleButton:hover{background-position:-40px -281px}#socialButtons.mediumSocial
a.vimeoButton{background-position:-40px -321px}#socialButtons.mediumSocial a.vimeoButton:hover{background-position:-40px -361px}#socialButtons.mediumSocial
a.pinterestButton{background-position:-40px -401px}#socialButtons.mediumSocial a.pinterestButton:hover{background-position:-40px -441px}#socialButtons.mediumSocial
a.flickrButton{background-position:-40px -481px}#socialButtons.mediumSocial a.flickrButton:hover{background-position:-40px -521px}#socialButtons.smallSocial
a{width:38px;padding:0;overflow:hidden;text-indent:-999px}.breadcrumb{}.breadcrumb li
.nav_sep{margin:0
5px 0 0}.breadcrumb li:first-child{margin-left:0}.breadcrumb.bottom{margin-top:10px;width:100%;display:none}.ipsHeaderMenu{background:#222;background:rgba(0,0,0,0.01) url("http://i.imgur.com/rXBPuoy.jpg") no-repeat 50% 50% fixed;-webkit-box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;-moz-box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;padding:10px;-moz-border-radius:0 3px 3px 3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-radius:0 3px 3px 3px;overflow:hidden;width:340px;margin-top:1px}.ipsHeaderMenu
a{color:#eee;color:rgba(255,255,255,0.8)}.ipsHeaderMenu .ipsType_sectiontitle,
.ipsHeaderMenu a:hover{color:#fff}.ipsHeaderMenu .ipsType_sectiontitle,
.ipsHeaderMenu .ipsList_withminiphoto
li{border-color:#444;border-color:rgba(255,255,255,0.3)}.ipsHeaderMenu,
.ipsHeaderMenu .desc,
.ipsHeaderMenu
.desc.lighter{color:#888;color:rgba(255,255,255,0.45)}.ipsHeaderMenu.boxShadow{}.ipsHeaderMenu
.ipsType_sectiontitle{margin-bottom:8px}#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu{width:300px}
/*search*/
#search{margin:27px
0 0 0}#main_search{font-size:12px;border:0;padding:0;background:transparent;width:158px;outline:0;color:#fff;height: 35px;line-height: 35px;}#main_search.inactive{color:#bcbcbc}#search_wrap{position:relative;background:url("http://i.imgur.com/7b3YXwO.png") repeat;background:rgba(30,30,30,0.6);display:block;padding:0
36px 0 7px;height:36px;line-height:35px;min-width:260px;-webkit-box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px;-moz-box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px;box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px}#adv_search{width:36px;height:36px;background:url('http://i.imgur.com/HcRg3O1.png') no-repeat 50% 50%;text-indent:-3000em;display:none}#adv_search:hover{background-color:rgba(0,0,0,0.2)}#search
.submit_input{background:url('http://i.imgur.com/TqvDYDx.png') no-repeat 50%;background-color:rgba(255,255,255,0.1);text-indent:-3000em;padding:0;border:0;display:block;width:36px;height:36px;position:absolute;right:0;top:0;bottom:0}#search .submit_input:hover{background-color:rgba(255,255,255,0.15)}#search_options{font-size:10px;height:30px;line-height:30px;margin:3px
3px 3px 0;padding:0
6px;background:rgba(255,255,255,0.05);color:#eee;display:inline-block;float:right;max-width:80px;text-overflow:ellipsis;overflow:hidden}#search_options_menucontent{min-width:130px;white-space:nowrap;padding:0;background:#fff;border:1px
solid #c6c6c6}#search_options_menucontent
input{margin-right:10px}#search_options_menucontent
li{border-bottom:1px solid #ededed;white-space:nowrap}#search_options_menucontent li:last-of-type{border-bottom:0}#search_options_menucontent label:hover{background:#f5f5f5}#search_options_menucontent
label{cursor:pointer;display:block;padding:0
6px}#search_options_menucontent
li.title{padding:3px
6px}
.right {
   float: right;
}
fieldset,img{border:0}
/*theme*/
.backgroundBlur #userBar,
.backgroundBlur #shadowWrap,
.backgroundBlur .col_c_icon img,
.backgroundBlur .maintitle,
.backgroundBlur #footer_utilities,
.backgroundBlur .pagination .pages li.active,
.backgroundBlur .post_block
h3{background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed}.noBackgroundBlur #userBar,
.noBackgroundBlur #shadowWrap,
.noBackgroundBlur
#footer_utilities{background:url("http://i.imgur.com/xXISsDU.png") repeat;background:rgba(30,30,30,0.7)}body,
.noBackgroundBlur .col_c_icon img,
.noBackgroundBlur
.maintitle{background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed}@media (min-width: 2561px){body,
.backgroundBlur #userBar,
.backgroundBlur #shadowWrap,
.backgroundBlur .col_c_icon img,
.backgroundBlur .maintitle,
.backgroundBlur #footer_utilities,
.backgroundBlur .pagination .pages li.active,
.backgroundBlur .post_block h3,
.noBackgroundBlur .col_c_icon img,
.noBackgroundBlur
.maintitle{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}}.noBackgroundBlur
.maintitle{-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px;box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px}#shadowWrap{-webkit-box-shadow:rgba(0,0,0,0.35) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,0.35) 0px 1px 3px;box-shadow:rgba(0,0,0,0.35) 0px 1px 3px}#mainContent{background:#fff;margin-left:180px;overflow-x:hidden}#sideNav{width:180px;float:left}@media (max-width: 1099px){.hideSmall{display:none}body .sideLinks a, body #community_app_menu>li>a{padding-left:10px}}@media (min-width: 1100px){#mainContent{margin-left:245px}#sideNav{width:245px}body #notify_link img, body #inbox_link
img{margin-right:2px}}#sideNav
h4{display:block;text-transform:uppercase;font-size:10px;font-weight:bold;color:#fff;background:url("http://i.imgur.com/YdZ7F5e.png") repeat;background:rgba(0,0,0,0.3);margin:0;padding:16px
0 16px 20px;position:relative}#sideNav h4 .sideToggle,
#sideNav h4 .sideHide,
#sideNav h4
.sideShow{position:absolute;top:0;right:0;bottom:0;width:46px;background:url("http://i.imgur.com/8D0KT5x.png") no-repeat 50% -46px;cursor:pointer}#sideNav h4:hover .sideShow,
#sideNav h4:hover .sideHide,
#sideNav h4:hover
.sideToggle{background-color:rgba(0,0,0,0.1)}#sideNav h4 .sideShow:hover,
#sideNav h4 .sideHide:hover,
#sideNav h4 .sideToggle:hover{background-color:rgba(0,0,0,0.2)}#sideNav h4 .sideShow,
#sideNav h4
.sideToggle.collapsed{background-position:50% 0}#sideNav h4
.sideShow{display:none}#sideNav h4
.sideHide{display:block}#sideNav h4.collapsed
.sideShow{display:block}#sideNav h4.collapsed
.sideHide{display:none}#sideNav
h4.collapsed{box-shadow:inset rgba(0,0,0,0.2) 0px -1px 0px 0px}.sidePhoto{text-align:center;padding:10px
0 !important}.sidePhoto
a{display:inline-block !important;padding:0
!important}.sidePhoto
img{-webkit-box-shadow:rgba(0,0,0,0.4) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,0.4) 0px 1px 3px;box-shadow:rgba(0,0,0,0.4) 0px 1px 3px}.sidePhoto.round a,
.sidePhoto.round
img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#content{padding:10px;line-height:120%}#toggle_background{display:none}#custom_background{border-bottom:1px solid #dbdbdb;margin-bottom:10px}#custom_background>div{padding:10px}#custom_background
span{display:block;float:left;margin:0
10px 10px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;-moz-box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;width:210px;width:24%;margin-left:0.5%;margin-right:0.5%;margin-bottom:10px;height:130px;background-position:50% 50%;background-repeat:repeat;cursor:pointer;position:relative;z-index:2}#custom_background span:hover:after{position:absolute;top:0;left:0;bottom:0;right:0;background:url("http://i.imgur.com/2bTqFHR.png") no-repeat 50% 30px;background:rgba(30,30,30,0.3) url("http://i.imgur.com/2bTqFHR.png") no-repeat 50% 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:"Usar este background";text-shadow:rgba(0,0,0,0.4) 0px 1px 1px;text-align:center;padding-top:89px;color:#fff;font-size:13px;font-weight:bold;z-index:3}.row1,.post_block.row1{background-color:#fff}.row2,.post_block.row2{background-color:#fff}.unread
.highlight_unread{font-weight:bold}
/*codigos*/
.ipsType_pagetitle,.ipsType_subtitle{font:300 26px/1.4 Helvetica,Arial,sans-serif;color:#323232}.ipsType_subtitle{font-size:18px}.ipsType_sectiontitle{font-size:16px;font-weight:normal;color:#595959;padding:5px
0}.ipsType_pagedesc{color:#7f7f7f;line-height:1.5}.ipsType_pagedesc
a{text-decoration:underline}.ipsType_textblock{line-height:1.7}.ipsType_small{font-size:11px}.ipsType_smaller, .ipsType_smaller
a{font-size:11px !important}.ipsType_smallest, .ipsType_smallest
a{font-size:10px !important}.ipsBox_container
.ipsType_pagetitle{margin-bottom:6px}.ipsReset{margin:0px
!important;padding:0px
!important}
.clearfix:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
   overflow: hidden;
}
/*lik*/
/*colo de link*/
.pun a:link {
   color: #9E8677;
}
.pun a:Link:hover{
color:#222;
}
.pun a:link:visited {
   color: #DE4545;
}
::-moz-selection{
color:#fff;
background:#757575
}

::selection{
color:#fff;
background:#757575
}
/*categorias*/
.main .main-head {
   background-color: #645D57;
   background-image: url('http://i.imgur.com/4Y4c1Y3.jpg');
   background-repeat: no-repeat;
   background-position: 50% 0px;
   background-attachment: fixed;
   color: #FFF;
   padding: 20px 16px;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   overflow: hidden;
   border-radius: 3px;
   position: relative;
}
.pun h2, .pun h3{
   font-weight: bold;
}
.module .main-head {
   background: none repeat scroll 0% 0% #FFF;
   border-bottom: 1px solid #E3E3E3;
   color: #727272;
   font-size: 10px;
   font-weight: bold;
   padding: 12px;
   text-transform: uppercase;
}
.recent_space {
   border-bottom: 1.9px solid #DDD;
   padding: 3px;
}
.pun .main-content {
   background-color: #FFF;
   border: 1px solid transparent;
}
.pun table.table td {
   background: none repeat scroll 0% 0% transparent;
   border-width: medium medium 1px;
   border-style: none none solid;
   border-color: transparent transparent #DDD;
}
/*post*/

.pun .post .user {
   line-height: 130%;
   text-align: center;
}
.post_username {
   float: left;
   font-weight: 700;
   min-width: 190px;
}
.pun .postmain {
   background-color: transparent;
   margin-left: 18em;
}
.pun tbody.statused td.tcl {
   padding-left: 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
   background-color: transparent;
}
.pun .table .tc2, .pun .table .tc3 {
   text-align: right;
   width: 13%;
}
.pun .posthead {
   background-color: #645D57;
   background-image: url('http://i.imgur.com/4Y4c1Y3.jpg');
   background-repeat: no-repeat;
   background-position: 50% 0px;
   background-attachment: fixed;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset;
   border: 0.1px solid #333;
   color: #FFF;
   text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
   
   padding: 0px 10px;
   height: 40px;
   line-height: 40px;
   font-weight: normal;
   font-size: 13px;
   overflow: hidden;
   border-radius: 3px;
   box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.postfoot {
   border: 1px solid #EAEAEA;
   clear: both;
   margin-left: -18em;
   padding: 0.5em 1em;
   text-align: right;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% #F8F8F8;
   border-radius: 3px;
   overflow: hidden;
}
.main .main-foot {
   background-color: #645D57;
   background-image: url('http://i.imgur.com/4Y4c1Y3.jpg');
   background-repeat: no-repeat;
   background-position: 50% 0px;
   background-attachment: fixed;
   color: #FFF;
   padding: 10px 16px 10px 16px;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   overflow: hidden;
   border-radius: 3px;
   position: relative;
}
.pun .paged-foot, .pun .paged-head {
   background-color: transparent;
   border: transparent;
   padding: 0.6em 1.3em 0.3em;
}
/*avatar en subforos*/
.mini_ava {float: left;}
.mini_ava img {
width: 34px;
height: 34px;
background: #F4F4F4;
margin: 0 7px;
margin-top: 5px;
}
.mini_ava img {-webkit-border-radius:3px;border-radius:3px}
.mini_ava img:hover{opacity:0.8}

#content-container div#main {
   margin-bottom: 1em;
   overflow: hidden;
   margin-right: 10px;
}
/*estadist*/
#clear {
   display: inline-block;
   background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
   color: #222;
   padding: 3px 7px;
   font-weight: bold;
   margin-left: 30px;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
   border-radius: 3px;
}
/*titlebox IPB*/
.ipbfs_titlebox {
background: #fafafa;
border: 1px solid #d6d6d6;
text-shadow: #fff 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
padding: 16px;
overflow: hidden;
}
/*guest IPB*/
.guestMessage{background:#fff2db url("http://i.imgur.com/JbRVoDy.png") repeat-x 0 0;border:1px
solid #eac794;color:#b85f1d;line-height:180%;margin-bottom:10px;padding:10px;text-shadow:rgba(255,255,255,0.55) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.guestMessage
.guestHeader{background:rgb(240,175,81);background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);-webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#9a6200;text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:10px;font-size:1.1em;font-weight:bold;margin:-4px -4px 10px -4px}.guestMessage
a{color:#b85f1d;text-decoration:none}.guestMessage
a.guestButton{background:rgb(240,175,81);background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);-webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#9a6200;text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:0
14px;display:inline-block;height:36px;line-height:36px;outline:0;margin:10px
8px 0 0;font-weight:bold;text-decoration:none}.guestMessage a.guestButton:hover{opacity:0.8}
/*ocultar*/
#pun-visit {
   background-color: #F4F4F4;
   border-color: #DDD;
   border-style: solid;
   border-width: 1px;
   margin: 0px 0px 1em;
   padding: 0.6em 1em;
   display: none;
}

/*******CURTIR NO POST********/
 #rep_post .reput_vote {
 background-color: #daedfb;
 color: #666;
 -khtml-user-select: none;
 -moz-transition: all,0.15s;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-transition: all,0.15s;
 -webkit-touch-callout: none;
 -webkit-transition: all,0.15s;
 -webkit-user-select: none;
 background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
 background-size: 12px;
 clear: both;
 color: #666;
 cursor: pointer;
 display: table;
 font-size: 11px;
 font-weight: 400;
 line-height: 18px;
 margin: 5px;
 padding: 3px 5px 3px 25px;
 text-align: right;
 transition: all,0.15s;
}
.reput_vote.zero {
 background-color: #6a6a6a;
}
 
 
 .BS_like:hover {
 background-color: #daedfb;
 color: #666;
}
.BS_like {
 -khtml-user-select: none;
 -moz-transition: all,0.15s;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-transition: all,0.15s;
 -webkit-touch-callout: none;
 -webkit-transition: all,0.15s;
 -webkit-user-select: none;
 background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
 background-size: 12px;
 clear: both;
 color: #666;
 cursor: pointer;
 display: table;
 font-size: 11px;
 font-weight: 400;
 line-height: 18px;
 margin: 5px;
 padding: 3px 5px 3px 25px;
 text-align: right;
 transition: all,0.15s;
 user-select: none;
}

.BS_like:before {
 content: "Curtir";
}
 
 #rep_post .bs_inline {
 list-style: none;
}
 
 .BS_like:hover {
 background-color: #daedfb;
 color: #666;
}
 
 #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
 content: "Curtidas ";
}
/***********FIM CURTIR************/

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }

/*chatbox*/
#chatbox_header.main-head {
background: #404040 url("http://i58.servimg.com/u/f58/18/62/03/31/highli14.png") repeat-x 0 -1px;
color: #fff;
text-shadow: 1px 1px 1px #333;
height: 40px;
margin: -6px -6px 0 -6px;
padding-left: 0.3em;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 88px 8px transparent;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
}
.chatbox-title {padding: 7px 4px 0 11px;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {color: #fff;}
.main-content.chatbox {
background: #404040 url("http://i58.servimg.com/u/f58/18/62/03/31/highli14.png") repeat-x 0 -1px;
border: 1px solid #565656;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
border: 0;
border-radius: 0 0 3px 3px;
box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
padding: 6px;
border-radius: 3px;
}
#chatbox_members h4.member-title {display: none;}
#chatbox_members {
background: #fff;
height: 31px;
left: 0px;
overflow-y: hidden;
position: absolute;
top: 33px;
width: 100%;
border: 1px solid #dbe4ef;
}
#chatbox_members, #chatbox_contextmenu {z-index: 5;}
#chatbox_members li {display: inline-block;}
#chatbox_members a:last-child::after {
content: ', ';
}
#chatbox_members li:last-child a:last-child::after {
content: '';
}
#chatbox_members .member-title {
background: #fff;
color: #5a5a5a;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: #fff;
padding: 5px;
border-bottom: 1px solid #e3e3e3;
line-height: 1.3em;
}
#chatbox_messenger_form {margin: 0;}
#chatbox_footer {
 border: 1px solid #d5dde5;
 top: 65px;
 min-width: 33%;
 max-width: 33%;
 background: #fff;
}
#chatbox_footer .right {float: left;}
#chatbox_footer .right:first-child {
 background: #eff4f7;
 float: none;
 border-bottom: 1px solid #d5dde5;
 padding:8px 10px;
}
#chatbox_footer .right:last-child {
 margin-left: 15%;
 padding: 3px;
}
#chatbox_messenger_form .right label {font-size: 0;}
input#message.post {
background-color: white;
height: 30px;
width: 71%;
outline: 0;
}
#submit_button {
background: #212121 url(http://i.imgur.com/IoFhTvG.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
margin-left: 8px;
height: 30px;
padding: 0 15px;
}
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
background: #393939 url(http://i55.servimg.com/u/f55/18/71/50/00/highli12.png) repeat-x 0 0;
border: 1px solid #585858 !important;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
 background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
label[for='format-bold'] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png') 50% 50% no-repeat;
}

label[for="format-italic"] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png') 50% 50% no-repeat;
}

label[for="format-underline"] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png') 50% 50% no-repeat;
}

label[for="format-strike"] {
background: url('http://i21.servimg.com/u/f21/19/31/42/18/text_s10.png') 50% 50% no-repeat;
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox span[title] {float: right !important;}
#chatbox:after {
content: 'Respeite as Regras ou poderá ser severamente punido.';
background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
color: #b85f1d;
box-shadow: 0 1px 4px #fde5bb;
display: block;
padding: 10px;
line-height: 1.6;
font-size: 12px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#chatbox_top {min-height: 380px;}
#chatbox{
 top: 65px;
 left: 34%;
 bottom: 0px;
 background: #fff;
 border: 1px solid #e3e3e3;
}

.numerodasrespostas {
   position: absolute;
   margin-top: -9px !important;
   height: 6px !important;
   margin-left: -0px !important;
   width: 260px !important;
}
.numerodasrespostas:hover::after,
.numerodasrespostas:hover::before {
   opacity: 1 !important;
}
.numerodasrespostas::before,
.numerodasrespostas::after {
   opacity: 0 !important;
   -webkit-transition: 0.5s !important;
   -moz-transition-duration: 0.5s !important;
   -htm-transition-duration: 0.5s !important;
}
.numerodasrespostas::before {
   display: block !important;
   content: " " !important;
   height: 0 !important;
   position: relative !important;
   width: 0 !important;
   border-left: 5px solid rgba(0, 0, 0, 0) !important;
   border-right: 5px solid rgba(0, 0, 0, 0) !important;
   border-top: 5px solid #18B0EB !important;
   bottom: -8px !important;
   left: 20px !important;
}
.numerodasrespostas::after {
   content: attr(stac) !important;
   background: #18B0EB !important;
   width: 150px !important;
   display: block !important;
   border-radius: 2px !important;
   position: relative !important;
   bottom: 32px !important;
   color: #FFF !important;
   padding: 3px 0 !important;
   left: 8px !important;
   text-align: center !important;
   font: bold 12px helvetica !important;
   text-shadow: 0 1px 0 #1297CA !important;
   line-height: 15px;
   height: 15px;
}
.popularidade {
   margin-top: 10px !important;
   right: 0px !important;
   height: 5px !important;
   width: 260px !important;
   background: #E2E2E2 !important;
   bottom: 5px !important;
   left: 155px !important;
   border-radius: 4px !important;
   overflow: hidden !important;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset !important;
}
.barp {
   height: 5px !important;
   max-width: 260px !important;
   border-radius: 4px !important;
   background: -webkit-linear-gradient(top, #83C200 0%, #71A00E 100%);
   background: -moz-linear-gradient(top, #83c200, #71A00E);
   background: linear-gradient(top, #83c200, #71A00E);
   background: -ms-linear-gradient(top, #83c200, #71A00E);
}
.barp[style="width: 36%;"],
.barp[style="width: 37%;"],
.barp[style="width: 38%;"],
.barp[style="width: 39%;"],
.barp[style="width: 40%;"],
.barp[style="width: 41%;"],
.barp[style="width: 42%;"],
.barp[style="width: 43%;"],
.barp[style="width: 44%;"],
.barp[style="width: 45%;"],
.barp[style="width: 46%;"],
.barp[style="width: 47%;"],
.barp[style="width: 48%;"],
.barp[style="width: 49%;"],
.barp[style="width: 50%;"],
.barp[style="width: 51%;"],
.barp[style="width: 52%;"],
.barp[style="width: 53%;"],
.barp[style="width: 54%;"],
.barp[style="width: 55%;"],
.barp[style="width: 56%;"],
.barp[style="width: 57%;"],
.barp[style="width: 58%;"],
.barp[style="width: 59%;"],
.barp[style="width: 60%;"],
.barp[style="width: 61%;"],
.barp[style="width: 62%;"],
.barp[style="width: 63%;"],
.barp[style="width: 64%;"],
.barp[style="width: 65%;"] {
   background: -webkit-linear-gradient(top, #E99B00 0%, #FF811F 100%);
   background: -moz-linear-gradient(top, #E99B00, #FF811F);
   background: -ms-linear-gradient(top, #E99B00, #FF811F);
   background: -o-linear-gradient(top, #E99B00, #FF811F);
   background: linear-gradient(top, #E99B00, #FF811F);
}
.barp[style="width: 0%;"],
.barp[style="width: 1%;"],
.barp[style="width: 2%;"],
.barp[style="width: 3%;"],
.barp[style="width: 4%;"],
.barp[style="width: 5%;"],
.barp[style="width: 6%;"],
.barp[style="width: 7%;"],
.barp[style="width: 8%;"],
.barp[style="width: 9%;"],
.barp[style="width: 10%;"],
.barp[style="width: 11%;"],
.barp[style="width: 12%;"],
.barp[style="width: 13%;"],
.barp[style="width: 14%;"],
.barp[style="width: 15%;"],
.barp[style="width: 16%;"],
.barp[style="width: 17%;"],
.barp[style="width: 18%;"],
.barp[style="width: 19%;"],
.barp[style="width: 20%;"],
.barp[style="width: 21%;"],
.barp[style="width: 22%;"],
.barp[style="width: 23%;"],
.barp[style="width: 24%;"],
.barp[style="width: 25%;"],
.barp[style="width: 26%;"],
.barp[style="width: 27%;"],
.barp[style="width: 28%;"],
.barp[style="width: 29%;"],
.barp[style="width: 30%;"],
.barp[style="width: 31%;"],
.barp[style="width: 32%;"],
.barp[style="width: 33%;"],
.barp[style="width: 34%;"],
.barp[style="width: 35%;"] {
   background: -webkit-linear-gradient(top, #40B6FD 0%, #009FFF 100%);
   background: -moz-linear-gradient(top, #40B6FD, #009fff);
   background: linear-gradient(top, #40B6FD, #009fff);
   background: -ms-linear-gradient(top, #40B6FD, #009fff);
}
.text-po {
   bottom: 3px !important;
   font: bold 9px verdana !important;
   left: 90px !important;
   color: #637479 !important;
}

.alert, .success, .information, .warn {
 padding: 15px;
 width: 85%;
 border: 1px solid;
 margin: 3px 0;
 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
 box-shadow: 1px 1px 2px rgba(0,0,0,.4);
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
 font-weight: bold;
 font-size: 14px;
}
.alert {
 background: #FAFFB2;
 border-color: #DBE08A;
 color: #AF8640;
}
.warn {
 background-color: #F2DEDE;
 border-color: #D3949E;
 color: #A94442;
}
.success {
 background-color: #DFF0D8;
 border-color: #A5D280;
 color: #3C763D;
}
.information {
 background-color: #ADDBF2;
 border-color: #5AB7CA;
 color: #31708F;
}

.pun table.table th {
display: none;
}


#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}

#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
border-radius: 10px !important;
background-color: #F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar {
width: 12px !important;
background-color: #F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
background-color: #555 !important;
}
#fa_toolbar #fa_right #notif_list {
overflow: hidden;
height: 400px !important;
overflow-x: hidden !important;
}
#fa_toolbar #fa_right #notif_list:hover {
overflow: scroll !important;
overflow-x: hidden !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
background-color: #EEEFF4 !important;
}
#fa_toolbar #fa_right #notif_list li .contentText {
color: #333 !important;
height: 50px !important;
}
.notifFaceavatar {
float:left !important;
margin:0 5px !important;
padding:2px !important;
}
.notifFaceavatar img {
height: 45px !important;
width: 45px !important;
}
#fa_toolbar #fa_right #notif_list {
border: 1px solid #e0e0e0 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
#fa_toolbar #fa_right #notif_list li.see_all {
text-align: center !important;
background-color: #f7f7f7 !important;
-webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
-moz-border-radius-bottomright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
#fa_toolbar #fa_right #notif_list a  {
color: #3B5998 !important;
}
#fa_toolbar #fa_right #notif_list li a.delete {
   background: url('http://i.imgur.com/b5E2MD2.jpg') no-repeat !important;
}
#fa_toolbar #fa_right #notif_list li a.delete:hover {
   background: url('http://i.imgur.com/ydpwRs2.jpg') no-repeat !important;
}
#fa_toolbar #fa_right #notif_list li {
border-top: 1px solid #dddddd !important;
border-left: 0px !important;
border-bottom: 0px !important;
border-right: 0px !important;
}
#fa_toolbar #fa_right #notif_list li hr {
border: 0px !important;
}




Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 15:35

continua a mesma coisa que citei acima... com os mesmos 2 erros

print de como está:

custom_background - Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos ZarRJQa
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 15:43

Olá,

Troque o seu template por este:
Código:
<style>
.star.activity {
height: 12px;
width: 73px;
background: url("http://i.imgur.com/dm5QnCN.png");
right: 10px;
background-repeat: no-repeat;
bottom: 15px;
background-position: left center;
}

.star[stac="0"] {
background: url("http://i.imgur.com/ViFyMEG.png");
}

.star[stac="1"],.star[stac="2"],.star[stac="3"],.star[stac="4"] {
background: url("http://i.imgur.com/9reqafN.png");
}

.star[stac="5"],.star[stac="6"],.star[stac="7"],.star[stac="8"],.star[stac="9"],.star[stac="10"] {
background: url("http://i.imgur.com/XpiY9iH.png");
}

.star[stac="11"],.star[stac="12"],.star[stac="13"],.star[stac="14"],.star[stac="15"] {
background: url("http://i.imgur.com/pV3CoZR.png");
}

.star[stac="16"],.star[stac="17"],.star[stac="18"],.star[stac="19"],.star[stac="20"] {
background: url("http://i.imgur.com/Mbzg4bC.png");
}

.star[stac="21"],.star[stac="22"],.star[stac="23"],.star[stac="24"],.star[stac="25"] {
background: url("http://i.imgur.com/CbFTPnM.png");
}

.star[stac="26"],.star[stac="27"],.star[stac="28"],.star[stac="29"],.star[stac="30"] {
background: url("http://i.imgur.com/qiMvzrL.png");
}

.star[stac="31"],.star[stac="32"],.star[stac="33"],.star[stac="34"],.star[stac="35"] {
background: url("http://i.imgur.com/ryA6LNr.png");
}

.star[stac="36"],.star[stac="37"],.star[stac="38"],.star[stac="39"],.star[stac="40"] {
background: url("http://i.imgur.com/APIhQSw.png");
}

.star[stac="41"],.star[stac="42"],.star[stac="43"],.star[stac="44"],.star[stac="45"] {
background: url("http://i.imgur.com/TmeZdLD.png");
}

.star[stac="46"],.star[stac="47"],.star[stac="48"],.star[stac="49"],.star[stac="50"] {
background: url("http://i.imgur.com/Q2JgrGS.png");
}

.star[stac="51"],.star[stac="52"],.star[stac="53"],.star[stac="54"],.star[stac="55"] {
background: url("http://i.imgur.com/mJH6CcZ.png");
}

.star[stac="56"],.star[stac="57"],.star[stac="58"],.star[stac="59"],.star[stac="60"] {
background: url("http://i.imgur.com/MuPtV3m.png");
}

.star[stac="61"],.star[stac="62"],.star[stac="63"],.star[stac="64"],.star[stac="65"] {
background: url("http://i.imgur.com/ROXGqTE.png");
}

.star[stac="66"],.star[stac="67"],.star[stac="68"],.star[stac="69"],.star[stac="70"] {
background: url("http://i.imgur.com/iRph5iv.png");
}

.star[stac="71"],.star[stac="72"],.star[stac="73"],.star[stac="74"],.star[stac="75"] {
background: url("http://i.imgur.com/hYqLbmF.png");
}

.star[stac="76"],.star[stac="77"],.star[stac="78"],.star[stac="79"],.star[stac="80"] {
background: url("http://i.imgur.com/3LSTxfB.png");
}

.star[stac="81"],.star[stac="82"],.star[stac="83"],.star[stac="84"],.star[stac="85"] {
background: url("http://i.imgur.com/2hvADNM.png");
}

.star[stac="86"],.star[stac="87"],.star[stac="88"],.star[stac="89"],.star[stac="90"] {
background: url("http://i.imgur.com/occYLvS.png");
}

.star[stac="91"],.star[stac="92"],.star[stac="93"],.star[stac="94"],.star[stac="95"] {
background: url("http://i.imgur.com/ziRBtQ8.png");
}

.star[stac="96"],.star[stac="97"],.star[stac="98"],.star[stac="99"],.star[stac="100"] {
background: url("http://i.imgur.com/dm5QnCN.png");
}

.star.activity::after {
content: attr(stac);
background: #18B0EB;
width: 61px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}

.star.activity::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}

.star.activity::before,.star.activity::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}

.star.activity:hover::after,.star.activity:hover::before {
opacity: 1;
}
.numerodasrespostas {
position: absolute;
margin-top: 9px;
height: 6px;
margin-left: 50px;
width: 260px;
}
.numerodasrespostas::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}
.numerodasrespostas::after {
content: attr(stac);
background: #18B0EB;
width: 150px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}
.numerodasrespostas::before, .numerodasrespostas::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}
.popularidade {
margin-top: 10px;
right: 0px;
height: 5px;
width: 260px;
background: #E2E2E2;
bottom: 5px;
left: 155px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset;
}
.barp[style="width: 0%;"], .barp[style="width: 1%;"], .barp[style="width: 2%;"], .barp[style="width: 3%;"], .barp[style="width: 4%;"], .barp[style="width: 5%;"], .barp[style="width: 6%;"], .barp[style="width: 7%;"], .barp[style="width: 8%;"], .barp[style="width: 9%;"], .barp[style="width: 10%;"], .barp[style="width: 11%;"], .barp[style="width: 12%;"], .barp[style="width: 13%;"], .barp[style="width: 14%;"], .barp[style="width: 15%;"], .barp[style="width: 16%;"], .barp[style="width: 17%;"], .barp[style="width: 18%;"], .barp[style="width: 19%;"], .barp[style="width: 20%;"], .barp[style="width: 21%;"], .barp[style="width: 22%;"], .barp[style="width: 23%;"], .barp[style="width: 24%;"], .barp[style="width: 25%;"], .barp[style="width: 26%;"], .barp[style="width: 27%;"], .barp[style="width: 28%;"], .barp[style="width: 29%;"], .barp[style="width: 30%;"], .barp[style="width: 31%;"], .barp[style="width: 32%;"], .barp[style="width: 33%;"], .barp[style="width: 34%;"], .barp[style="width: 35%;"] {
background: -webkit-linear-gradient(top, #40B6FD 0%, #009FFF 100%);
background: -moz-linear-gradient(top, #40B6FD, #009fff);
background: linear-gradient(top, #40B6FD, #009fff);
background: -ms-linear-gradient(top, #40B6FD, #009fff);
}
 
  #anuncio {
    display:none;
  }

.pun .posthead img, .pun table .tdtopics img {
    margin-left: 450px;
}
 
</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
<!-- END single_selection -->
{topics_list_box.row.ICON}&nbsp;
{topics_list_box.row.NEWEST_POST_IMG}
  <div id="anuncio">{topics_list_box.row.TOPIC_TYPE}</div>
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
<!-- BEGIN switch_description -->
<br />
&nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<div class="star activity" stac="{topics_list_box.row.VIEWS}"></div>
</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->

{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} <div stac="{topics_list_box.row.REPLIES} Respostas" class="numerodasrespostas"><div class="popularidade"><div stac="0" class="barp" style="width: 3%;">{topics_list_box.row.LAST_POST_IMG}</div></div>
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Agora retorne à gestão das imagens, pois à bocado eu disse errado. Terá de ir em "Ícones dos tópicos" e alterar os seguinte:
http://prntscr.com/8g8nfs
http://prntscr.com/8g8nn5

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 15:57

Muito bem,ficou dessa forma:

custom_background - Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos WXIuCFq

não teria como por um pouco mais ao lado por favor?
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 15:59

Olá,

Tem sim. Adicione no inicio de seu CSS:
Código:
.pun .posthead img, .pun table .tdtopics img {
    margin-left: 550px!important;
}

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Rafusqui_ 14.09.15 15:59

@Fraise encontrei um erro.. não consigo abrir nenhuma mensagem...

Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

Mensagem por Fraise 14.09.15 16:11

Olá,

Crie um novo tópico pois esse erro não tem nada haver com o "Aberto/Fechado" Feliz

Até mais.

Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos