Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Números e Última Mensagem
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
Números e Última Mensagem
Detalhes da dúvida
Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
- Imagem da minha dúvida:
- https://i.imgur.com/ibZdYoG.png" alt="" />
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://sh-world.forumeiros.com/
Descrição do problema
Olá,Estou novamente com uma dúvida em relação a aparência do meu fórum. Como podem ver nesta imagem https://i.imgur.com/6qcXuwF.png, os números que indicam os tópicos e respostas estão centralizados em relação a descrição do fórum, o mesmo com a parte da última mensagem. Agora nesta imagem https://i.imgur.com/ibZdYoG.png, que é do meu fórum, você podem ver que não está da mesma forma que o outro, eles estão muito para cima e eu gostaria de deixar mais centralizado, ou seja, abaixar um pouco a posição deles. O fórum que usei como exemplo na imagem é este http://www.pokemonrealforcerpg.com/.
Última edição por Control' em 19.03.15 0:20, editado 1 vez(es)
Re: Números e Última Mensagem
Oi amigo, busque em seu CSS pelo seguinte código:
Substitua por este e salve:
Atenciosamente.
---
- Código:
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
}
Substitua por este e salve:
- Código:
dd.posts, dd.topics, dd.views {
border: none;
font-size: 1.2em;
line-height: 2.2em;
text-align: center;
width: 8%;
position: relative;
top: 13px;
}
Atenciosamente.
---
Re: Números e Última Mensagem
Olá,
Não achei isso em meu css,
meu css:
Não achei isso em meu css,
meu css:
- Código:
@font-face{font-family:Fishfingers;font-style:normal;font-weight:400;src:local(Fishfingers), local(Fishfingers), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format("woff")}@font-face{font-family:'Pathway Gothic One';font-style:normal;font-weight:400;src:local('Pathway Gothic One'), local(PathwayGothicOne-Regular), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format("woff")}
.table-title h2 {
color: #CCC; font-family: Fishfingers, sans-serif; font-size: 60px; height: auto;
margin-top: 10px; padding-right: 0; text-align: center;
margin-left: 21pc;
position: relative;
top: -7px;
font-weight: 100;
}
.forabg {
background-color: #7D2226;
background-image: url(http://2img.net/i/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
padding-top: 24px;
border: 0px solid rgb(125, 34, 38);
}
a.forumtitle {
color: #7D2226!important;
font-family: 'Pathway Gothic One', sans-serif!important;
font-size: 30px!important;
font-weight: 400!important;
text-transform: uppercase!important;
text-align: center!important;
position:relative!important;
display: block;
left: 2pc;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: url(http://2img.net/i/fa/prosilver/corners_right.gif);
background-position: 100% 0;
background-image: none!important;
}
ul.forums {
background-image: none;
background-color: #FFFEF4;
list-style-type: none;
margin: 0;
border: transparent;
}
li.row {
border-bottom: transparent;
border-top: transparent;
border-left: transparent;
border-style: none;
}
/*- boneco do mal -*/
.postprofile dt a img {
box-shadow: 1px 1px 2px #000!important;
height: auto!important;
margin-bottom: 8px!important;
margin-top: 0!important;
width: auto!important;
}
/*-adeus boneco do mal-*/
/*balão no tópico*/
.postbody .content{font-size: 1.3em;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);-webkit-border-radius: 3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);background-color: #fff;border-color: #CCC;border-radius: 3px;border-style: solid;left: 10px !important;border-width: 1px;box-shadow: 0 2px 4px rgba(0,0,0,.05);margin: 0;padding: 10px !important;position: relative;vertical-align: top;z-index: 1;}
/*largura do fórum*/
#wrap{width:75pc!important;}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #7D2226;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-right: solid 15px #7D2226;
width: 1170px;
}
/************FONTES****************/
@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Wire One';
font-style: normal;
font-weight: 400;
src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
/************FIM DAS FONTES****************/
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
margin-bottom:8px;
height:400px;
}
.postprofile {
background-image: url('http://i48.tinypic.com/2aikcns.jpg');
border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
line-heighr:90%;
font-size: 12px;
text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4;
font-family: amatic sc;
font-size: 30px;
line-height: 40%;
font-weight:800;
margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
text-transform:uppercase;
text-decoration: none;
text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover {
margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/************LEGENDAS*********/
#main-content em{
font-size:0px
}
#main-content em::before{
content:'Legenda: ';
font-size:25px;
font-style:normal;
opacity: 0.0;
}
#main-content em b *{
font-size:30px;
font-style:normal;
font-align:center;
font-family: amatic sc;
}
#main-content em b *::hover{
font-size:30px;
font-style:normal;
font-align:center;
font-family: amatic sc;
text-transform: uppercase;
}
#main-content em b a::before{
content:' • ';color:black
}
#main-content em b:first-child a::before{
content:''
}
#main-content em,
#main-content em *:link{
cursor:default;
color:inherit
}
/************FIM DAS LEGENDAS*********/
div.postprofile dl dt img{
margin-left: 0px;
border: 0px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.postprofile dl dt img:hover {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #2B042F;
box-shadow:2px 2px 10px #2B042F;
}
/* Cursor Personalizado - http://sh-world.forumeiros.com/ */ body {cursor: url('http://i.imgur.com/xf8SoMv.png'), url('http://i.imgur.com/xf8SoMv.png'), auto;} a:hover {cursor: url('http://i.imgur.com/qLATaiL.png'), url('http://i.imgur.com/qLATaiL.png'), auto;}
.postprofile {right: 27px !Important;}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #7D2226;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}
/* --- Categoria --- */
.table-title h2 {
font-family: Bebas Neue;
font-size: 30px;
}
.table-title h2 { text-align: center !important; margin: 0 !important; display: block; width: 100%;}
/* --- FIM CATEGORIA --- */
/* Menu */
ul.navlinks{font-weight:700;text-align:center}ul.linklist li{display:inline;font-size:1.1em;line-height:2.2em;list-style-type:none;text-align:center;width:auto}#page-header .navbar a.mainmenu:hover{background-color:#0A0A0A;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}#page-header .navbar a.mainmenu{background-color:#B72C2C;color:#FFF;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}
/* FIM MENU */
/*----Efeito das Categorias----*/
.lastpost {
border-radius: 7px 7px 7px 7px;
box-shadow: 0 0 8px #666666;
margin: 3px;
width: auto;
}
.header .lastpost {
box-shadow: none;
}
/*-Fim-*/
.table-title h2 {
left: 247px;
}
Re: Números e Última Mensagem
Neste caso, adicione ao fim de seu código:
- Código:
dd.posts, dd.topics, dd.views {
position: relative;
top: 13px;
}
Re: Números e Última Mensagem
Troque por:
- Código:
@font-face{font-family:Fishfingers;font-style:normal;font-weight:400;src:local(Fishfingers), local(Fishfingers), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format("woff")}@font-face{font-family:'Pathway Gothic One';font-style:normal;font-weight:400;src:local('Pathway Gothic One'), local(PathwayGothicOne-Regular), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format("woff")}
.table-title h2 {
color: #CCC; font-family: Fishfingers, sans-serif; font-size: 60px; height: auto;
margin-top: 10px; padding-right: 0; text-align: center;
margin-left: 21pc;
position: relative;
top: -7px;
font-weight: 100;
}
.forabg {
background-color: #7D2226;
background-image: url(http://2img.net/i/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
clear: both;
padding-top: 24px;
border: 0px solid rgb(125, 34, 38);
}
a.forumtitle {
color: #7D2226!important;
font-family: 'Pathway Gothic One', sans-serif!important;
font-size: 30px!important;
font-weight: 400!important;
text-transform: uppercase!important;
text-align: center!important;
position:relative!important;
display: block;
left: 2pc;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-image: url(http://2img.net/i/fa/prosilver/corners_right.gif);
background-position: 100% 0;
background-image: none!important;
}
ul.forums {
background-image: none;
background-color: #FFFEF4;
list-style-type: none;
margin: 0;
border: transparent;
}
li.row {
border-bottom: transparent;
border-top: transparent;
border-left: transparent;
border-style: none;
}
/*- boneco do mal -*/
.postprofile dt a img {
box-shadow: 1px 1px 2px #000!important;
height: auto!important;
margin-bottom: 8px!important;
margin-top: 0!important;
width: auto!important;
}
/*-adeus boneco do mal-*/
/*balão no tópico*/
.postbody .content{font-size: 1.3em;-moz-border-radius: 3px;-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);-webkit-border-radius: 3px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);background-color: #fff;border-color: #CCC;border-radius: 3px;border-style: solid;left: 10px !important;border-width: 1px;box-shadow: 0 2px 4px rgba(0,0,0,.05);margin: 0;padding: 10px !important;position: relative;vertical-align: top;z-index: 1;}
/*largura do fórum*/
#wrap{width:75pc!important;}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #7D2226;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-right: solid 15px #7D2226;
width: 1170px;
}
/************FONTES****************/
@font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Wire One';
font-style: normal;
font-weight: 400;
src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
/************FIM DAS FONTES****************/
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
margin-bottom:8px;
height:400px;
}
.postprofile {
background-image: url('http://i48.tinypic.com/2aikcns.jpg');
border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
line-heighr:90%;
font-size: 12px;
text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4;
font-family: amatic sc;
font-size: 30px;
line-height: 40%;
font-weight:800;
margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
text-transform:uppercase;
text-decoration: none;
text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover {
margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/************LEGENDAS*********/
#main-content em{
font-size:0px
}
#main-content em::before{
content:'Legenda: ';
font-size:25px;
font-style:normal;
opacity: 0.0;
}
#main-content em b *{
font-size:30px;
font-style:normal;
font-align:center;
font-family: amatic sc;
}
#main-content em b *::hover{
font-size:30px;
font-style:normal;
font-align:center;
font-family: amatic sc;
text-transform: uppercase;
}
#main-content em b a::before{
content:' • ';color:black
}
#main-content em b:first-child a::before{
content:''
}
#main-content em,
#main-content em *:link{
cursor:default;
color:inherit
}
/************FIM DAS LEGENDAS*********/
div.postprofile dl dt img{
margin-left: 0px;
border: 0px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
div.postprofile dl dt img:hover {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #2B042F;
box-shadow:2px 2px 10px #2B042F;
}
/* Cursor Personalizado - http://sh-world.forumeiros.com/ */ body {cursor: url('http://i.imgur.com/xf8SoMv.png'), url('http://i.imgur.com/xf8SoMv.png'), auto;} a:hover {cursor: url('http://i.imgur.com/qLATaiL.png'), url('http://i.imgur.com/qLATaiL.png'), auto;}
.postprofile {right: 27px !Important;}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #7D2226;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFA500;
}
/* --- Categoria --- */
.table-title h2 {
font-family: Bebas Neue;
font-size: 30px;
}
.table-title h2 { text-align: center !important; margin: 0 !important; display: block; width: 100%;}
/* --- FIM CATEGORIA --- */
/* Menu */
ul.navlinks{font-weight:700;text-align:center}ul.linklist li{display:inline;font-size:1.1em;line-height:2.2em;list-style-type:none;text-align:center;width:auto}#page-header .navbar a.mainmenu:hover{background-color:#0A0A0A;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}#page-header .navbar a.mainmenu{background-color:#B72C2C;color:#FFF;font-family:arial narrow;font-size:10px;letter-spacing:2px;margin-left:-5px;margin-right:-5px;padding:10px;position:relative;text-transform:uppercase}
/* FIM MENU */
/*----Efeito das Categorias----*/
.lastpost {
border-radius: 7px 7px 7px 7px;
box-shadow: 0 0 8px #666666;
margin: 3px;
width: auto;
}
.header .lastpost {
box-shadow: none;
}
/*-Fim-*/
.table-title h2 {
left: 247px;
}
PlayBoy1- Novo Membro
- Membro desde : 06/03/2015
Mensagens : 13
Pontos : 15
Re: Números e Última Mensagem
Olá,
Desculpe, acho que expliquei de forma errada.
https://i.imgur.com/6qcXuwF.png,
Nessa imagem, parece que os números de tópicos e respostas estão ao lado da descrição entende?
https://i.imgur.com/ibZdYoG.png,
No meu fórum está ao lado do título do fórum, gostaria que ficasse igual ao de cima.
Desculpe, acho que expliquei de forma errada.
https://i.imgur.com/6qcXuwF.png,
Nessa imagem, parece que os números de tópicos e respostas estão ao lado da descrição entende?
https://i.imgur.com/ibZdYoG.png,
No meu fórum está ao lado do título do fórum, gostaria que ficasse igual ao de cima.
Re: Números e Última Mensagem
aqui está.
- 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>
</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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Re: Números e Última Mensagem
Oi amigo, substitua o seu index_box por este:
Em seguida adicione o código abaixo no fim de sua folha de estilos CSS.
Vejamos o resultado...
- 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>
</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><br>
{catrow.forumrow.POSTS} <dfn>{L_POSTS}</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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Em seguida adicione o código abaixo no fim de sua folha de estilos CSS.
- Código:
ul.topiclist dfn {
display: inline;
font-weight: 300;
font-style: normal;
}
Vejamos o resultado...
Re: Números e Última Mensagem
Olá,
Mudou apenas uma coisa, agora não aparece somente as numerações, ao invés de ficar "54" fica "54 Tópicos", Mas a posição continua a mesma. :/
Mudou apenas uma coisa, agora não aparece somente as numerações, ao invés de ficar "54" fica "54 Tópicos", Mas a posição continua a mesma. :/
Re: Números e Última Mensagem
Olá novamente, agora basta adicionar o seguinte código para ajustar o posicionamento e deixar bem similar ao exemplo mostrado.
- Código:
dd.topics {
width: auto;
padding: 12px 10px 12px 10px!important;
font-weight: 700;
}
Re: Números e Última Mensagem
Olá,
A posição continua a mesma, eles estão ao lado do título do fórum. No entanto, a visualização da quantidade de tópicos e mensagens ficou mais organizada, do jeito que eu gostaria que ficasse, então estamos perto só falta mudar a posição.
A posição continua a mesma, eles estão ao lado do título do fórum. No entanto, a visualização da quantidade de tópicos e mensagens ficou mais organizada, do jeito que eu gostaria que ficasse, então estamos perto só falta mudar a posição.
Re: Números e Última Mensagem
Olá novamente amigo, substitua o último código que lhe passei, pelo código abaixo e me diga quais ajustes está faltando.
Atenciosamente.
---
- Código:
dd.topics {
font-weight: 700;
padding: 12px 10px!important;
width: auto;
line-height: 16px;
}
Atenciosamente.
---
Re: Números e Última Mensagem
Ele aproximou mais o X Tópicos do X Mensagens. E agora? Não está similar ao exemplo mostrado?
Re: Números e Última Mensagem
Olá,
Veja bem, acho que ainda não compreendeu o que estou querendo mas irei explicar novamente, como pode ver nesta imagem(https://i.imgur.com/6qcXuwF.png) o x Tópicos, x Mensagens e a última mensagem, estão alinhados de acordo com a descrição de cada fórum. Agora olhe esta segunda imagem(https://i.imgur.com/7SR5xQw.png), o x Tópicos, x Mensagens e a última mensagem estão alinhados ao lado do título de cada fórum. Quero deixar o meu fórum igual ao da primeira imagem, agora só está faltando mudar o posicionamento do x Tópicos, x Mensagens e a última mensagem, compreende?
Veja bem, acho que ainda não compreendeu o que estou querendo mas irei explicar novamente, como pode ver nesta imagem(https://i.imgur.com/6qcXuwF.png) o x Tópicos, x Mensagens e a última mensagem, estão alinhados de acordo com a descrição de cada fórum. Agora olhe esta segunda imagem(https://i.imgur.com/7SR5xQw.png), o x Tópicos, x Mensagens e a última mensagem estão alinhados ao lado do título de cada fórum. Quero deixar o meu fórum igual ao da primeira imagem, agora só está faltando mudar o posicionamento do x Tópicos, x Mensagens e a última mensagem, compreende?
Re: Números e Última Mensagem
Creio que entendi, bom, seria algo assim? Se sim, basta inserir o código abaixo ao fim de sua folha CSS e salvar.
- Código:
dd.topics, dd.lastpost {
position: relative!important;
top: 55px!important;
}
Re: Números e Última Mensagem
Olá,
Isso mesmo, do jeitinho que eu queria amigo. Muito obrigado pela ajuda! Resolvido.
Isso mesmo, do jeitinho que eu queria amigo. Muito obrigado pela ajuda! Resolvido.
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