Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
97 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 94 Visitantes :: 1 Motor de busca

dUFF_1578, giancamposm, Lincoln

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Alinhar texto com imagem

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

Resolvido Alinhar texto com imagem

Mensagem por Bruninho._ em Sab 17 Jan 2015 - 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 Dom 18 Jan 2015 - 6:18, editado 2 vez(es) (Razão : Correção por um equívoco.)

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com

Resolvido Re: Alinhar texto com imagem

Mensagem por [K]oke em Sab 17 Jan 2015 - 22:55


[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 852
Pontos Ativos : 2520

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Sab 17 Jan 2015 - 23:00

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Dom 18 Jan 2015 - 3:33

Coloquei em outra categoria ;D

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Dom 18 Jan 2015 - 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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 5:21

Boas,

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

Até mais.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Dom 18 Jan 2015 - 5:31

Ela estava assim: http://prntscr.com/5trh7l

Montagem de como queria q ficasse: http://i57.tinypic.com/rml2z4.jpg

Obs: Remove o pt. quando tiver abrindo

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 5:33

Sim amigo, isso eu compreendo.
O problema é que não consigo visualizar esta imagem:
Seta http://i57.tinypic.com/rml2z4.png

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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Dom 18 Jan 2015 - 5:41

Reupada: http://i.imgur.com/79g1CsO.png

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com
  • 0

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Dom 18 Jan 2015 - 5:59

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com
  • 0

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em Dom 18 Jan 2015 - 6:17

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1799

http://www.csi-nwd.forumeiros.com

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em Dom 18 Jan 2015 - 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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22712

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5