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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Daemon
 
William_iHarDz
 
Child
 
Holkis
 
iScroll
 
R. Rinehardt
 
Sr.Oliveira
 

Quem está conectado
215 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 212 Visitantes :: 2 Motores de busca

tabarra, vietkanpy, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Ajuda com CSS

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

Resolvido Ajuda com CSS

Mensagem por RedeBS em Qua 29 Out 2014 - 19:32

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.

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Reset em Qua 29 Out 2014 - 19:36

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

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1089
Pontos Ativos : 2320

http://ajuda.forumeiros.com/

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Qua 29 Out 2014 - 20:58

Não resultou x.x

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Shaman em Qua 29 Out 2014 - 21:01

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 [],

Shaman
Membro do Fórum

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

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 Qua 29 Out 2014 - 21:03

Não resulta ainda

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Shaman em Qua 29 Out 2014 - 21:09

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%;
}

Shaman
Membro do Fórum

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

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 Qua 29 Out 2014 - 21:33

Ainda nada. ;-;

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Alex Habilidade em Dom 2 Nov 2014 - 17:19

Olá,

Me forneça o Template index_box por favor.

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Dom 2 Nov 2014 - 17:22

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 -->

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Ter 4 Nov 2014 - 23:25

Up -q

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por StaaL em Qua 5 Nov 2014 - 12:55

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;
}


StaaL
Nível 9

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

http://criando.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Qua 5 Nov 2014 - 18:35

Não resulta.

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por Reset em Qua 5 Nov 2014 - 18:39

Boa tarde!

Poderia mandar sua folha de estilo?

Até mais,
Reset. Rosa

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1089
Pontos Ativos : 2320

http://ajuda.forumeiros.com/

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Qua 5 Nov 2014 - 18:54

Enviei por MP

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por StaaL em Qua 5 Nov 2014 - 20:56

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

StaaL
Nível 9

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

http://criando.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Qua 5 Nov 2014 - 21:14

Pronto, Nike

RedeBS
Nível 9

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

http://crepusculobestseller.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por DeeW. em Qua 5 Nov 2014 - 22:06

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

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 270
Pontos Ativos : 1395

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

Resolvido Re: Ajuda com CSS

Mensagem por StaaL em Sex 7 Nov 2014 - 1:07

Poderia Mandar sua Css ?

StaaL
Nível 9

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

http://criando.forumeiros.com

Resolvido Re: Ajuda com CSS

Mensagem por RedeBS em Sex 7 Nov 2014 - 22:26

Pode encerrar, já consegui sozinha.

RedeBS
Nível 9

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

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