Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Caixa de resposta rápida nos tópicos
Hoje à(s) 09:53 pm por Harleen

» Categoria do fórum
Hoje à(s) 09:48 pm por Harleen

» Remover "Não há mensagens"
Hoje à(s) 09:45 pm por Harleen

» Template quebra ao ser editado
Hoje à(s) 09:21 pm por Starset

» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 07:39 pm por Flames

» Bug nos tópicos
Hoje à(s) 07:05 pm por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 06:19 pm por Flames

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
JulioPais
 
Shek
 
Flames
 
APOllO
 
Forumpw
 

Quem está conectado
262 usuários online :: 5 usuários cadastrados, 1 Invisível e 256 Visitantes :: 2 Motores de busca

Harleen, Luiz, Starset, ThedbR, Tiago João

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajuda com CSS

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

Resolvido Ajuda com CSS

Mensagem por RedeBS em 29/10/14, 05:32 pm

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : http://crepusculobestseller.forumeiros.com

Descrição do problema

Gostaria de deixar algo parecido com isso no tópico do meu fórum:



http://the-coven.forumeiros.com/

Qual o code CSS usado? Grata.
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Reset em 29/10/14, 05:36 pm

Olá!

Adicione este css:
Código:
.forabg li.row dd.lastpost {
background-color: #090909;
border: none;
border-right: 3px double #fff;
color: #fff;
font-family: arial;
font-size: 8px;
margin-left: -62.5px;
margin-top: 20px;
min-height: 50px;
padding: 5px;
text-align: center;
text-transform: uppercase;
width: 130px;
}

Até! Rosa
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1452

http://ajuda.forumeiros.com/

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 29/10/14, 06:58 pm

Não resultou x.x
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Shaman em 29/10/14, 07:01 pm

Tente:

Código:
.forabg li.row dd.lastpost {
background-color: #090909;
border: none;
border-right: 3px double #fff;
color: #fff;
font-family: arial;
font-size: 8px;
margin-left: -62.5px;
margin-top: 20px;
min-height: 50px;
padding: 5px;
text-align: center;
text-transform: uppercase;
width: 130px;
}
ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}


LucaS [],
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 29/10/14, 07:03 pm

Não resulta ainda
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Shaman em 29/10/14, 07:09 pm

Olá, desativei este CSS no fórum que você nos passou , e mexeu no tal efeito que você quer, tente usar este, substitua todos os códigos por este:

Código:
.forabg li.row dd.posts {
background-color: #333;
border-right: 3px double #fff;
height: 15px;
left: 10.1em;
position: relative;
top: 70px;
width: 68px;
}
.forabg .row .posts, .forabg .row .topics {
color: #fff;
font-family: arial;
font-size: 8px;
height: 70px;
text-align: center;
text-transform: uppercase;
}
ul.forums dd {
border-color: transparent;
border-left-style: solid;
border-left-width: 1px;
}
ul.topiclist dd {
border-left: 1px solid transparent;
display: block;
float: left;
padding: 4px 0;
}
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
}
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 29/10/14, 07:33 pm

Ainda nada. ;-;
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Alex Habilidade em 02/11/14, 03:19 pm

Olá,

Me forneça o Template index_box por favor.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2796
Pontos Ativos : 3774

http://www.gzhabilidade.com/

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 02/11/14, 03:22 pm

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 04/11/14, 09:25 pm

Up -q
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por StaaL em 05/11/14, 10:55 am

Ola

Tente Coloca Esses Code Css E Ver se Da Resultado

Código:

.forabg li.row dd.posts {
    background-color: #333;
    border-right: 3px double #FFF;
    height: 15px;
    left: 10.1em;
    position: relative;
    top: 70px;
    width: 68px;
}
.forabg li.row dd.topics {
    background-color: #111;
    height: 15px;
    left: 10.1em;
    position: relative;
    top: 70px;
    width: 70px;
}
.forabg .row .posts, .forabg .row .topics {
    color: #FFF;
    font-family: arial;
    font-size: 8px;
    height: 70px;
    text-align: center;
    text-transform: uppercase;
}
.forabg li.row dd.topics:after {
    color: #FFF;
    content: "topics";
    font-family: open sans condensed;
    font-size: 8px;
    text-transform: uppercase;
}
.forabg li.row dd.lastpost {
    background-color: #090909;
    border-width: medium 3px medium medium;
    border-style: none double none none;
    border-color: -moz-use-text-color #FFF -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: #FFF;
    font-family: arial;
    font-size: 8px;
    margin-left: -62.5px;
    margin-top: 20px;
    min-height: 50px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 130px;
}

avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

http://criando.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 05/11/14, 04:35 pm

Não resulta.
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Reset em 05/11/14, 04:39 pm

Boa tarde!

Poderia mandar sua folha de estilo?

Até mais,
Reset. Rosa
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1452

http://ajuda.forumeiros.com/

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 05/11/14, 04:54 pm

Enviei por MP
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por StaaL em 05/11/14, 06:56 pm

Ola Poderia Deixar o Code que Mandei Ativo no seu fórum Pra min Fazer as Alteração no seu Fórum
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

http://criando.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 05/11/14, 07:14 pm

Pronto, Nike
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por DeeW. em 05/11/14, 08:06 pm

Olá, copiar não é legal... então fiz uma coisa simples mas legal, posso melhorar o design e etc...
Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall topic">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall post">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
<style type="text/css">
.forumline tbody tr td span.topic:after {
content: 'TÓPICOS';
display: block;
}
.forumline tbody tr td span.post:after {
content: 'POSTS';
display: block;
}
</style>

index_box.tpl
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Ajuda com CSS

Mensagem por StaaL em 06/11/14, 11:07 pm

Poderia Mandar sua Css ?
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

http://criando.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em 07/11/14, 08:26 pm

Pode encerrar, já consegui sozinha.
avatar

RedeBS
Nível 9

Feminino
Inscrito dia : 29/10/2014
Mensagens : 164
Pontos Ativos : 240

http://crepusculobestseller.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum