FREEDOM DESIGN

Liberdade de edição


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

Freedom design » Programação » Tutoriais » Propor tutoriais » [TUTORIAL] Informações da categoria em modo hover

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

Membro

Quakeline
Quakeline
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 [TUTORIAL] Informações da categoria em modo hover Puce_fleche Visualização [TUTORIAL] Informações da categoria em modo hover Puce_fleche Templates [TUTORIAL] Informações da categoria em modo hover Puce_fleche 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"([TUTORIAL] Informações da categoria em modo hover Ajouter).

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 [TUTORIAL] Informações da categoria em modo hover Puce_fleche Visualização [TUTORIAL] Informações da categoria em modo hover Puce_fleche Imagens e Cores[TUTORIAL] Informações da categoria em modo hover Puce_fleche Cores [TUTORIAL] Informações da categoria em modo hover Puce_fleche Folha de estilo CSS

[TUTORIAL] Informações da categoria em modo hover Css11

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

3°) Resultado:

[TUTORIAL] Informações da categoria em modo hover 2u4nhc1

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 .

[TUTORIAL] Informações da categoria em modo hover 2AU9wih



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

Administrador

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

Tópico bloqueado para breve avaliação.

Membro

Quakeline
Quakeline
Olá,

Pronto veja se esta na estrutura correta

Até

Administrador

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

Membro

Quakeline
Quakeline
Olá,

Pronto tudo esta na estrutura agora

Até

Administrador

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

Membro

Quakeline
Quakeline
Olá,

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

Até

Administrador

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

Algum problema?

Membro

Quakeline
Quakeline
Olá,

Pronto atualizei desculpa foi um minimo erro

Até

Administrador

Heimdall
Heimdall
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://2img.net/i/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.


Conteúdo patrocinado

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

Freedom design » Programação » Tutoriais » Propor tutoriais » [TUTORIAL] Informações da categoria em modo hover

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