Modificação categorias
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Modificação categorias
Detalhes da dúvida
Versão do fórum : PunBBNível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
- Imagem da minha dúvida:
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://teste98.forumeiros.com
Descrição do problema
Olá!gostaria de deixar minhas categorias igual ao da imagem, porem com a barra vermelha.
Até!
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f28/11/40/02/06/medal_10.gif)
Re: Modificação categorias
Saudações! ![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Adicione o código abaixo no INICIO de teu CSS:
Adicione no conteúdo:
Salve e Visualize seu fórum.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Melhores cumprimentos,
Sennior.![De bem com a vida](/users/2612/28/77/07/smiles/723208.gif)
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Adicione o código abaixo no INICIO de teu CSS:
Vá em: Painel de controle ![]() ![]() ![]() |
- Código:
div.main div.main-head {
background-color: #000!important;
border-bottom: 3px solid red!important;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #2A80B9;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
Salve e Visualize seu fórum.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Melhores cumprimentos,
Sennior.
![De bem com a vida](/users/2612/28/77/07/smiles/723208.gif)
Re: Modificação categorias
Olá!
levei o concelho de um amigão meu
, pedirei que não seja igual, que Ajudadeiros por favor façam um código para mim que seja do mesmo tipo, porem diferente.
Agradeço!
levei o concelho de um amigão meu
![Rindo](/users/2612/28/77/07/smiles/287176.gif)
Agradeço!
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f28/11/40/02/06/medal_10.gif)
Re: Modificação categorias
Ué amigo... Mas então como deseja? Uma cor diferente no fundo preto?
Até mais.
- Código:
div.main div.main-head {
background-color: #000!important;
border-bottom: 3px solid red!important;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
Até mais.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Saudações Faeel!
Poderia nos indicar o link do fórum que viu este efeito nas categorias? Ficará mais fácil de fazer exatamente igual, assim como deseja.![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Poderia nos indicar o link do fórum que viu este efeito nas categorias? Ficará mais fácil de fazer exatamente igual, assim como deseja.
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
Olá!
a imagem foi editada no paint, porem me baseei no fórum da bestskins.
a imagem foi editada no paint, porem me baseei no fórum da bestskins.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Saudações!
Aqui está o código(substitua por todos fornecidos neste tópico):
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Aqui está o código(substitua por todos fornecidos neste tópico):
- Código:
#content .main .main-foot, #content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #FF0000;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}
.pun table.table h3 {
font-family: Cuprum;
font-size: 1.2em;
}
.statused .tcl h3 {
margin-left: 42px;
}
.pun a:visited {
color: #2f2f2f;
}
.pun a:link {
color: #2f2f2f;
}
.pun a:hover {
color: #5874a3;
}
.pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}
.pun table.table {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
}
.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}
.stats_number {
color: #BBB;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.stats_text {
color: #d1d1d1;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
a:link {
text-decoration: none;
}
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Saudações!
Acrescente ao código anterior este outro:
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Acrescente ao código anterior este outro:
- Código:
th.tc3 {
background-color: transparent !important;
}
.pun table.table th.tcl {
padding-left: .5em;
font-size: 0 !important;
background-color: transparent !important;
}
.pun table.table tr:nth-child(odd) {
background: #f7f7f7;
}
th.tcr, th.tc2 {
display: none !important;
}
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Última edição por Hakuouki em 04.03.15 18:47, editado 1 vez(es)
Re: Modificação categorias
Coloquei na css.
- Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></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">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</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}>
<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">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Peço desculpas, mas esqueci de alguns outros códigos que faram diferença nos detalhes. Peço que substitua o CSS fornecido em minha mensagem anterior, por este outro:
E a tua index_box, substitua por esta, salve e depois publique:
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
- Código:
thead {
display: none !important;
}
th.tc3 {
background-color: transparent !important;
}
.pun table.table th.tcl {
padding-left: .5em;
font-size: 0 !important;
background-color: transparent !important;
}
.pun table.table tr:nth-child(odd) {
background: #f7f7f7;
}
th.tcr, th.tc2 {
display: none !important;
}
E a tua index_box, substitua por esta, salve e depois publique:
- Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></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">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</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}>
<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"><span class="stats_number">{catrow.forumrow.TOPICS}</span><span class="stats_text">Tópicos</span></td>
<td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}</span><span class="stats_text">respostas</span></td>
<td class="tcr">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
Olá!
aumente um pouco a tonalidade aqui na área marcada http://prntscr.com/6cotct
e de um hover que de pouca diferença na categoria.
aumente um pouco a tonalidade aqui na área marcada http://prntscr.com/6cotct
e de um hover que de pouca diferença na categoria.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Aqui está o código:
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
O hover já está incluso, só não aparece porque você só tem um fórum. Experimente criar mais dois fóruns na primeira categoria e terá o efeito!![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Att
- Código:
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #EAEAEA !important;
}
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
O hover já está incluso, só não aparece porque você só tem um fórum. Experimente criar mais dois fóruns na primeira categoria e terá o efeito!
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Att
![Rosa](/users/2612/28/77/07/smiles/545657907.gif)
Re: Modificação categorias
Olá!
poderia fazer um linha no meio, com pouca diferença do fundo.
![Modificação categorias D3gYaiB](https://i.imgur.com/D3gYaiB.png)
poderia fazer um linha no meio, com pouca diferença do fundo.
![Modificação categorias D3gYaiB](https://i.imgur.com/D3gYaiB.png)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Acrescente este CSS junto aos demais:
Att
- Código:
td.tc2 {
border-right: 1px solid rgb(179, 179, 179) !important;
}
Att
Re: Modificação categorias
Uma cor mais fraca, e um hover sem muita diferença.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
O hover já falei para o senhor criar mais dois fóruns na primeira categoria para que possa visualizar a diferença do hover em cada fórum. ![Pensativo](/users/2612/28/77/07/smiles/3866787950.gif)
Exemplo: Fórum 1 - Claro
Fórum 2 - Escuro
Fórum 3 - Claro
Fórum 4 - Escuro
Compreende? Quanto a borda, substitua por este:
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Att![zen](/users/2612/28/77/07/smiles/232997.gif)
![Pensativo](/users/2612/28/77/07/smiles/3866787950.gif)
Exemplo: Fórum 1 - Claro
Fórum 2 - Escuro
Fórum 3 - Claro
Fórum 4 - Escuro
Compreende? Quanto a borda, substitua por este:
- Código:
td.tc2 {
border-right: 1px solid #DDDDDD!important;
}
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Att
![zen](/users/2612/28/77/07/smiles/232997.gif)
Re: Modificação categorias
Olá!
gostaria do hover quando passar o mouse, entende-me?
gostaria do hover quando passar o mouse, entende-me?
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f28/11/40/02/06/medal_10.gif)
Re: Modificação categorias
Assim?
Até mais.
- Código:
.pun table.table tr:nth-child(odd):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
Até mais.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Aqui está:
Modifique "#cor" para a cor em hexadecimal ou pelo próprio nome da cor em inglês, como por exemplo:
Exemplos de cores em hexadecimais:
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
- Código:
.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {
background-color: #cor !important;
}
Modifique "#cor" para a cor em hexadecimal ou pelo próprio nome da cor em inglês, como por exemplo:
- Código:
white
black
blue
green
Exemplos de cores em hexadecimais:
- Código:
#FFFFFF - Branco
#000000 - Preto
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
@Sennior seu código aqui não funcionou na segunda categoria dos sub-fóruns.Sennior escreveu:Assim?
- Código:
.pun table.table tr:nth-child(odd):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
Até mais.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Para a segunda, que pulará para a quarta e assim em diante(sendo números pares), será este código:
Já o outro código fornecido pelo o @Sennior mantenha, pois ele é respectivamente referente aos números impares, ou seja, do um pulará para o três e assim em diante!
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
- Código:
.pun table.table tr:nth-child(even):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
Já o outro código fornecido pelo o @Sennior mantenha, pois ele é respectivamente referente aos números impares, ou seja, do um pulará para o três e assim em diante!
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
Olá!
O texto, respostas e visualização não esta aparecendo. E o efeito das categorias não resultou nos Widgets.
http://prntscr.com/6cpuwc
O texto, respostas e visualização não esta aparecendo. E o efeito das categorias não resultou nos Widgets.
http://prntscr.com/6cpuwc
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Exclua todos os códigos fornecidos neste tópico e adicione este no início da mesma:
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Agora para adicionar "respostas" e "visto" nos fóruns/sub-fóruns, aceda à: Painel de Controle >> Visualização >> Templates >> Geral > topics_list_box
Mande-me todo o conteúdo deste local!![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
- Código:
.pun table.table tr:nth-child(even) {
background: #f2f2f2;
}
.pun table.table tr:nth-child(even):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
.pun table.table tr:nth-child(odd) {
background: #f7f7f7;
}
.pun table.table tr:nth-child(odd):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
thead {
display: none !important;
}
th.tc3 {
background-color: transparent !important;
}
.pun table.table th.tcl {
padding-left: .5em;
font-size: 0 !important;
background-color: transparent !important;
}
th.tcr, th.tc2 {
display: none !important;
}
td.tc2 {
border-right: 1px solid #DDDDDD!important;
}
#content .main .main-foot, #content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #FF0000;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}
.pun table.table h3 {
font-family: Cuprum;
font-size: 1.2em;
}
.statused .tcl h3 {
margin-left: 42px;
}
.pun a:visited {
color: #2f2f2f;
}
.pun a:link {
color: #2f2f2f;
}
.pun a:hover {
color: #5874a3;
}
.pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}
.pun table.table {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
}
.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}
.stats_number {
color: #BBB;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.stats_text {
color: #d1d1d1;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
a:link {
text-decoration: none;
}
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Agora para adicionar "respostas" e "visto" nos fóruns/sub-fóruns, aceda à: Painel de Controle >> Visualização >> Templates >> Geral > topics_list_box
Mande-me todo o conteúdo deste local!
![Positivo](/users/2612/28/77/07/smiles/881231.gif)
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
Alterei o código css e não resultou ![Triste](/users/2612/28/77/07/smiles/452154.gif)
Aqui esta o template.
![Triste](/users/2612/28/77/07/smiles/452154.gif)
Aqui esta o template.
- Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc2">{topics_list_box.row.L_REPLIES}</th>
<th class="tc3">{topics_list_box.row.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
<th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
{topics_list_box.row.ICON}
{topics_list_box.row.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
<!-- BEGIN switch_description -->
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
<td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
<p class="options">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Acalma-te amigão! ![Rindo](/users/2612/28/77/07/smiles/287176.gif)
Na edição do template, o que deseja já irá aparecer!![OK](/users/2612/28/77/07/smiles/800365715.gif)
Substitua por este:
![zen](/users/2612/28/77/07/smiles/232997.gif)
Até!![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
![Rindo](/users/2612/28/77/07/smiles/287176.gif)
Na edição do template, o que deseja já irá aparecer!
![OK](/users/2612/28/77/07/smiles/800365715.gif)
Substitua por este:
- Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc2"><span class="stats_number">{topics_list_box.row.L_REPLIES}</span><span class="stats_text">respostas</span></th>
<th class="tc3"><span class="stats_number">{topics_list_box.row.L_VIEWS}</span><span class="stats_text">visto</span></th>
<th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc2"><span class="stats_number">{topics_list_box.row.topic.table_sticky.L_REPLIES}</span><span class="stats_text">respostas</span></th>
<th class="tc3"><span class="stats_number">{topics_list_box.row.topic.table_sticky.L_VIEWS}</span><span class="stats_text">visto</span></th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
{topics_list_box.row.ICON}
{topics_list_box.row.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
<!-- BEGIN switch_description -->
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><span class="stats_number">{topics_list_box.row.REPLIES}</span><span class="stats_text">respostas</span></td>
<td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><span class="stats_number">{topics_list_box.row.VIEWS}</span><span class="stats_text">visto</span></td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
<p class="options">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
![zen](/users/2612/28/77/07/smiles/232997.gif)
Até!
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
Agora sim mudou ![Feliz](/users/2612/28/77/07/smiles/61552.gif)
mas gostaria que tivesse a mesma moldura das categorias nos Widgets.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
mas gostaria que tivesse a mesma moldura das categorias nos Widgets.
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Olá novamente!
De acordo com as regras do Fórum dos Fóruns e espero que o senhor esteja ciente, não é permitido cessar duas questões num mesmo tópico! Peço que crie um novo tópico para que eu possa lhe ajudar!
Posso finalizar este tópico?![Pensativo](/users/2612/28/77/07/smiles/3866787950.gif)
Atenciosamente,
Hakuouki![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
De acordo com as regras do Fórum dos Fóruns e espero que o senhor esteja ciente, não é permitido cessar duas questões num mesmo tópico! Peço que crie um novo tópico para que eu possa lhe ajudar!
Posso finalizar este tópico?
![Pensativo](/users/2612/28/77/07/smiles/3866787950.gif)
Atenciosamente,
Hakuouki
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Re: Modificação categorias
Olá amigo,
no código que o @Sennior ávia disponibilizado deu o efeito nas categorias e nos Widgets, acho que é o mesmo assunto isso, não? se não for, por favor feche o tópico e marque como resolvido!
no código que o @Sennior ávia disponibilizado deu o efeito nas categorias e nos Widgets, acho que é o mesmo assunto isso, não? se não for, por favor feche o tópico e marque como resolvido!
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
![Membro Entusiasta Membro Entusiasta](https://i.servimg.com/u/f28/11/40/02/06/medal_18.gif)
Re: Modificação categorias
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Modificação das Categorias
» Modificação categorias
» [Outro] Modificação na imagem de categorias - Hi Tech
» Modificação de código CSS (fundo do titulo das categorias)
» Como faço para que categorias tenham ícones de mensagens diferentes de outras categorias
» Modificação categorias
» [Outro] Modificação na imagem de categorias - Hi Tech
» Modificação de código CSS (fundo do titulo das categorias)
» Como faço para que categorias tenham ícones de mensagens diferentes de outras categorias
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos