Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Alinhar texto com imagem
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
Alinhar texto com imagem
Detalhes da dúvida
Versão do fórum : phpBB3Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.sae-brasil.forumeiros.com
Descrição do problema
Olá,Gostaria de saber como faço para centralizar um texto junto com a imagem nas categorias/forum
http://prntscr.com/5trh7l
No caso em destaque seria o texto centralizado com a imagem da estrela e assim em todos os outros.
Última edição por Bruninho._ em 18.01.15 6:18, editado 2 vez(es) (Motivo da edição : Correção por um equívoco.)
Re: Alinhar texto com imagem
Saudações,
Infelizmente eu não posso ver esta seção com imagem.
Poderia criar uma seção com estrela para que eu possa ver o erro procedente em teu fórum?
Até mais.
Infelizmente eu não posso ver esta seção com imagem.
Poderia criar uma seção com estrela para que eu possa ver o erro procedente em teu fórum?
Até mais.
Re: Alinhar texto com imagem
Saudações,
Primeiro, eu tive que criar uma classe para mexer na descrição. Sendo assim o senhor terá que alterar teu Template index_box:
Painel de Controle Visualização Templates Geral
Procure pelo Template Index box e altere ele todo pelo abaixo:
Não esqueça de publicar.
Depois vá na seção da tua folha de estilo CSS:
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Primeiro, eu tive que criar uma classe para mexer na descrição. Sendo assim o senhor terá que alterar teu Template index_box:
Painel de Controle Visualização Templates Geral
Procure pelo Template Index box e altere ele todo pelo abaixo:
- 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 />
<div class="sennior">{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 -->
Não esqueça de publicar.
Depois vá na seção da tua folha de estilo CSS:
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
.sennior {text-align: center!important;}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Alinhar texto com imagem
O texto ficou centralizado e nao alinhado =S eu queria q ele ficasse todo pra esquerda mesmo porem a imagem alinhada com o texto.
@Edit
Uma montagem pra vc entender
@Edit
Uma montagem pra vc entender
Re: Alinhar texto com imagem
Boas,
Poderia re-upar sua imagem?
Infelizmente o link esta quebrado para mim.
Até mais.
Poderia re-upar sua imagem?
Infelizmente o link esta quebrado para mim.
Até mais.
Re: Alinhar texto com imagem
Ela estava assim: http://prntscr.com/5trh7l
Montagem de como queria q ficasse: https://2img.net/h/oi57.tinypic.com/rml2z4.jpg
Obs: Remove o pt. quando tiver abrindo
Montagem de como queria q ficasse: https://2img.net/h/oi57.tinypic.com/rml2z4.jpg
Obs: Remove o pt. quando tiver abrindo
Re: Alinhar texto com imagem
Sim amigo, isso eu compreendo.
O problema é que não consigo visualizar esta imagem:
https://2img.net/h/oi57.tinypic.com/rml2z4.png
Poderia re-upar ela novamente em outro hospedante de imagens?
Abraços.
O problema é que não consigo visualizar esta imagem:
https://2img.net/h/oi57.tinypic.com/rml2z4.png
Poderia re-upar ela novamente em outro hospedante de imagens?
Abraços.
Re: Alinhar texto com imagem
Saudações!
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
.sennior img {position: relative;top: 7px;}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Alinhar texto com imagem
Certo, abaixou a imagem, porém não como ao invés de abaixar a imagem subir mais o texto?
Re: Alinhar texto com imagem
Saudações!
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
.hierarchy {border: none!important;display: list-item!important;font-size: 1em!important;text-transform:none!important;line-height: 0px!important;margin: 5px!important;}a.forumtitle {position: relative!important;top: 11px!important;}.sennior {position: relative!important;top: -3px!important;}.sennior img {position: relative!important;top: 6px!important;}dd.dterm {position: relative!important;top: -3px!important;}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Alinhar texto com imagem
Agora deu certinho, muito obrigado pela paciência e pela ajuda!!! Valeu msm ;D
Re: Alinhar texto com imagem
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Alinhar imagem do rank
» Alinhar título da imagem do fórum
» Como alinhar imagem da categoria
» Alinhar a imagem do rank com o avatar
» Como alinhar esta imagem ?
» Alinhar título da imagem do fórum
» Como alinhar imagem da categoria
» Alinhar a imagem do rank com o avatar
» Como alinhar esta imagem ?
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