FREEDOM DESIGN

Liberdade de edição


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Membro

Informações da categoria em modo hover

http://cdn2.iconfinder.com/data/icons/oxygen/64x64/mimetypes/application-x-executable-script.png
Um bom diferencial no modo de ver a quantidade de tópicos e mensagens é colocando-as de modo hover. Veja como!




1º) Modificando o código no template

Deverá modificar o código no template index_box, para isto vá para :

Painel de Controle Visualização Templates Geral

Para a versão PunBB substitua ele todo pelo código abaixo:
Código:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2"></th>
<th class="tc3"></th>
<th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <div class="hover_stats"><img src="http://www.ggames.com.br/forum/public/style_images/baisik/hover_stats_arrow.gif" alt="" class="stats_arrow"><div class="idx_stats">Temos <b>{catrow.forumrow.TOPICS}</b> topicos e <b>{catrow.forumrow.POSTS}</b> mensagens </div></div>
 <br />
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
<td class="tc2"></td>
<td class="tc3"></td>
<td class="tcr">
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Para a versão PhpBB 2 substitua ele toda pelo código abaixo:
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"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50"></th>
<th nowrap="nowrap" width="50"></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"> </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}>
<div class="hover_stats"><img src="http://www.ggames.com.br/forum/public/style_images/baisik/hover_stats_arrow.gif" alt="" class="stats_arrow"><div class="idx_stats">Temos <b>{catrow.forumrow.TOPICS}</b> topicos e <b>{catrow.forumrow.POSTS}</b> mensagens </div></div>
        <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"></span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall"></span>
      <td class="row3 over" align="center" valign="middle" height="50">
        <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 -->

Após isto salve. Não se esqueça de publicar o template clicando em "Publicar"().

2º) Apresentando e adicionando o código CSS:
O código é:
Código:
tr:hover .hover_stats {
display: inline;
}
.hover_stats {
display: none;
position: absolute;
}
.stats_arrow {
margin-left: 5px;
margin-right: -1px;
position: relative;
margin-top: -1px;
}
.idx_stats {
background: #424242;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 3px 5px;
display: inline;
}

Deverá adicioná-lo em:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS


Não esqueça de salvar este código também, certificando que foi adicionado na última linha de sua Folha CSS.

3°) Resultado:



PERGUNTAS E RESPOSTAS DO TUTORIAL

  • Quais versões este código funciona ?
    Este código só funciona nas versões Punbb e PhpBB2, por precisar de edição de template .




Última edição por Quakeline em Sab Jan 26, 2013 11:47 pm, editado 6 vez(es)

Ver perfil do usuário

Administrador

A estrutura ainda está sendo criada. Obrigado pela contribuição amigo!

Tópico bloqueado para breve avaliação.

Ver perfil do usuário

Membro

Olá,

Pronto veja se esta na estrutura correta

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

Administrador

-Esta parte não existe na estrutura:
--> Tutoriais <--
Informações da categoria em modo hover
-Perguntas e respostas do tutorial deve ser o penúltimo item. Então coloque o terceiro item antes dele;
-O tutorial deve estar ensinando a uma só pessoa "você e não vocês, irá e não irão";

Depois reviso a linguagem e termino a estrutura. No resto tá perfeito Quakeline, brigadão cara!

Ver perfil do usuário

Membro

Olá,

Pronto tudo esta na estrutura agora

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

Administrador

Não encontrei as partes dos códigos em PhpBB 2. Confirma que realmente funciona em PhpBB 2?

Ver perfil do usuário

Membro

Olá,

Pronto puis os passos para por o efeito na versão PhpBB2

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

Administrador

Não foi encontrado
Código:
<</h{catrow.forumrow.LEVEL}>
.

Algum problema?

Ver perfil do usuário

Membro

Olá,

Pronto atualizei desculpa foi um minimo erro

Até



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

Administrador

Instruções de postagem de um tutorial aceito:

Poste-o novamente neste sub-fórum e este será movido para a seção principal. Agradecemos sua colaboração!

Olá novamente,

A imagem não tá pegando não, então na hora de postar hospede outra,mas modifiquei o tutorial e ficou assim:

Código:
<div style="display: block; margin : 0 0px 0 40px;"><div class="titulo_tuto">Informações da categoria em modo hover</div><br><img src="http://cdn2.iconfinder.com/data/icons/oxygen/64x64/mimetypes/application-x-executable-script.png" alt="http://cdn2.iconfinder.com/data/icons/oxygen/64x64/mimetypes/application-x-executable-script.png" style="float:left"><div id="desc_tuto">Um bom diferencial no modo de ver a quantidade de tópicos e mensagens é colocando-as de modo hover. Veja como!</div><br><strong></strong> </div></dd>

[hr][b][color=#039be3][size=14]1º) Modificando o código no template [/size][/color][/b]

Deverá modificar o código no template [b]index_box[/b], para isto vá para :

[quote][color=black][b]Painel de Controle [img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Visualização [img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Templates [img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Geral[/b][/color][/quote]

[b]Para a versão PunBB substitua ele todo pelo código abaixo:[/b]
[code]<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2"></th>
<th class="tc3"></th>
<th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <div class="hover_stats"><img src="http://www.ggames.com.br/forum/public/style_images/baisik/hover_stats_arrow.gif" alt="" class="stats_arrow"><div class="idx_stats">Temos <b>{catrow.forumrow.TOPICS}</b> topicos e <b>{catrow.forumrow.POSTS}</b> mensagens </div></div>
 <br />
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
<td class="tc2"></td>
<td class="tc3"></td>
<td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->[/code]

[b]Para a versão PhpBB 2 substitua ele toda pelo código abaixo:[/b]
[code]<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"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50"></th>
<th nowrap="nowrap" width="50"></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}>
<div class="hover_stats"><img src="http://www.ggames.com.br/forum/public/style_images/baisik/hover_stats_arrow.gif" alt="" class="stats_arrow"><div class="idx_stats">Temos <b>{catrow.forumrow.TOPICS}</b> topicos e <b>{catrow.forumrow.POSTS}</b> mensagens </div></div>
         <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"></span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall"></span>
      <td class="row3 over" align="center" valign="middle" height="50">
         <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 -->[/code]

Após isto [b]salve[/b]. Não se esqueça de publicar o template clicando em  [b]"Publicar"[/b]([img]http://illiweb.com/fa/admin/icones/ajouter.png[/img]).

[b][color=#039be3][size=14]2º) Apresentando e adicionando o código CSS:[/size][/color][/b]
O código é:
[code]tr:hover .hover_stats {
display: inline;
}
.hover_stats {
display: none;
position: absolute;
}
.stats_arrow {
margin-left: 5px;
margin-right: -1px;
position: relative;
margin-top: -1px;
}
.idx_stats {
background: #424242;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 3px 5px;
display: inline;
}[/code]

Deverá adicioná-lo em:
[quote][color=black][b]Painel de Controle [img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Visualização [img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Imagens e Cores[img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Cores [img]http://im0.all-up.com/i/img/puce_fleche.png[/img] Folha de estilo CSS[/b][/color][/quote]

[center][img]http://i48.servimg.com/u/f48/15/88/72/83/css11.png[/img][/center]

Não esqueça de [b]salvar[/b] este código também, certificando que foi adicionado na última linha de sua Folha CSS.

[b][color=#039be3][size=14]3°) Resultado:[/size][/color][/b]

[center][img]http://i45.tinypic.com/2u4nhc1.png[/img]

[b][color=#039be3][size=18] PERGUNTAS E RESPOSTAS DO TUTORIAL[/size][/color][/b][/center]

[list][*][b][color=#000000]Quais versões este código funciona ?[/color][/b]
Este código só funciona nas versões Punbb e PhpBB2, por precisar de edição de template .[/list]
[hr][center][img]http://i.imgur.com/2AU9wih.png[/img][/center]
Na próxima apenas dê uma melhorada na linguagem.

Ver perfil do usuário


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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