ArtigosAparência Fórum.
4 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
Aparência Fórum.
por Pixar 07.03.15 5:40
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:
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://marveldccomics.forumeiros.com/
Descrição do problema
Ola,Terias uma dúvida comigo. Gostaria de saber, de como adquirir este efeito nos fóruns:
https://i.imgur.com/IejsEvF.png
Vi tal efeito nesta página: http://rpghogwartsschool.criaforum.com/
Obrigado!
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
Re: Aparência Fórum.
por Konai 07.03.15 5:47
Saudações amigo!
O senhor diz à respeito das categorias, fóruns e sub-fóruns ou deste quadro inteiro?
Até!
O senhor diz à respeito das categorias, fóruns e sub-fóruns ou deste quadro inteiro?
Até!
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: Aparência Fórum.
por Pixar 07.03.15 5:56
Ola, Hakuouki!
Me refiro ao quadro inteiro, o circulado em vermelho na imagem exemplo!
Desde via as imagens, até os links etc. Obrigado!
Me refiro ao quadro inteiro, o circulado em vermelho na imagem exemplo!
Desde via as imagens, até os links etc. Obrigado!
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
Re: Aparência Fórum.
por Sennior 07.03.15 6:00
É... Isso será Templates. 
Poderia me mandar o Template index_body para eu fazer as modificações?
Abraços Chrome!
Poderia me mandar o Template index_body para eu fazer as modificações?
Abraços Chrome!
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Aparência Fórum.
por Pixar 07.03.15 6:08
Okay, cá está, Sennior:
Obrigado
- Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br />
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
<!-- BEGIN switch_statistics_link -->
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Obrigado
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
Re: Aparência Fórum.
por Sennior 07.03.15 6:52
Saudações,
Estou criando aos poucos... Troque teu index_box pelo abaixo:
Até mais.
Estou criando aos poucos... Troque teu index_box pelo abaixo:
- Código:
<style>
.Descri{width: 400px;
height: 60px;
padding: 2px;
text-align: left;
line-height: 130%;
letter-spacing: 2px;
font-family: arial;
color: white;
font-size: 7px;
text-transform: uppercase;}
a.forumtitle {
-moz-transitio: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
border-left: 0 solid #880606;
display: block;
font-family: Voltaire;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 5px;
letter-spacing: 3px;
margin-bottom: -10px;
margin-left: 2%;
margin-top: 10px;
padding: 5px;
position: relative;
text-align: center;
text-decoration: none!important;
text-transform: uppercase;
width: 400px;
}a.forumtitle:hover {
-moz-transitio: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
color: #880606;
letter-spacing: 3px;
padding-left: 70px;
text-decoration: none!important;
text-shadow: 0 0 5px #880606;
}</style>
<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="width: 530px;padding: 15px 0px 0px 15px;background-color: #330000;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 />
<div class="Descri">{catrow.forumrow.FORUM_DESC}</div>
<!-- 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 -->
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
Re: Aparência Fórum.
por EuficoLoko 07.03.15 15:10
Olá Chrome!
Em sua descrição de algum sub-fórum adicione:
E adicione em sua CSS:
Em sua descrição de algum sub-fórum adicione:
- Código:
<table>
<tbody><tr>
<td>
<div style="width: 400px; height: 60px; padding: 2px; text-align: left; line-height: 130%; letter-spacing: 2px; font-family: arial; color: white; font-size: 7px; text-transform: uppercase;">
Encontra-se as informações sobre as casas e famílias registradas, alem de fichas e vagas DISPONÍVEIS para registro das mesmas.
</div>
</td>
<td>
<div style="width: 120px; padding-right: 3px; background-color: #8B1A1A; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(5, 5, 5); letter-spacing: 2px; font-family: arial; color:#black; font-size: 8px; text-align: center; text-transform: uppercase;padding-top:3px;padding-bottom:3px;position: relative;left: -10px;top: -10px">
<a href="http://rpghogwartsschool.criaforum.com/f154-casas-e-familias">Casas e Famílias</a><br>
</div>
<div style="width: 120px; padding-right: 3px; background-color: #8B1A1A; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(5, 5, 5); letter-spacing: 2px; font-family: arial; color: white; font-size: 8px; text-align: center; text-transform: uppercase;padding-top:3px;padding-bottom:3px;position: relative;left: -10px;top: -10px">
<a href="http://rpghogwartsschool.criaforum.com/t570-empreendimentos-familiares">Empreendimentos</a><br>
</div>
<div style="width: 120px; padding-right: 3px; background-color: #8B1A1A; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(5, 5, 5); letter-spacing: 2px; font-family: arial; color: white; font-size: 8px; text-align: center; text-transform: uppercase;padding-top:3px;padding-bottom:3px;position: relative;left: -10px;top: -10px">
<a href="http://rpghogwartsschool.criaforum.com/t492-ficha-para-adultos"><span style="color: #EEEEEE;"></span></a><a href="http://rpghogwartsschool.criaforum.com/t825-radio-hogwarts"></a><a href="http://rpghogwartsschool.criaforum.com/t547-ficha-para-familia">Fichas</a>
</div>
<div style="width: 120px; padding-right: 3px; background-color: #8B1A1A; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(5, 5, 5); letter-spacing: 2px; font-family: arial; color: white; font-size: 8px; text-align: center; text-transform: uppercase;padding-top:3px;padding-bottom:3px;position: relative;left: -10px;top: -10px">
<a href="http://rpghogwartsschool.criaforum.com/t835-universidade-utm"><span style="color: #EEEEEE;"></span></a><a href="http://rpghogwartsschool.criaforum.com/t673-canal-das-gp"></a><a href="http://rpghogwartsschool.criaforum.com/f155-registros">Registros</a>
</div>
<div style="width: 120px; padding-right: 3px; background-color: #8B1A1A; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(5,5,5); letter-spacing: 2px; font-family: arial; color: white; font-size: 8px; text-align: center; text-transform: uppercase;padding-top:3px;padding-bottom:3px;position: relative;left: -10px;top: -10px">
<a href="http://rpghogwartsschool.criaforum.com/t726-os-trouxas"><span style="color: #EEEEEE;"></span></a><a href="http://rpghogwartsschool.criaforum.com/t818-sao-servico-de-atendimento-ao-ouvinte"></a><a href="http://rpghogwartsschool.criaforum.com/f105-imobiliaria">Imobiliária</a>
</div>
</td>
</tr>
</tbody></table>
E adicione em sua CSS:
- Código:
a.forumtitle {margin-top: -20px; } .Descri {height: 80px;}
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Aparência Fórum.
por Pixar 07.03.15 15:18
Olá, Loko!
Bem, serias exatamente deste modo!
Mais se entrares no meu fórum, vais ver que não está de todo modo correto.
Gostaria que subisse o título dos fóruns um pouco para cima, e o quadro de links também.
Obrigado!
Atenciosamente,
Bem, serias exatamente deste modo!
Mais se entrares no meu fórum, vais ver que não está de todo modo correto.
Gostaria que subisse o título dos fóruns um pouco para cima, e o quadro de links também.
Obrigado!
Atenciosamente,
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
Re: Aparência Fórum.
por EuficoLoko 07.03.15 15:37
Entendo. O código CSS, não resultou por conta desta linha:
Adicione na CSS:
Procure por '40px', mexa para subir o title.
- Código:
http://i.imgur.com/HzGk74u.png
Adicione na CSS:
- Código:
.Descri table {top: -20px;position: relative;}
a.forumtitle{top: -40px !important}
Procure por '40px', mexa para subir o title.
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Aparência Fórum.
por Pixar 07.03.15 15:53
Sim, deste modo!
Só gostaria de mais uma alteração...
Sabe a fonte? Gostaria que colocasses igual a fonte do fórum exemplo. Somente isso!
Obrigado!
Só gostaria de mais uma alteração...
Sabe a fonte? Gostaria que colocasses igual a fonte do fórum exemplo. Somente isso!
Obrigado!
Pixar- Super Membro
- Membro desde : 25/02/2013
Mensagens : 1144
Pontos : 1634 -
Re: Aparência Fórum.
por EuficoLoko 07.03.15 16:51
Olá!
Acrescente mais este CSS:
Acrescente mais este CSS:
- Código:
@font-face{font-family:Voltaire;font-style:normal;font-weight:400;src:local(Voltaire), url(http://themes.googleusercontent.com/static/fonts/voltaire/v3/ag0Q3_6hjQFerbCN2Eewq_esZW2xOQ-xsNqO47m55DA.woff)format(woff)}
.Descri a{color: white !important}
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Aparência Fórum.
por Konai 11.03.15 1:42
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Tópicos semelhantes» Um cara woneo o forum mesmo o forum tendo o code anti-woner
» Antes de acessar o Fórum ser direcionado a um site e depois a pessoa escolher ir pro Fórum
» Tem como colocar o quote no meu forum,igual o desse forum ,vejam o link abaixo
» Como centralizar o fórum? após eu diminuir a largura do fórum, ele ficou no canto da tela
» Como posso tirar o nome fórum grátis do titulo do fórum ?
» Antes de acessar o Fórum ser direcionado a um site e depois a pessoa escolher ir pro Fórum
» Tem como colocar o quote no meu forum,igual o desse forum ,vejam o link abaixo
» Como centralizar o fórum? após eu diminuir a largura do fórum, ele ficou no canto da tela
» Como posso tirar o nome fórum grátis do titulo do fórum ?
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