Alinhar texto com imagem

3 participantes

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

Tópico resolvido Alinhar texto com imagem

Mensagem por Bruninho._ 17.01.15 22:52

Detalhes da dúvida

Versão do fórum : phpBB3
Ní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.)
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por [K]oke 17.01.15 22:55

[K]oke

[K]oke
Membro

Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 17.01.15 23:00

Ops, desculpe-me eu me equivoquei, seria alinhar e não centralizar.
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 0:39

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 18.01.15 3:33

Coloquei em outra categoria ;D
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 3:41

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 Seta Visualização Seta Templates Seta 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>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;&bull;&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 />
                                                          <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>&nbsp;&bull;&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;&bull;&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 -->

Não esqueça de publicar. Adicionar
Depois vá na seção da tua folha de estilo CSS:
Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.sennior {text-align: center!important;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 18.01.15 4:45

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
Alinhar texto com imagem Rml2z4
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 5:21

Boas,

Poderia re-upar sua imagem?
Infelizmente o link esta quebrado para mim.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 18.01.15 5:31

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
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 5:33

Sim amigo, isso eu compreendo.
O problema é que não consigo visualizar esta imagem:
Seta https://2img.net/h/oi57.tinypic.com/rml2z4.png

Poderia re-upar ela novamente em outro hospedante de imagens?
Abraços.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 18.01.15 5:41

Reupada: https://i.imgur.com/79g1CsO.png
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 5:50

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
.sennior img {position: relative;top: 7px;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 18.01.15 5:59

Certo, abaixou a imagem, porém não como ao invés de abaixar a imagem subir mais o texto?
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 6:14

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ 18.01.15 6:17

Agora deu certinho, muito obrigado pela paciência e pela ajuda!!! Valeu msm ;D
Bruninho._

Bruninho._
***

Membro desde : 18/07/2012
Mensagens : 146
Pontos : 229

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alinhar texto com imagem

Mensagem por Sennior 18.01.15 6:19

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

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