Titulo dos fóruns

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Titulo dos fóruns

Mensagem por Huemerson FMG 09.08.18 19:42

Detalhes da questão


Endereço do fórum: http://familiagarcia-samp.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Bom dia.
Como faço para inserir uma imagem nos títulos dos fóruns, para dar um destaque:
Titulo dos fóruns Screen25

Seria esta:
Titulo dos fóruns Fundot10
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por RafaelS. 09.08.18 19:48

Olá @Huemerson FMG

Isso é possível porém essa imagem tem fundo preto, e o resultado não ficará tão bom. Para um bom resultado, o fundo deve ser transparente.

Até mais.
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 09.08.18 20:29

Ok, eu posso editar uma nova imagem com o fundo transparente, mas como eu faço para inserir a imagem?
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por RafaelS. 09.08.18 20:33

Adicionando este código CSS à sua folha de estilos:

Código:
.topiclist.forums a.forumtitle {
    background-image: url(https://i.servimg.com/u/f33/19/92/85/47/fundot10.gif);
}

avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 09.08.18 20:59

Ficou muito louco, kkk
Mas não era bem isso, queria na barra inteira e o texto aparecendo por cima...
Titulo dos fóruns Screen26
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 09.08.18 21:02

Tipo assim:
Titulo dos fóruns Screen27
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por RafaelS. 09.08.18 21:52

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por RafaelS. 09.08.18 21:53

A qual barra se refere? Pelo que eu entendi, você queria colocar essa imagem como fundo do título...
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 09.08.18 22:15

Sim, mas ficou só sobre o testo, eu queria a barra inteira, tipo um separador dos fóruns:
Tipo assim:
Titulo dos fóruns Screen28
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por RafaelS. 09.08.18 23:37

Para isso será necessário o seu template index_box. Poste-o aqui para que eu faça as modificações necessárias.
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 10.08.18 13:01

Bom dia.
Segue:
Código:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</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 ads -->
<span class="AD_LastPA">
                               <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                               <span class="AD_LastInfos">
                                   <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                   {catrow.forumrow.ads.DATE}<br />
                                   {catrow.forumrow.ads.LOCATION}
                               </span>
</span>
                           <!-- END ads -->

                           <!-- 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>&nbsp;•&nbsp;</li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</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 -->


Última edição por RafaelS. em 10.08.18 14:41, editado 1 vez(es) (Motivo da edição : Adicionado o código entre as tags [code])
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Convidado 10.08.18 14:03

Olá,

Veja se está do seu agrado:
Código:
  <ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</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"><img src="https://i.servimg.com/u/f33/19/92/85/47/fundot10.gif"><p></p>
<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 ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->

<!-- 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>&nbsp;•&nbsp;</li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</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 -->
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 10.08.18 14:45

Ótimo, perfeito, se eu quiser trocar a imagem é só alterar nesta linha:
<li class="row"><img src="https://i.servimg.com/u/f33/19/92/85/47/fundot10.gif">
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Convidado 10.08.18 14:46

Olá,

Sim, basta apenas modificar isso...
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por RafaelS. 10.08.18 14:55

Olá!

Deixo aqui a minha sugestão, mesmo assim:

Código:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</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">
<div style="background: url(https://i.servimg.com/u/f33/19/92/85/47/fundot10.gif);text-align: center;padding: 10px;"><a href="{catrow.forumrow.U_VIEWFORUM}" style="color: white;font-size: 15px;" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></div>
<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};">
<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 ads -->
<span class="AD_LastPA">
                               <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                               <span class="AD_LastInfos">
                                   <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                   {catrow.forumrow.ads.DATE}<br />
                                   {catrow.forumrow.ads.LOCATION}
                               </span>
</span>
                           <!-- END ads -->
 
                           <!-- 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>&nbsp;•&nbsp;</li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</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 -->

E no seu CSS, remova este código:

Código:
.topiclist.forums a.forumtitle {
    background-image: url(https://i33.servimg.com/u/f33/19/92/85/47/cobra110.gif);
}
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Titulo dos fóruns

Mensagem por Huemerson FMG 10.08.18 15:55

Ficou ótimo, obrigado.
Pode encerrar o tópico.
avatar

Huemerson FMG
*

Membro desde : 19/06/2018
Mensagens : 45
Pontos : 101

http://fmgsamprpgvr-garcia.forumeiros.com/forum https://www.facebook.com/huemerson.garcia?ref=bookmarks

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Titulo dos fóruns

Mensagem por tikky 10.08.18 16:15

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos