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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Centralizar slider
Hoje à(s) 21:20 por Lemon~

» Ajustar mensagens do fórum
Hoje à(s) 18:11 por PrisoN†BreaK

» Um ponto branco
Hoje à(s) 18:02 por Vinicius Reis

» Postar em ajax com avisos
Hoje à(s) 16:19 por Lineshooter

» Personalizar botão "Obrigado"
Hoje à(s) 14:14 por EsromG5

» Java Ultimos Temas
Hoje à(s) 14:12 por giancamposm

» Publicidade invadindo o fórum
Hoje à(s) 13:59 por Vinicius Reis

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
103 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 94 Visitantes :: 2 Motores de busca

™David™, davidgomes10, Lemon~, Lillith, Lincoln, PrisoN†BreaK, Vinicius Reis, wendellknupp, YuriGama

[ Ver toda a lista ]


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

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 Qua 28 Out 2015 - 19:18

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 Qua 28 Out 2015 - 23:50, editado 1 vez(es)

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por RJUchiha em Qua 28 Out 2015 - 19:27

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

RJUchiha
Nível 3

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

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qua 28 Out 2015 - 20:50

@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

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em Qua 28 Out 2015 - 20:55

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'

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

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

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qua 28 Out 2015 - 20:59

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

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em Qua 28 Out 2015 - 21:00

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

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

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qua 28 Out 2015 - 21:38

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

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por RJUchiha em Qua 28 Out 2015 - 21:47

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>

RJUchiha
Nível 3

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

http://narutogamedicasbr.forumeiro.com/

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Wamki em Qua 28 Out 2015 - 23:15

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

Wamki
Usuário avançado

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

http://infostyle.forumbrasil.net

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qua 28 Out 2015 - 23:59

@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

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em Qui 29 Out 2015 - 0:01

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

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

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

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qui 29 Out 2015 - 0:34

@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 ^^.

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em Qui 29 Out 2015 - 0:56

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

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

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qui 29 Out 2015 - 1:24

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

Shiut
Nível 5

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

http://thehunterpg.forumeiros.com
  • 0

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Fraise em Qui 29 Out 2015 - 1:27

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7160

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

Resolvido Re: Como organizar o tablon dessa forma:

Mensagem por Shiut em Qui 29 Out 2015 - 3:23

agora foi, muito obrigado ^^.

Shiut
Nível 5

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

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