Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Widget forum

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido Widget forum

Mensagem por TappedOut 17.07.14 16:19

  • Descrição:
Queria por o widget inteiro que fica daquele lado << (Onde tem Menu Rápido e tals)
Encontrado em: http://testethegame.forumeiros.com/


  • Informações:
Fórum:http://thesimpsons-forum.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Widget,forum
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por Alex Habilidade 18.07.14 1:02

Olá,

Adicione em sua folha CSS:
Código:

#menurap {
background-color: #00011c;
border-left: 14px solid #00011c;
border-right: 14px solid #00011c;
color: #999;
font-family: Flamenco;
font-size: 14px;
height: 20px;
letter-spacing: 2px;
opacity: .65;
text-align: center;
text-transform: uppercase;
width: 180px;
}

E crie um novo widget e coloque este código:
Código:

<center>
   
   <div style="font-family: Amarante; font-size: 30px; color: #999999;">
       Menu Rápido
   </div>
   
   <div style="width: 200px; margin-left: -11px;">
      
      <div id="menurap">
          <a href="http://pixiesavatars.forumeiros.com/t1-regras-gerais">Regras Gerais</a>
         <div id="menurap2">
             <a href="http://pixiesavatars.forumeiros.com/t1-regras-gerais">Regras Gerais </a>
         </div>
         
      </div>
      
      <div id="menurap">
          <a href="http://pixiesavatars.forumeiros.com/t4-ficha-para-designer">Ficha Designer</a>
         <div id="menurap2">
             <a href="http://pixiesavatars.forumeiros.com/t4-ficha-para-designer">Ficha Designer </a>
         </div>
         
      </div>
      
      <div id="menurap">
          <a href="http://pixiesavatars.forumeiros.com/t3-ficha-para-moderador">Ficha Mod</a>
         <div id="menurap2">
             <a href="http://pixiesavatars.forumeiros.com/t3-ficha-para-moderador">Ficha Mod </a>
         </div>
         
      </div>
      
      <div id="menurap">
          <a href="http://pixiesavatars.forumeiros.com/t2-ficha-para-code-maker">Ficha Cd. Maker</a>
         <div id="menurap2">
             <a href="http://pixiesavatars.forumeiros.com/t2-ficha-para-code-maker">Ficha Cd. Maker </a>
         </div>
         
      </div>
      
   </div><br />
   <div style="font-family: Amarante; font-size: 30px; color: #999999;">
       Administração
   </div>
   
   <table>
      
      <tbody>
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; border-radius: 20px; background-image: url('http://www.marimoon.com.br/wp-content/uploads/2014/05/demi-lovato-100x100.jpg');">
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="font-family: Aguafina Script; font-size: 30px; color: #990000; letter-spacing: 2px; margin-left: 5px; margin-top: -10px; opacity: 0.85;">
                   Lovatic
               </div>
               
               <div style="width: 100px; height: 40px; background-color: #00011c; color: #666666; font-size: 14px; border-radius: 0px 20px 20px 0px; margin-top: -8px; margin-left: -1px;">
                  
                  <div style="text-align: center; padding: 13px;">
                      Perfil
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; border-radius: 20px; background-image: url('http://fc09.deviantart.net/fs70/i/2010/340/a/f/emma_watson_icon_psd_by_sx2-d34e4yr.png');">
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="font-family: Aguafina Script; font-size: 30px; color: #990000; letter-spacing: 2px; margin-left: 10px; margin-top: -10px; opacity: 0.85;">
                   Morgs
               </div>
               
               <div style="width: 100px; height: 40px; background-color: #00011c; color: #666666; font-size: 14px; border-radius: 0px 20px 20px 0px; margin-top: -8px; margin-left: -1px;">
                  
                  <div style="text-align: center; padding: 13px;">
                      Perfil
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; border-radius: 20px; background-image: url('http://i415.photobucket.com/albums/pp234/BubblyWubble/Sophia%20Bush%20Icons/thSophia-1.jpg');">
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="font-family: Aguafina Script; font-size: 30px; color: #990000; letter-spacing: 2px; margin-left: 6px; margin-top: -10px; opacity: 0.85;">
                   Toffie
               </div>
               
               <div style="width: 100px; height: 40px; background-color: #00011c; color: #666666; font-size: 14px; border-radius: 0px 20px 20px 0px; margin-top: -8px; margin-left: -1px;">
                  
                  <div style="text-align: center; padding: 13px;">
                      Perfil
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
   </table>
    <br />
   <div style="font-family: Amarante; font-size: 30px; color: #999999;">
       Moderadores
   </div>
   
   <table>
      
      <tbody>
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; margin-left: -8px;">
                   <a href="http://pixiesavatars.forumeiros.com/u9"><img src="http://i.imgur.com/wuVRa65.png" style="width: 100px; height: 100px;" /></a>
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c;">
                   <a href="http://pixiesavatars.forumeiros.com/u4"><img src="http://i39.servimg.com/u/f39/18/44/47/18/sem_ta11.jpg" style="width: 100px; height: 100px;" /></a>
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; margin-left: -8px; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
   </table><br />
   <div style="font-family: Amarante; font-size: 30px; color: #999999;">
       Code Makers
   </div>
   
   <table>
      
      <tbody>
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; margin-left: -8px; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; margin-left: -8px; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
   </table><br />
   <div style="font-family: Amarante; font-size: 30px; color: #999999;">
       Designers
   </div>
   
   <table>
      
      <tbody>
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; margin-left: -8px; background-color: white;">
                   <a href="http://pixiesavatars.forumeiros.com/u7"><img src="http://media.tumblr.com/7b111a8763d66be3fb93c73c14ea049c/tumblr_inline_mhwd6phJtO1qz4rgp.gif" style="width: 100px; height: 100px;" /></a>
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c;; background-color: white;">
                   <a href="http://pixiesavatars.forumeiros.com/u8"><img src="http://i.imgur.com/Z6QCcxR.jpg" style="width: 100px; height: 100px;" /></a>
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; margin-left: -8px; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
            <td>
               
               <div style="width: 100px; height: 100px; border: 4px solid #00011c; background-color: white; opacity: 0.5;">
                  
                  <div style="text-align: center; margin-top: 24px; color: black; font-size: 20px">
                      Vago
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
   </table>
   
</center>
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por TappedOut 18.07.14 15:49

Ficou bagunçado


Última edição por WantedZ em 21.07.14 20:45, editado 1 vez(es)
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por Alex Habilidade 18.07.14 17:04

Olá,

Adicione em sua folha CSS o código abaixo:
Código:

#left{
background-color: transparent;
background-position: center bottom;
background-repeat: no-repeat;
border-right: 10px solid #00011c!important;
font-size: 11px;
margin-left: -30%!important;
margin-right: 50px;
margin-top: -400px!important;
width: 230px;}
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por First 21.07.14 17:44

Olá,

Senhor, queria chegar por gentileza:
[FAQ] Administração e instalação do portal / widgets
Coloque do lado direito 0 e lado esquerdo 180.

Até mais,
Passar bem. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por TappedOut 21.07.14 20:46

Agora vejo nada ...
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por First 21.07.14 21:51

Olá,

Senhor, poderia deixar os widgets ativos em vosso fórum do lado direito e esquerdo?


Até mais,
Passar bem. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por TappedOut 22.07.14 13:11

Ja tentei e n deu, mas msm assim, Grato, é que o Alex ja tava me ajudando estava a falar com ele. mas vlw por tentar ajudar tb Muito feliz
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por First 22.07.14 14:55

Olá,

Senhor, eu pedir para você habilitar o seus widgets do lado direito e esquerdo para que eu possa lhe dar o suporte, e resolver o seu problema.
E não entendi, o seu problema já foi resolvido?
Caso não faça oque eu pedi e me força o endereço do seu fórum.


Até mais,
Passar bem. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por TappedOut 22.07.14 16:18

First como disse acima irei esperar o Alex, mesmo assim Grato.
TappedOut

TappedOut
Membro

Membro desde : 08/05/2014
Mensagens : 545
Pontos : 756

http://www.gtav-curiosidades.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget forum

Mensagem por Alex Habilidade 23.07.14 20:18

Olá,

O senhor deve ativar os widget em seu fórum e deixar o código postado por mim ativo para que possamos analisar o que ficou de diferente e arrumar.
A grande partes dos nossos teste são feitos em fóruns padrões da forumeiros sem nenhuma alteração, com isto os teste sempre saem perfeito, porém em alguns caso 'o seu' você tem um fórum personalizar com CSS e etc e pode trazer uma alteração, dessa forma precisamos que você deixe ativo o widget e o código para analisarmos o problema.

Até mais amigo Piscada
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Permissões neste sub-fórum
Não podes responder a tópicos