Personalizar menus e widgets

[EyesInFire]

Qual é sua questão:
Widgets com cor mais clara e fundo mais escuro : https://i.servimg.com/u/f45/16/55/10/08/alkaoa10.png

E Menu com fundo vermelho, igual a esse : https://i.servimg.com/u/f45/16/55/10/08/gegsg10.png

Endereço do fórum:
http://reddesign.forumeiros.com/

Versão do fórum:
PHPBB3

[Dury]

Olá,

Poderia especificar sua questão por favor? Deseja o que afinal?

[EyesInFire]

A primeira é mudar a cor do fundo dos widgets do portal, exemplo no forum de um amigo, os widgets tem um fundo meio que cinza escuro, e a cor do forum, o seu fundo, é cinza claro. Tipo o da FDF, tem os widgets com a cor azul no fundo e o fundo do forum é todo branco.

----------

E a segunda questão eu ja consegui colocar.

[Dury]

Olá,

Painel de controle ->> Visualização ->> Temas ->> Escolher um tema ->>
Clique na aba "Temas" e personalize conforme deseja.

[EyesInFire]

Sim a segunda questão eu ja consegui.
Agora so quero saber daquela de colocar imagem no menu.

[Dury]

Olá,

Poderia especificar que menu? Se possível, monte uma imagem de representação

[EyesInFire]

Claro.
Veja as imagens :
Meu Forum : https://i.servimg.com/u/f45/16/55/10/08/sem_me10.png

Forum do meu amigo : https://i.servimg.com/u/f45/16/55/10/08/comfud10.png

Eu quero colocar aquele fundo vermelho, so que dai eu criaria uma outra imagem, e talvez de outra cor.

[Dury]

Poderia enviar o endereço do fórum de seu amigo?

[EyesInFire]

Este aqui : http://topdesign.forumeiros.com/forum

[Dury]

Olá,

O código é esse:

Código:

<center>

  <div style="margin:auto;text-align:center;width:100%"></div>
  <span style="font-size: 9px; line-height: normal"><font face="Verdana">
  <!-- / topp -->
  <div class="clearfix"></div>
  <p></p>
  <div class="panel introduction">
    <div class="inner"><span class="corners-top"><span></span></span>
      <div class="mes-txt">
        <table width="885" height="253" style="border:5px solid #dedede; border-radius: 0px;background:url(' ')">

        <tbody>
          <tr>
            <td width="905" height="239"><font face="Verdana">
              <table style="border:0px solid #cdc9c9; border-radius: 0px;background:url('http://yourimg.in/m/ebmn20c.png')">
                <tbody>
                  <tr></tr>
                  <tr>
                    <td><img alt="http://i54.tinypic.com/2cosirq.png" src="http://yourimg.in/m/61b06ib.png" /></td>
                    <td><style>
#rudine, a{ color:#FFF; text-decoration:none;}

a:hover{color:#09C;}
a:active{color:#06C}
                    </style>

                      <table width="104%" height="188" style="padding: 3px 3px 0pt; font-size: 0.9em; margin-bottom: 0pt;">
                        <tbody>
                          <tr valign="top">
                            <td width="14%" height="182"><font size="2"><strong><img src="http://yourimg.in/m/26b4w4l.png" border="0" alt="" /></strong></font> 

                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: Black;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f13-regras">Regras</a><br style="color: #FFF;" />
                              <img style="color: #FFF;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: Black;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f67-staff">Staff</a><br style="color: #FFF;" />

                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: #FFF;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f12-atualiacoes-e-novidades">Novidades</a><br style="color: Black;" />
                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: #FFF;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f31-duvidas">Duvidas</a><br style="color: #FFF;" />
                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: Black;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f16-assistencia-td">Assitencisa TD</a><br style="color: Black;" />
                              <a style="color: #FFF;" href="http://topdesign.forumeiros.com/f29-sugestoes"><img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /> Sugestões</a>

                             


                             
</td>
                            <td width="35%"><p><strong><font size="2"><img src="http://yourimg.in/m/6138atc.png" border="0" alt="" /></font>

                              </strong><img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f43-off-topic">Off topic</a><br style="color: black;" />
                              <img style="color: black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f1-assuntos-gerais">Assuntos Gerais</a><br style="color: #FFF;" />
                              <img style="color: black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a style="color: #FFF;" href="http://topdesign.forumeiros.com/t41-nosso-chat-no-msn?highlight=chat">Chat do msn</a></p>
                              <p> </p>
                              <p><font face="Verdana"><span style="font-size: 9px"> </span></font>


                               

                          </p></td>
                            <td width="1%"> </td>
                            <td width="19%"><font size="2"><strong><img src="http://yourimg.in/m/3hsbw20.png" border="0" alt="" /></strong></font>

                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: Black;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/search.forum">Buscar Topicos ou Menssagens</a><br style="color: Black;" />
                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: Black;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f10-pedidos">Pedidos Relacionados a design </a><br style="color: #FFF;" />
                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /> <a style="color: #FFF;" href="http://topdesign.forumeiros.com/f14-parceria/">Parcerias</a><br style="color: #FFF;" />

                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: Black;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f3-dorgas-mano">Piadas</a><br style="color: Black;" />
                              <img style="color: Black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /> <a style="color: #FFF;" href="http://topdesign.forumeiros.com/f34-tutoriais-de-design">Tutoriais</a><br style="color: black;" />
                              <a style="color:#FFF" href="http://topdesign.forumeiros.com/h9-topdesign-searc"><img style="color: black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /> TopDesign search</a>
</td>
                            <td width="31%" style="vertical-align: top;"><table style="padding: 3px 3px 0pt; font-size: 0.9em; margin-bottom: 0pt;" width="90%">
                              <tbody>
                                <tr valign="top">

                                  <td><font size="2"><strong><img src="http://yourimg.in/m/702h3ov.png" border="0" alt="" /></strong></font><br style="color: MediumTurquoise;" />
                                    <img alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><span style="color: MediumTurquoise;"> </span><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f59-novidades-do-mundo-tech/">Novidades do mundo tech</a> <br style="color: black;" />
                                    <img style="color: black;" alt="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png" /><a style="color: #FFF;" href="http://topdesign.forumeiros.com/f36-geral"> Novidades sobe jogos</a><br style="color: black;" /></td>
                                </tr>
                                <tr valign="top"></tr>
                                <tr valign="top">

                                  <td height="73">
</td>
                                  <td style="vertical-align: top;">
</td>
                                </tr>
                              </tbody>
                            </table></td>
                          </tr>
                        </tbody>
                      </table></td>
                  </tr>

                </tbody>
              </table>
            </font></td>
          </tr>
        </tbody>
        </table>
      </div>
      <span class="corners-bottom"><span></span></span></div>
  </div>

  </font></span>
</center>

A imagem é essa: http://yourimg.in/m/ebmn20c.png

Demorei para encontrar o código, mas espero que seja isso que deseja.

Até mais!

[EyesInFire]

Peguei só essa parte do código :

Código:

            <td width="905" height="239"><font face="Verdana">
              <table style="border:0px solid #cdc9c9; border-radius: 0px;background:url('http://i45.servimg.com/u/f45/16/55/10/08/ebmn2010.png')">

Eu não peguei tudo se não iria ter que configurar tudo novamente.

Ficou assim : https://i.servimg.com/u/f45/16/55/10/08/fawfa10.png
Dai retirei o codigo.

[Luciano98]

Olá!

Poderia postar o código inteiro do menu aqui no tópico?

Até mais.
Luciano98.

[EyesInFire]

Eu entendi que você quis dizer que é do meu ._.

Código:

<td width="14%" height="182"><font size="2"><strong><img src="" border="0" alt="" /></strong></font><div style="padding: 1px; padding-bottom: 0;"><table><tr><td><img src="http://i45.servimg.com/u/f45/16/55/10/08/fhfhf10.png" align="left" /></td><td><div style="padding: 6px;">Para ver nosso conteúdo exclusivo, é necessário o registro em nosso fórum:</div>


<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tr valign="top"><td><strong>Red Design</strong><br>
<a href="http://reddesign.forumeiros.com/t1-regras-do-forum-aqui"><img src="http://i23.servimg.com/u/f23/15/93/90/67/puce_f10.png" />  Regras</a><br><a href="http://reddesign.forumeiros.com/t2-cargos-para-staff"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Staff</a><br><a href="http://reddesign.forumeiros.com/f47-novidades"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Novidades</a><br>
<a href="http://reddesign.forumeiros.com/f6-eventos"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Eventos</a><br><a href="http://reddesign.forumeiros.com/f3-suporte"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Suporte</a><br><a href="http://reddesign.forumeiros.com/f5-sugestoes"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Sugestões</a><br><a
href="http://reddesign.forumeiros.com/f2-apresente-se"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Apresente-se</a><br><a
href="http://reddesign.forumeiros.com/f43-tutoriais-do-forum"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Tutoriais</a><br>


<td><strong>Design</strong><br><a href="http://reddesign.forumeiros.com/f16-pedidos-de-kits"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Pedidos de Design</a><br>
<a href="http://reddesign.forumeiros.com/f18-vitrine-das-artes"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Vitrine</a><br>
<a href="http://reddesign.forumeiros.com/f19-galeria"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Galeria</a><br>
<a href="http://reddesign.forumeiros.com/f20-gift"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Gifts</a><br>


<td><strong>Off</strong><br><a href="http://createfunnylogo.com/blade/Red%20Design"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Red Design Search</a><br>
<a href="http://reddesign.forumeiros.com/f12-bar"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Bar</a><br><a href=http://reddesign.forumeiros.com/f11-humor"><img src="http://im0.all-up.com/i/img/puce_fleche.png" /> Humor</a><br><a
href="http://reddesign.forumeiros.com/f10-brincadeiras"><img src="http://im0.all-up.com/i/img/puce_fleche.png" /> Brincadeiras</a><br></td>

</tr></table></td></tr></table></div>

[Luciano98]

Olá!

Aqui está o código com o fundo funcionando (substitua o código do seu menu anterior por esse, mas antes faça backup dele):

Código:

<td width="14%" height="182"><font size="2"><strong><img src="" border="0" alt="" /></strong></font><div style="padding: 1px; padding-bottom: 0;background-image:url(http://yourimg.in/m/ebmn20c.png);background-repeat:no-repeat"><table><tr><td><img src="http://i45.servimg.com/u/f45/16/55/10/08/fhfhf10.png" align="left" /></td><td><div style="padding: 6px;">Para ver nosso conteúdo exclusivo, é necessário o registro em nosso fórum:</div>


<table width="90%" style="padding: 3px; font-size: 0.9em; margin-bottom:0; padding-bottom: 0;"><tr valign="top"><td><strong>Red Design</strong><br>
<a href="http://reddesign.forumeiros.com/t1-regras-do-forum-aqui"><img src="http://i23.servimg.com/u/f23/15/93/90/67/puce_f10.png" />  Regras</a><br><a href="http://reddesign.forumeiros.com/t2-cargos-para-staff"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Staff</a><br><a href="http://reddesign.forumeiros.com/f47-novidades"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Novidades</a><br>
<a href="http://reddesign.forumeiros.com/f6-eventos"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Eventos</a><br><a href="http://reddesign.forumeiros.com/f3-suporte"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Suporte</a><br><a href="http://reddesign.forumeiros.com/f5-sugestoes"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Sugestões</a><br><a
href="http://reddesign.forumeiros.com/f2-apresente-se"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Apresente-se</a><br><a
href="http://reddesign.forumeiros.com/f43-tutoriais-do-forum"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Tutoriais</a><br>


<td><strong>Design</strong><br><a href="http://reddesign.forumeiros.com/f16-pedidos-de-kits"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Pedidos de Design</a><br>
<a href="http://reddesign.forumeiros.com/f18-vitrine-das-artes"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Vitrine</a><br>
<a href="http://reddesign.forumeiros.com/f19-galeria"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Galeria</a><br>
<a href="http://reddesign.forumeiros.com/f20-gift"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Gifts</a><br>


<td><strong>Off</strong><br><a href="http://createfunnylogo.com/blade/Red%20Design"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Red Design Search</a><br>
<a href="http://reddesign.forumeiros.com/f12-bar"><img src="http://im0.all-up.com/i/img/puce_fleche.png" />  Bar</a><br><a href=http://reddesign.forumeiros.com/f11-humor"><img src="http://im0.all-up.com/i/img/puce_fleche.png" /> Humor</a><br><a
href="http://reddesign.forumeiros.com/f10-brincadeiras"><img src="http://im0.all-up.com/i/img/puce_fleche.png" /> Brincadeiras</a><br></td>

</tr></table></td></tr></table></div>

Até mais.
Luciano98

[EyesInFire]

Funcionou direitinho.
Muitoooo Obrigado a Todos que tentaram ajudar.
Podem fechar.