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
» Template quebra ao ser editado
Hoje à(s) 09:37 pm por Starset

» (PEDIDO) Ranks
Hoje à(s) 08:58 pm por mrvisible

» Moderador de grupo sem cor no nick
Hoje à(s) 08:56 pm por Eduardo Lima

» Pagina Desalinhado
Hoje à(s) 08:50 pm por mrvisible

» (PEDIDO) Icone para o meu forum
Hoje à(s) 08:47 pm por mrvisible

» Botões padrões tema pokemon
Hoje à(s) 08:22 pm por odelgado

» Fim do rodapé
Hoje à(s) 08:13 pm por PrisoN†BreaK

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
248 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 241 Visitantes :: 2 Motores de busca

Fou-Lu, Holkis, iScroll, mrvisible, odelgado, rlmac, Starset

[ Ver toda a lista ]


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

Como organizar o tablon dessa forma:

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

Resolvido Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 05:18 pm

Detalhes da questão


Endereço do fórum: thehunterpg.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá, gostaria de saber como organizar o o tablon de anuncio da seguinte maneira:



Como podem ver, há varias "áreas de texto", que estão organizadas uma dividida da outra... e como está "destacado" ali em vermelho, quando se põe o mouse aparece aquele texto..além de deixar imagens em branco como logo acima em awards..


Última edição por Shiut em 28/10/15, 09:50 pm, editado 1 vez(es)
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por RJUchiha em 28/10/15, 05:27 pm

Se podesse fornecer o link do forum onde viu isso seria muito + facil e mais rapido ajudar vc ^^
avatar

RJUchiha
Nível 3

Masculino
Inscrito dia : 25/10/2015
Mensagens : 24
Pontos Ativos : 45

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 06:50 pm

@RJUchiha escreveu:Se podesse fornecer o link do forum onde viu isso seria muito + facil e mais rapido ajudar vc ^^

Nesse fórum: http://tlcrpg.forumeiros.com/forum
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em 28/10/15, 06:55 pm

Olá @Shiut!

Cá está o código:
Código:
<style>
    .tlcanunciosubtitles {
        font: 18px Dosis;
        color: #cccccc;
        padding-left: 3px;
        margin-bottom: 2px;
        margin-top: 2px;
        font-variant: small-caps;
    }
   
    .tlcanunciocaixa3 {
        width: 310px;
        height: 275px;
        background-color: transparent;
    }
   
    .awardstemp {
        display: inline-block;
        position: relative;
    }
   
    .awardstemp a {
        display: block;
        position: absolute;
        width: 80px;
        height: 80px;
        background-color: #fafafa;
        background-size: 100px;
        opacity: 0;
        font: 11px trebuchet ms;
        color: #333333;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
   
    .awardstemp a:hover {
        opacity: 0.6;
        background-position: 95% 85%;
    }
</style>
<td>

    <div class="tlcanunciosubtitles" style="width:310px;">
        Administração
    </div>

    <div class="tlcanunciocaixa3">

        <center>

            <table>

                <tbody>

                    <tr>

                        <td>

                            <div class="awardstemp">
                                <a href="link do perfil do vencedor">
                                    <br>
                                    <y>OHEN</y>
                                    <br>
                                    <br>Administrador Geral</a> <img src="http://i.imgur.com/MGBBZbS.gif">
                            </div>

                        </td>

                        <td>

                            <div class="awardstemp">
                                <a href="link do perfil do vencedor">
                                    <br>
                                    <y>DANORUM</y>
                                    <br>
                                    <br>Administrador Geral</a> <img src="http://i.imgur.com/R5to0eM.gif">
                            </div>

                        </td>

                        <td>

                            <div class="awardstemp">
                                <a href="link do perfil do vencedor">
                                    <br>
                                    <y>NARRADOR</y>
                                    <br>
                                    <br>Contador de Histórias</a> <img src="http://i.imgur.com/YDGZovi.gif">
                            </div>

                        </td>

                    </tr>

                </tbody>

            </table>

        </center>

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 06:59 pm

E quanto aos outros recursos bem divididos como está no template? me interessei também pela formatação do mesmo.
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em 28/10/15, 07:00 pm

Não entendi, senhor. Poderia explicar melhor o que deseja agora?

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 07:38 pm

@Fraise escreveu:Não entendi, senhor. Poderia explicar melhor o que deseja agora?

Até mais.
Fraise

O tablon ta bem dividido, em cima tem a imagem da copa das casas, embaixo uma breve trama do Rpg, ao lado os administradores e o espaço de imagem para o awards, ao lado está o torneio intercasas e embaixo um painel de noticias e eventos.. gostaria de saber se teriam como dividir o meu tablon dessa mesma forma, sem precisar de abas... tudo em uma unica "aba" e dividido nela... olhe a quantidade de conteúdo que tem ali e bem dividido.
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por RJUchiha em 28/10/15, 07:47 pm

Embaixo deixo o codigo completo,se precisar de editar alguma parte do codigo e não consiga esstarei aqui para ajudar ^^
Código:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><center>
    
 <div class="tlcanunciotitle">
    
 </div>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
          
 <div class="tlcanunciosubtitles" style="width:250px;">
   Titulo 1  
 </div>
    
 <div class="tlcanunciocaixa">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ff3333;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#338533;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ffff99;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#4d4dff;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center>
    
 </div>
    
 </td>
      
 <td>
          
 <div class="tlcanunciosubtitles" style="width:400px;">
    
 <center>
   Titulo 2  
 </center>
    
 </div>
    
 <div class="tlcanunciocaixa2">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>POSTADOR DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>ALUNO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>FUNCIONÁRIO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 </tr>
    
 <tr>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>AVENTUREIRO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>DUELISTA DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>MALVADO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center>
    
 </div>
    
 </td>
      
 <td>
          
 <div class="tlcanunciosubtitles" style="width:210px;padding-left:40px;">
   Titulo 3  
 </div>
    
 <div class="tlcanunciocaixa">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ff3333;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#338533;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ffff99;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#4d4dff;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center>
    
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    <br>  
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
          
 <div class="tlcanunciosubtitles" style="width:340px;">
   Titulo 4  
 </div>
    
 <div class="tlcanunciotext">
 Texto Grande  
</div>
    
 </td>
          
 <td>
          
 <div class="tlcanunciosubtitles" style="width:310px;">
   Administração  
 </div>
    
 <div class="tlcanunciocaixa3">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><br><y>Nick do Admin</y><br><br>Administrador Geral</a> <img src="http://i.imgur.com/MGBBZbS.gif">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><br><y>Nick do Admin</y><br><br>Administrador Geral</a> <img src="http://i.imgur.com/R5to0eM.gif">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><br><y>NARRADOR</y><br><br>Contador de Histórias</a> <img src="http://i.imgur.com/YDGZovi.gif">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center><br><br>  
 <div class="tlcanunciosubtitles" style="width:310px;">
   Créditos  
 </div>
    
 <div class="tlcanunciotext2">
    
 <center>
   <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/br/deed.pt_BR"><img alt="Licença Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.5/br/88x31.png"></a>  
 </center><br>Imagens retiradas da internet e editadas pela administração. Descrições e trama de criação dos administradores. Códigos principais e deste template por <a href="http://www.facebook.com/ykarlor">Yan Karlor</a>  
 </div>
    
 </div>
    
 </td>
          
 <td>
          
 <div class="tlcanunciosubtitles" style="width:200px;">
   Anúncios e Notícias  
 </div>
    
 <div class="tlcanuncioaen">
   <a href="/">Festa de Halloween em Hogwarts</a><br>A partide de 15.09 até 22.09<br><br>    <a href="http://tlcrpg.forumeiros.com/g26-1-ano">Grupo do Primeiro Ano</a><br>Alunos iniciantes, adentrem esse grupo<br><br>    <a href="http://tlcrpg.forumeiros.com/f15-cargos">Lista de Cargos</a><br>Vagas para todos os cargos<br><br>    <a href="http://tlcrpg.forumeiros.com/t1862-ato-00-mudanca-de-planos">Atividades da Trama</a><br>Começamos com a trama, dê uma olhada<br><br>    <a href="http://tlcrpg.forumeiros.com/t78-escola-de-magia-e-bruxaria-de-hogwarts">Vagas para Hogwarts</a><br>Vagas Urgentes<br><br>    <a href="http://tlcrpg.forumeiros.com/t694-comensais-da-morte">Precisa-se de Malvados</a><br>Vagas Urgentes para Comensal da Morte<br><br>    <a href="http://tlcrpg.forumeiros.com/t79-ministerio-da-magia">O Ministério Quer Você!</a><br>Vagas Urgentes para Ministeriais<br><br>    <a href="http://tlcrpg.forumeiros.com/t1835-a-trama-oficial">A Trama</a><br>Acompanhe o andamento de nossa trama<br><br>    <a href="https://www.facebook.com/tlcrpg">Facebook</a><br>Curta nosso grupo no Facebook<br><br>  
 </div>
        
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 <div class="tlcanunciotitleend">
    
 </div>
</center><link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/81529874/Stylesheets/sheettemplateanuncios.css"></div></td></tr></tbody></table>
avatar

RJUchiha
Nível 3

Masculino
Inscrito dia : 25/10/2015
Mensagens : 24
Pontos Ativos : 45

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Wamki em 28/10/15, 09:15 pm

Tente este código básico:
Código:

<td>
                         
               <div class="tlcanunciosubtitles" style="width:310px;">
                    Administração   
               </div>
                   
               <div class="tlcanunciocaixa3">
                      
                  <center>
                         
                     <table>
                            
                        <tbody>
                               
                           <tr>
                                  
                              <td>
                                     
                                 <div class="awardstemp">
                                      <a href="link do perfil do vencedor"><br><y>OHEN</y><br><br>Administrador Geral</a> <img src="http://i.imgur.com/MGBBZbS.gif">   
                                 </div>
                                     
                              </td>
                                  
                              <td>
                                     
                                 <div class="awardstemp">
                                      <a href="link do perfil do vencedor"><br><y>DANORUM</y><br><br>Administrador Geral</a> <img src="http://i.imgur.com/R5to0eM.gif">   
                                 </div>
                                     
                              </td>
                                  
                              <td>
                                     
                                 <div class="awardstemp">
                                      <a href="link do perfil do vencedor"><br><y>NARRADOR</y><br><br>Contador de Histórias</a> <img src="http://i.imgur.com/YDGZovi.gif">   
                                 </div>
                                     
                              </td>
                                  
                           </tr>
                               
                        </tbody>
                            
                     </table>
                         
                  </center><br><br>   
                  <div class="tlcanunciosubtitles" style="width:310px;">
                       Créditos   
                  </div>
                      
                  <div class="tlcanunciotext2">
                         
                     <center>
                          <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/br/deed.pt_BR"><img alt="Licença Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.5/br/88x31.png"></a>   
                     </center><br>Imagens retiradas da internet e editadas pela administração. Descrições e trama de criação dos administradores. Códigos principais e deste template por <a href="http://www.facebook.com/ykarlor">Yan Karlor</a>   
                  </div>
                      
               </div>
                   
            </td>

Coloque isto na folha de estilo CSS:
Código:
.tlcanunciosubtitles {
        font: 18px Dosis;
        color: #cccccc;
        padding-left: 3px;
        margin-bottom: 2px;
        margin-top: 2px;
        font-variant: small-caps;
    }
   
    .tlcanunciocaixa3 {
        width: 310px;
        height: 275px;
        background-color: transparent;
    }
   
    .awardstemp {
        display: inline-block;
        position: relative;
    }
   
    .awardstemp a {
        display: block;
        position: absolute;
        width: 80px;
        height: 80px;
        background-color: #fafafa;
        background-size: 100px;
        opacity: 0;
        font: 11px trebuchet ms;
        color: #333333;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
   
    .awardstemp a:hover {
        opacity: 0.6;
        background-position: 95% 85%;
    }

Cumprimentos.
Cutie Tuteur
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 450

http://infostyle.forumbrasil.net

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 09:59 pm

@RJUchiha escreveu:Embaixo deixo o codigo completo,se precisar de editar alguma parte do codigo e não consiga esstarei aqui para ajudar ^^
Código:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><center>
    
 <div class="tlcanunciotitle">
    
 </div>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
          
 <div class="tlcanunciosubtitles" style="width:250px;">
   Titulo 1  
 </div>
    
 <div class="tlcanunciocaixa">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ff3333;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#338533;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ffff99;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#4d4dff;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center>
    
 </div>
    
 </td>
      
 <td>
          
 <div class="tlcanunciosubtitles" style="width:400px;">
    
 <center>
   Titulo 2  
 </center>
    
 </div>
    
 <div class="tlcanunciocaixa2">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>POSTADOR DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>ALUNO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>FUNCIONÁRIO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 </tr>
    
 <tr>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>AVENTUREIRO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>DUELISTA DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><y>MALVADO DO MÊS</y><br><br>Nome da personagem</a> <img src="http://placehold.it/100x100">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center>
    
 </div>
    
 </td>
      
 <td>
          
 <div class="tlcanunciosubtitles" style="width:210px;padding-left:40px;">
   Titulo 3  
 </div>
    
 <div class="tlcanunciocaixa">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ff3333;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#338533;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 <tr>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#ffff99;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp2">
   <a href="/"><span style="color:#4d4dff;">Texto</span></a> <img src="link_da_imagem" style="width: 100px; height: 100px;">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center>
    
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    <br>  
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
          
 <div class="tlcanunciosubtitles" style="width:340px;">
   Titulo 4  
 </div>
    
 <div class="tlcanunciotext">
 Texto Grande  
</div>
    
 </td>
          
 <td>
          
 <div class="tlcanunciosubtitles" style="width:310px;">
   Administração  
 </div>
    
 <div class="tlcanunciocaixa3">
    
 <center>
    
 <table>
    
 <tbody>
    
 <tr>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><br><y>Nick do Admin</y><br><br>Administrador Geral</a> <img src="http://i.imgur.com/MGBBZbS.gif">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><br><y>Nick do Admin</y><br><br>Administrador Geral</a> <img src="http://i.imgur.com/R5to0eM.gif">  
 </div>
    
 </td>
    
 <td>
    
 <div class="awardstemp">
   <a href="link do perfil do vencedor"><br><y>NARRADOR</y><br><br>Contador de Histórias</a> <img src="http://i.imgur.com/YDGZovi.gif">  
 </div>
    
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 </center><br><br>  
 <div class="tlcanunciosubtitles" style="width:310px;">
   Créditos  
 </div>
    
 <div class="tlcanunciotext2">
    
 <center>
   <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/br/deed.pt_BR"><img alt="Licença Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.5/br/88x31.png"></a>  
 </center><br>Imagens retiradas da internet e editadas pela administração. Descrições e trama de criação dos administradores. Códigos principais e deste template por <a href="http://www.facebook.com/ykarlor">Yan Karlor</a>  
 </div>
    
 </div>
    
 </td>
          
 <td>
          
 <div class="tlcanunciosubtitles" style="width:200px;">
   Anúncios e Notícias  
 </div>
    
 <div class="tlcanuncioaen">
   <a href="/">Festa de Halloween em Hogwarts</a><br>A partide de 15.09 até 22.09<br><br>    <a href="http://tlcrpg.forumeiros.com/g26-1-ano">Grupo do Primeiro Ano</a><br>Alunos iniciantes, adentrem esse grupo<br><br>    <a href="http://tlcrpg.forumeiros.com/f15-cargos">Lista de Cargos</a><br>Vagas para todos os cargos<br><br>    <a href="http://tlcrpg.forumeiros.com/t1862-ato-00-mudanca-de-planos">Atividades da Trama</a><br>Começamos com a trama, dê uma olhada<br><br>    <a href="http://tlcrpg.forumeiros.com/t78-escola-de-magia-e-bruxaria-de-hogwarts">Vagas para Hogwarts</a><br>Vagas Urgentes<br><br>    <a href="http://tlcrpg.forumeiros.com/t694-comensais-da-morte">Precisa-se de Malvados</a><br>Vagas Urgentes para Comensal da Morte<br><br>    <a href="http://tlcrpg.forumeiros.com/t79-ministerio-da-magia">O Ministério Quer Você!</a><br>Vagas Urgentes para Ministeriais<br><br>    <a href="http://tlcrpg.forumeiros.com/t1835-a-trama-oficial">A Trama</a><br>Acompanhe o andamento de nossa trama<br><br>    <a href="https://www.facebook.com/tlcrpg">Facebook</a><br>Curta nosso grupo no Facebook<br><br>  
 </div>
        
 </td>
    
 </tr>
    
 </tbody>
    
 </table>
    
 <div class="tlcanunciotitleend">
    
 </div>
</center><link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/81529874/Stylesheets/sheettemplateanuncios.css"></div></td></tr></tbody></table>

Será que poderia me fazewr um favor antes de fechar? rs... Poderia me mostrar como editar a cor daquela barra cinza em cima do tablon? tanto a de cima como a de baixo, segue o print abaixo:
http://prntscr.com/8whpj5
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em 28/10/15, 10:01 pm

Basta utilizar este CSS:
Código:
.tlcanunciotitle { border-bottom-color: COR AQUI !important; }

Até mais.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 10:34 pm

@Fraise escreveu:Basta utilizar este CSS:
Código:
.tlcanunciotitle { border-bottom-color: COR AQUI !important; }

Até mais.
Segue o print:
http://prnt.sc/8wi0k9

O código apenas edita a parte em vermelho, e não edita a que ta em amarelo, sendo que quero editar toda a parte em azul.. Grato. pela resposta até aqui ^^.
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em 28/10/15, 10:56 pm

Troque por este:
Código:
.tlcanunciotitle { border-bottom-color: COR AQUI !important; background: COR AQUI !important; }

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 28/10/15, 11:24 pm

@Fraise escreveu:Troque por este:
Código:
.tlcanunciotitle { border-bottom-color: COR AQUI !important; background: COR AQUI !important; }

Até mais.
Fraise

As duas cores de cima mudaram, mas as do final do tablon continuam.
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com
  • 0

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em 28/10/15, 11:27 pm

Veja se está tudo agora:
Código:
.tlcanunciotitleend { border-bottom-color: COR AQUI !important; background: COR AQUI !important; }

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em 29/10/15, 01:23 am

agora foi, muito obrigado ^^.
avatar

Shiut
Nível 5

Masculino
Inscrito dia : 11/05/2014
Mensagens : 51
Pontos Ativos : 93

http://thehunterpg.forumeiros.com

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