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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Ficha de personagem "invisível"
Hoje à(s) 06:42 pm por Glauco Vitorino

» sub-categorias sumiram
Hoje à(s) 05:29 pm por Luiz~

» Mudar página inicial do fórum
Hoje à(s) 05:05 pm por Luiz~

» Diminuir tamanho da letra dos assuntos recentes
Hoje à(s) 04:19 pm por Luiz~

» Como criar botão de resolvido
Hoje à(s) 04:19 pm por Luiz~

» Centralizar banner Central
Hoje à(s) 04:05 pm por Luiz~

» Tem como tirar esse nome?
Hoje à(s) 03:51 pm por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Chrono Trigger
 
Sennior
 
Harleen
 
CAI0
 
admin186
 
Flames
 
Holkis
 

Quem está conectado
326 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 318 Visitantes :: 2 Motores de busca

Flames, Glauco Vitorino, Kimo Gordinho, Luiz~, rcnovalski, Sennior, ShineHD, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 17/01/15, 08:52 pm

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, 04:18 am, editado 2 vez(es) (Razão : Correção por um equívoco.)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por [K]oke em 17/01/15, 08:55 pm

avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 861
Pontos Ativos : 1575

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 17/01/15, 09:00 pm

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 17/01/15, 10:39 pm

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.


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 18/01/15, 01:33 am

Coloquei em outra categoria ;D
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 18/01/15, 01:41 am

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 18/01/15, 02:45 am

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
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 18/01/15, 03:21 am

Boas,

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

Até mais.


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 18/01/15, 03:31 am

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
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 18/01/15, 03:33 am

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.


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 18/01/15, 03:41 am

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 18/01/15, 03:50 am

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 18/01/15, 03:59 am

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 18/01/15, 04:14 am

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Bruninho._ em 18/01/15, 04:17 am

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

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

Resolvido Re: Alinhar texto com imagem

Mensagem por Sennior em 18/01/15, 04:19 am

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16291
Pontos Ativos : 20784

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