ArtigosCategoria quadrada
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
Categoria quadrada
por Mr.Cyber 09.08.14 2:58
Olá pessoal,
alguém me ajuda,queria deixar a borda das categorias do meu fórum igual a imagem abaixo.
http://prntscr.com/4azo22
alguém me ajuda,queria deixar a borda das categorias do meu fórum igual a imagem abaixo.
http://prntscr.com/4azo22
Última edição por Mr.Cyber em 09.08.14 22:49, editado 1 vez(es)
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por Sennior 09.08.14 4:30
Saudações,
Conceda-me teu CSS para que eu faça as alterações de códigos.
Até mais.
Conceda-me teu CSS para que eu faça as alterações de códigos.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 4:49
- Código:
/*------- Legendas -----------*/
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
background: url("http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png") repeat-x scroll left bottom rgb(255, 255, 255);
border: 2px solid rgb(221, 221, 221);
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0px;
font-weight: 700;
margin: 0px auto;
padding: 10px 8px 5px 5px;
text-align: center;
width: 70%;
}
#i_whosonline + p br + br + em a {
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0px 5px;
text-shadow: 0px 1px 1px rgb(78, 238, 148);
}
/*------- Efeito ao passar o mouse sobre a categoria -----------*/
.row1.over:hover {
background: url(http://r69.cooltext.com/rendered/cooltext1673978167.png) right bottom no-repeat;
}
table.forumline tr td.row1, table.forumline tr td.row2, table.forumline tr td.row3 {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.hierarchy a:hover {
font-size: 15px !important;
text-shadow: #FF9D00 0px 0px 8px;
color: #000;
}
/*-------- Efeito ao passar o mouse sobre o menu ------------*/
a.mainmenu:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
filter: alpha(opacity=80);
-moz-opacity: 0.65;
opacity: 0.55;
text-decoration: none;
text-shadow: yes;
-webkit-transition: 180ms linear 0s;
-moz-transition: 180ms linear 0s;
-o-transition: 180ms linear 0s;
transition: 180ms linear 0s;
outline: 0 none;
}
/*-------- Botão Enviar / Pré-Visualizar ------------*/
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}
/*--------- Perfil em negrito ------------*/
.postprofile dl dd span {font-weight: 800 !important;}
/*-------- Retirar busca ----------*/
.nomargin {
display: none!important;
}
/*----------------------------- SEPARADOR DE MENSAGEM ------------------------------- */
.post {
-moz-box-shadow: 0 3px 3px #FFA200;
-webkit-box-shadow: 0 3px 3px #FFA200;
border: 1px solid #cbcbcb;
}
/**/
.postbody {
margin-right: 70px !important;
}
.postprofile {
border-right: 1px solid #ffffff !important;
width: 200px !important;
}
/*----- Efeito ao colocar o nome no tópico e borda do perfil ----*/
.forabg {
background-color: #;
border: 2px solid #;
border-radius: 10px;
}
.row:hover {
border: 1px solid #CCC !important;
border-left: 4px solid #FFBF00 !important;
border-right: 4px solid #FFBF00 !important;
}
.forabg {
background-color: #;
border: 2px solid #;
border-radius: 10px;
}
.postprofile {
border: none;
}
.postprofile > dl {
background: #fff;
border: 1px #ccc solid;
}
/*--------- Borda das categorias -------------*/
img[src="http://i.imgur.com/jonppYD.png"]{
margin-right: -1px;
}
/*----- Perfil Centralizado -------*/
.postprofile {
text-align: center;
}
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por Sennior 09.08.14 5:02
Boas,
Assim esta bom?
Até mais.
Assim esta bom?
- Código:
/*------- Categoria -----------*/
.table-title, .table-title h2 {color: #fff !important;display: block !important;font-size: 1em !important;top: -10px !important;height: 0px !important;font-weight: 800 !important;}ul.topiclist.forums {border: 3px solid orange !important;}h2 {position: relative !important;text-align: center !important;}
/*------- Legendas -----------*/
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
background: url("http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png") repeat-x scroll left bottom rgb(255, 255, 255);
border: 2px solid rgb(221, 221, 221);
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0px;
font-weight: 700;
margin: 0px auto;
padding: 10px 8px 5px 5px;
text-align: center;
width: 70%;
}
#i_whosonline + p br + br + em a {
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0px 5px;
text-shadow: 0px 1px 1px rgb(78, 238, 148);
}
/*------- Efeito ao passar o mouse sobre a categoria -----------*/
.row1.over:hover {
background: url(http://r69.cooltext.com/rendered/cooltext1673978167.png) right bottom no-repeat;
}
table.forumline tr td.row1, table.forumline tr td.row2, table.forumline tr td.row3 {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.hierarchy a:hover {
font-size: 15px !important;
text-shadow: #FF9D00 0px 0px 8px;
color: #000;
}
/*-------- Efeito ao passar o mouse sobre o menu ------------*/
a.mainmenu:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
filter: alpha(opacity=80);
-moz-opacity: 0.65;
opacity: 0.55;
text-decoration: none;
text-shadow: yes;
-webkit-transition: 180ms linear 0s;
-moz-transition: 180ms linear 0s;
-o-transition: 180ms linear 0s;
transition: 180ms linear 0s;
outline: 0 none;
}
/*-------- Botão Enviar / Pré-Visualizar ------------*/
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}
/*--------- Perfil em negrito ------------*/
.postprofile dl dd span {font-weight: 800 !important;}
/*-------- Retirar busca ----------*/
.nomargin {
display: none!important;
}
/*----------------------------- SEPARADOR DE MENSAGEM ------------------------------- */
.post {
-moz-box-shadow: 0 3px 3px #FFA200;
-webkit-box-shadow: 0 3px 3px #FFA200;
border: 1px solid #cbcbcb;
}
/**/
.postbody {
margin-right: 70px !important;
}
.postprofile {
border-right: 1px solid #ffffff !important;
width: 200px !important;
}
/*----- Efeito ao colocar o nome no tópico e borda do perfil ----*/
.forabg {
background-color: #;
border: 2px solid #;
border-radius: 0px;
}
.row:hover {
border: 1px solid #CCC !important;
border-left: 4px solid #FFBF00 !important;
border-right: 4px solid #FFBF00 !important;
}
.forabg {
background-color: #;
border: 2px solid #;
border-radius: 0px;
}
.postprofile {
border: none;
}
.postprofile > dl {
background: #fff;
border: 1px #ccc solid;
}
/*--------- Borda das categorias -------------*/
img[src="http://i.imgur.com/jonppYD.png"]{
margin-right: -1px;
}
/*----- Perfil Centralizado -------*/
.postprofile {
text-align: center;
}
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 5:07
Olá Senior,
Está quase perfeito,só falta a borda de fora " quadratizar "
Olhe o fórum : http://pwds.forumeiros.com/forum
Está redondo ainda o cinza,queria ele quadrado
Está quase perfeito,só falta a borda de fora " quadratizar "
Olhe o fórum : http://pwds.forumeiros.com/forum
Está redondo ainda o cinza,queria ele quadrado
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por Sennior 09.08.14 5:19
Hó sim, altere novamente seu CSS pelo abaixo:
Até mais.
- Código:
/*------- Categorias -----------*/
.table-title, .table-title h2 {color: #fff !important;display: block !important;font-size: 1em !important;top: -10px !important;height: 0px !important;font-weight: 800 !important;}ul.topiclist.forums {border: 3px solid orange !important;}h2 {position: relative !important;text-align: center !important;}span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {background-position: initial !important;}
/*------- Legendas -----------*/
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
background: url("http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png") repeat-x scroll left bottom rgb(255, 255, 255);
border: 2px solid rgb(221, 221, 221);
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0px;
font-weight: 700;
margin: 0px auto;
padding: 10px 8px 5px 5px;
text-align: center;
width: 70%;
}
#i_whosonline + p br + br + em a {
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0px 5px;
text-shadow: 0px 1px 1px rgb(78, 238, 148);
}
/*------- Efeito ao passar o mouse sobre a categoria -----------*/
.row1.over:hover {
background: url(http://r69.cooltext.com/rendered/cooltext1673978167.png) right bottom no-repeat;
}
table.forumline tr td.row1, table.forumline tr td.row2, table.forumline tr td.row3 {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.hierarchy a:hover {
font-size: 15px !important;
text-shadow: #FF9D00 0px 0px 8px;
color: #000;
}
/*-------- Efeito ao passar o mouse sobre o menu ------------*/
a.mainmenu:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
filter: alpha(opacity=80);
-moz-opacity: 0.65;
opacity: 0.55;
text-decoration: none;
text-shadow: yes;
-webkit-transition: 180ms linear 0s;
-moz-transition: 180ms linear 0s;
-o-transition: 180ms linear 0s;
transition: 180ms linear 0s;
outline: 0 none;
}
/*-------- Botão Enviar / Pré-Visualizar ------------*/
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}
/*--------- Perfil em negrito ------------*/
.postprofile dl dd span {font-weight: 800 !important;}
/*-------- Retirar busca ----------*/
.nomargin {
display: none!important;
}
/*----------------------------- SEPARADOR DE MENSAGEM ------------------------------- */
.post {
-moz-box-shadow: 0 3px 3px #FFA200;
-webkit-box-shadow: 0 3px 3px #FFA200;
border: 1px solid #cbcbcb;
}
/**/
.postbody {
margin-right: 70px !important;
}
.postprofile {
border-right: 1px solid #ffffff !important;
width: 200px !important;
}
/*----- Efeito ao colocar o nome no tópico e borda do perfil ----*/
.forabg {
background-color: #;
border: 2px solid #;
border-radius: 0px;
}
.row:hover {
border: 1px solid #CCC !important;
border-left: 4px solid #FFBF00 !important;
border-right: 4px solid #FFBF00 !important;
}
.forabg {
background-color: #;
border: 2px solid #;
border-radius: 0px;
}
.postprofile {
border: none;
}
.postprofile > dl {
background: #fff;
border: 1px #ccc solid;
}
/*--------- Borda das categorias -------------*/
img[src="http://i.imgur.com/jonppYD.png"]{
margin-right: -1px;
}
/*----- Perfil Centralizado -------*/
.postprofile {
text-align: center;
}
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por waghcwb 09.08.14 20:45
Olá,
Poderia nos conceder seu template index_box?
Obrigado.
Poderia nos conceder seu template index_box?
Obrigado.
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 21:59
waghcwb escreveu:Olá,
Poderia nos conceder seu template index_box?
Obrigado.
- Código:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastpost"><span>{L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<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 -->
{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}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- 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>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por waghcwb 09.08.14 22:44
Olá,
Faça os testes
Faça os testes
- Código:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<div class="inner">
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastpost"><span>{L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<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 -->
{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}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- 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>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 22:48
waghcwb escreveu:Olá,
Faça os testes
- Código:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<div class="inner">
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastpost"><span>{L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<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 -->
{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}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- 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>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Resultou,obrigado.
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 22:54
@Waghcwb,
na pagina inicial está tudo certo,só que nos tópicos não está quadrado,ainda continua redondo,poderia ajudar ?
https://i.imgur.com/GdP5lRX.png
na pagina inicial está tudo certo,só que nos tópicos não está quadrado,ainda continua redondo,poderia ajudar ?
https://i.imgur.com/GdP5lRX.png
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por waghcwb 09.08.14 22:56
Claro que sim!
Me envie seu template topics_list_box
Me envie seu template topics_list_box
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 23:08
- 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}()
{
alert('MAIN');
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}()
{
alert('ALL');
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="forumbg announcement">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist topics">
<li class="header">
<dl class="icon">
<dt>
<!-- 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 -->
{topics_list_box.row.L_TITLE}
</dt>
<dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
<dd class="views">{topics_list_box.row.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist topics bg_none">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="forumbg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist topics">
<li class="header">
<dl class="icon">
<!--<dd class="dterm">-->
<dd class="dterm" style="padding-left:0;">
<!-- 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 -->
{topics_list_box.row.topic.table_sticky.L_TITLE}
</dd>
<dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
<!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
<dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist topics bg_none">
<!-- END table_sticky -->
<li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
<dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
<dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
<!-- 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.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
{topics_list_box.row.TOPIC_TYPE}
<div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>
<!-- BEGIN switch_description -->
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
<br />
{topics_list_box.row.GOTO_PAGE_NEW}
<span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
</dd>
<dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<div style="float:left;">
<!-- END avatar -->
<span>{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn>
{topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>
<!-- BEGIN avatar -->
</div>
<!-- END avatar -->
</dd>
<!-- BEGIN multi_selection -->
<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} />
<!-- END multi_selection -->
</dl>
</li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
<dl>
<dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
</dl>
</li>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por waghcwb 09.08.14 23:12
Olá,
Aqui está, faça os testes e nos retorne (:
Aqui está, faça os testes e nos retorne (:
- 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}()
{
alert('MAIN');
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}()
{
alert('ALL');
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="forumbg announcement">
<div class="inner">
<ul class="topiclist topics">
<li class="header">
<dl class="icon">
<dt>
<!-- 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 -->
{topics_list_box.row.L_TITLE}
</dt>
<dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
<dd class="views">{topics_list_box.row.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist topics bg_none">
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</ul>
</div>
</div>
<div class="forumbg">
<div class="inner">
<ul class="topiclist topics">
<li class="header">
<dl class="icon">
<!--<dd class="dterm">-->
<dd class="dterm" style="padding-left:0;">
<!-- 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 -->
{topics_list_box.row.topic.table_sticky.L_TITLE}
</dd>
<dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
<!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
<dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist topics bg_none">
<!-- END table_sticky -->
<li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
<dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
<dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
<!-- 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.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
{topics_list_box.row.TOPIC_TYPE}
<div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>
<!-- BEGIN switch_description -->
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
<br />
{topics_list_box.row.GOTO_PAGE_NEW}
<span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
</dd>
<dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<div style="float:left;">
<!-- END avatar -->
<span>{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn>
{topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>
<!-- BEGIN avatar -->
</div>
<!-- END avatar -->
</dd>
<!-- BEGIN multi_selection -->
<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} />
<!-- END multi_selection -->
</dl>
</li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
<dl>
<dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
</dl>
</li>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</ul>
</div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Categoria quadrada
por Mr.Cyber 09.08.14 23:39
Olá Wagh,
Tipo,deu tudo certo,mas acho que está só 1 pouqinho de errado.
Está faltando a parte de baixo da parte preta,quanto no tópico,quanto no index.
Olha as prints.
http://prntscr.com/4b8tiz
http://prntscr.com/4b8tw6
Tipo,deu tudo certo,mas acho que está só 1 pouqinho de errado.
Está faltando a parte de baixo da parte preta,quanto no tópico,quanto no index.
Olha as prints.
http://prntscr.com/4b8tiz
http://prntscr.com/4b8tw6
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Re: Categoria quadrada
por waghcwb 10.08.14 3:09
Olá,
Pode inserir o link de seu fórum novamente? Assim ja vejo como arrumar para o senhor.
Pode inserir o link de seu fórum novamente? Assim ja vejo como arrumar para o senhor.
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Mr.Cyber- ****
- Membro desde : 29/09/2013
Mensagens : 224
Pontos : 369 -
Tópicos semelhantes» Categoria quadrada
» Como Deixar a Categoria quadrada e Mudar a cor dentro dela
» Retirar borda quadrada do avatar
» Imagem Quadrada nos tópicos
» Foto de perfil quadrada
» Como Deixar a Categoria quadrada e Mudar a cor dentro dela
» Retirar borda quadrada do avatar
» Imagem Quadrada nos tópicos
» Foto de perfil quadrada
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