+3B4N3
Release's
Pedro Hiraga
7 participantes
Pedro Hiraga • Dom 23 Mar 2014 - 13:02
Qual é minha questão:Olá eu queria aquele hover gradiente das categorias como nesses dois forums:
narutorpgfuture.forumeiros.com/forum
spdesign.ativoforum.com/forum
Endereço do meu fórum:[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]Versão:PunBB
Release's • Dom 23 Mar 2014 - 13:06
Olá Pedro!
Coloque isso em seu CSS:
- Código:
.main-content table tr:hover td {
background-color: #e3e3e3;
background: -moz-linear-gradient(#E7EAF1,#ffffff);
background-image: -webkit-linear-gradient(#E7EAF1,#ffffff);
background-attachment: scroll;
}
Pedro Hiraga • Dom 23 Mar 2014 - 13:20
B4N3 • Dom 23 Mar 2014 - 14:09
.row:hover {
background-color: #e3e3e3;
background: -moz-linear-gradient(#E7EAF1,#ffffff);
background-image: -webkit-linear-gradient(#E7EAF1,#ffffff);
background-attachment: scroll;
}
tenta esse
Pedro Hiraga • Dom 23 Mar 2014 - 14:19
Daemon • Dom 23 Mar 2014 - 14:28
Tente este código em seu css:
- Código:
.main-content tr:hover td {background: #e0e0e0 !important;}
Até mais!
Pedro Hiraga • Dom 23 Mar 2014 - 14:31
continua sem resultado
meu template:
- 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_board_index">
<table cellspacing="0" class="table">
<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}>
<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"><span id="lit"><span id="te1">{catrow.forumrow.TOPICS} topics</span><p><span id="te2">{catrow.forumrow.POSTS} replies</span></p></span></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>
<br /><!-- 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 -->
Latysh • Dom 23 Mar 2014 - 14:59
Explique-me melhor o que você quer.
Pedro Hiraga • Dom 23 Mar 2014 - 15:17
Quero aquele efeito gradiente de hover das categorias rsrs
Target • Dom 23 Mar 2014 - 16:18
Olá!
Tente este código:
- Código:
.pun table.table td:hover {
background-attachment: scroll !important;
background-color: rgb(196, 196, 196) !important;
background-image: -webkit-linear-gradient(top, rgb(196, 196, 196), rgb(255, 255, 255));
}
Até +!
Pedro Hiraga • Dom 23 Mar 2014 - 16:37
sempre que coloco o seu codigo, o forum fica todo disconfigurado como se a css tivesse sido desativada
![[F]lames](https://i.imgur.com/GdQrbHZ.png)
[F]lames • Dom 23 Mar 2014 - 16:52
Reputação da mensagem: 100% (1 votos)
Olá,
Adicione á teu CSS:
- Código:
.pun table.table, .pun table.table tbody.statused tr {
background: transparent !important;
border: 0 !important;
}
.pun table.table tbody.statused tr td {
background-color: #fff !important;
background: -moz-linear-gradient(#fff,#E7EAF1) !important;
background-image: -webkit-linear-gradient(#fff,#E7EAF1) !important;
background-attachment: scroll !important;
}
.pun table.table tbody.statused tr:hover td {
background-color: #e3e3e3 !important;
border-color: #e3e3e3 !important;
background: -moz-linear-gradient(#E7EAF1,#ffffff) !important;
background-image: -webkit-linear-gradient(#E7EAF1,#ffffff) !important;
background-attachment: scroll !important;
}
Até mais. Reputação da mensagem: 100% (1 votos)
Pedro Hiraga • Dom 23 Mar 2014 - 16:55
perfeito agora como que eu separo eles uns 5px ?
[F]lames • Dom 23 Mar 2014 - 17:23
Reputação da mensagem: 100% (1 votos)
Olá,
Adicione á teu CSS:
- Código:
.pun table.table tbody.statused tr {
margin: 5px 0;
display: block;
}
.pun table.table tbody.statused tr td:first-child {
border-radius: 7px 0 0 7px;
}
.pun table.table tbody.statused tr td:last-child {
border-radius: 0 7px 7px 0;
}
Até mais. Reputação da mensagem: 100% (1 votos)
Pedro Hiraga • Dom 23 Mar 2014 - 17:52
Perfeito [F]lames
[F]lames • Seg 24 Mar 2014 - 17:45
[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos
Hover nas categorias Dom 23 Mar 2014 - 13:02
