Widget forum

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

Resolvido Widget forum

Mensagem por TappedOut em 17/07/14, 12:19 pm

  • 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

avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Widget forum

Mensagem por Alex Habilidade em 17/07/14, 09:02 pm

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://illiweb.com/fa/pbucket.gif');">
                  
               </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>
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Widget forum

Mensagem por TappedOut em 18/07/14, 11:49 am

Ficou bagunçado


Última edição por WantedZ em 21/07/14, 04:45 pm, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Widget forum

Mensagem por Alex Habilidade em 18/07/14, 01:04 pm

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;}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Widget forum

Mensagem por First em 21/07/14, 01:44 pm

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
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Widget forum

Mensagem por TappedOut em 21/07/14, 04:46 pm

Agora vejo nada ...
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Widget forum

Mensagem por First em 21/07/14, 05:51 pm

Olá,

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


Até mais,
Passar bem. Piscada
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Widget forum

Mensagem por TappedOut em 22/07/14, 09:11 am

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
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Widget forum

Mensagem por First em 22/07/14, 10:55 am

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
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Widget forum

Mensagem por TappedOut em 22/07/14, 12:18 pm

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

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Widget forum

Mensagem por Alex Habilidade em 23/07/14, 04:18 pm

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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.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