Incorporar Widget no Template

3 participantes

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

Tópico resolvido Incorporar Widget no Template

Mensagem por ZombieW Qua 10 Jun 2015 - 14:15

Bom dia,

Tenho um Widget de nome "Barra_PT", ele criar como o próprio nome diz uma barra com as informações relevantes à minha equipe e meu grupo.

Hoje eu tenho diversas páginas HTML, e para que essa barra apareça em todas, eu preciso incorporar o código do Widget no script da página.

Meu problema se encontra quando há alterações no widget "Barra_PT", sendo que sou "obrigado" a alterar todas as página HTML, para que tudo fique padronizado.

É possível eu incorporar o widget no "Header" do Template do meu fórum para evitar esse retrabalho?

Algo similar já foi feito pra mim com ajuda do @Shek, onde o mesmo ocorria com meu JavaScript da "FooterBar", onde apenas me foi inserido uma linha em cada página HTML, que ele "puxava" a informação do JS, sem eu precisar inserir todo o código também.

Site: www.tutorialdoca.com


Última edição por ZombieW em Qui 11 Jun 2015 - 14:40, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qua 10 Jun 2015 - 16:13

Bom dia, poderia passar o código deste widget por gentileza?

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qua 10 Jun 2015 - 16:27

Shaman escreveu:Bom dia, poderia passar o código deste widget por gentileza?

Até mais!

Vamos ver se cabe tudo aqui...

Código:
<style>
/*=========================================
Barra Perfect Team Org (CA)
by DropLeet
=========================================*/
/* Descer o banner */
#logo-desc {
margin-top:43px;
}
/* Estrutura da Barra Perfect Team */
#pt_bar {
/*min-width: 100%;*/
}
#pt_bar {
height: 43px;
padding-bottom: 6px;
background: url(http://s3.amazonaws.com/nxcache/all/img/gnt_gradients.png) 0 -128px repeat-x;
position: relative;
/*z-index: 10000;*/
font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;
font-size: 13px;
line-height: 19px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
#pt_bar a {
color: #4B77D8;
outline: none;
}
#pt_bar a::selection {
background: #2662B2;
color: white;
text-shadow: none;
}
/* Logotipo Perfect Team */
#pt_logo {
text-indent: -9999px;
height: 43px;
width: 56px;
float: left;
margin-left: 20px;
background: url(http://imageshack.us/a/img221/2316/perfectteamlogo.png) no-repeat;
}
/* Menu */
#cssmenu{
height:48px;
display:block;
padding:0;
margin:20px auto; 
border:1px solid;
border-radius:5px;
}
#cssmenu > ul {
list-style:inside none;
padding:0;
margin:0;
}
#cssmenu > ul > li {
list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}
#cssmenu > ul > li > a{
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
}
#cssmenu > ul > li:first-child > a{
border-radius:5px 0 0 5px;
}
#cssmenu > ul > li > a:after{
content:'';
position:absolute;
top:-1px;
bottom:-1px;
right:-2px;
z-index:99;
}
#cssmenu ul li.has-sub:hover > a:after{
top:0;
bottom:0;
}
#cssmenu > ul > li.has-sub > a:before{
content:'';
position:absolute;
top:18px;
right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before{
top:19px;
}
#cssmenu ul li.has-sub:hover > a{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px;
z-index:999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
}
#cssmenu ul li.has-sub > a:hover{
background:#3f3f3f;
border-color:#3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div{
display:none;
width:auto;
position:absolute;
top:38px;
padding:10px 0;
background:#3f3f3f;
border-radius:0 0 5px 5px;
z-index:999;
}
#cssmenu ul li > ul{
width:200px;
}
#cssmenu ul li > ul li{
display:block;
list-style:inside none;
padding:0;
margin:0;
position:relative;
}
#cssmenu ul li > ul li a{
outline:none;
display:block;
position:relative;
margin:0;
padding:8px 20px;
font:10pt Arial, Helvetica, sans-serif;
color:#fff; /* Cor dos itens do li */
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
}
li.hover a:hover{ /* Cor de seleção da class hover em li */
background: rgb(167,199,220); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWIyZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-8 */
}
#cssmenu{
border-color:transparent;
}
#cssmenu > ul > li > a{
border-right:1px solid #BEC0C2;
color:#2C53AD; /* Cor dos itens do ul */
display: block;
line-height: 23px;
padding-right: 15px;
font-size: 16px;
font-weight: 600;
font-family: Klavika,sans-serif;
}
#cssmenu > ul > li:hover {
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:after{
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:hover{
background: #2662B2;
color: white;
text-shadow: none;
}
/* Classificação */
a.classificacao {
text-decoration:none;
}
.classificacao {
background: url(http://levelupgames.uol.com.br/commonImages/selo16anos.gif) no-repeat transparent;
float: right;
margin-right: 0px;
margin-left: 13px;
margin-top: 3px;
display:block;
}
p.classific {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
padding: 0 5px 0 45px;
text-align: center;
max-height: 30px;
margin-top: 3px;
margin-right: 10px;
color:black;
}
/*=========================================
Redes Sociais Flutuantes
by DropLeet
=========================================*/
.headline-right{
   float:right;
   width:300px
}
.headline a:hover{
   color:#eace12;
   text-decoration:underline
}
ul.isocial{
   list-style:none;
   margin:0;
   padding:0px 20px 0 0
}
ul.isocial li{
   float:right;
   margin:5px 2px;
   padding:0
}
ul.isocial li a{
   float:right;
   background-image:url(http://img854.imageshack.us/img854/7936/socialletter.png);
   background-position:0 0;
   background:repeat:no-repeat;
   display:inline-block;
   text-indent:-9999px;
   overflow:hidden;
   width:24px;
   height:24px;
   position:relative;
}
ul.isocial li a.rss{
   background-position:0 0
}
ul.isocial li a.rss:hover{
   background-position:0 -25px
}
ul.isocial li a.facebook{
   background-position:-25px 0
}
ul.isocial li a.facebook:hover{
   background-position:-25px -25px
}
ul.isocial li a.twitter{
   background-position:-50px 0
}
ul.isocial li a.twitter:hover{
   background-position:-50px -25px
}
ul.isocial li a.google{
   background-position:-75px 0
}
ul.isocial li a.google:hover{
   background-position:-75px -25px
}
ul.isocial li a.youtube{
   background-position:-100px 0
}
ul.isocial li a.youtube:hover{
   background-position:-100px -25px
}
</style>
<!--    Barra PT    -->
<div style="top:-20px; left:0px;position:absolute;width:100%">
    
   <div id="pt_bar">
        <a href="//www.perfectteam.org/" id="pt_logo">Perfect Team</a> 
      <div id="cssmenu">
          
         <ul>
                 
            <li class="has-sub">
                 <a href="#"><span>Sites</span></a>       
               <ul>
                             
                  <li class="hover">
                       <a href="//www.tutorialdoca.com"><span>Tutorial do CA</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="//www.tutorialdopw.com"><span>Tutorial do PW</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="//www.pwbrchannel.blogspot.com.br"><span>PWBRChannel</span></a> 
                  </li>
                           
               </ul>
                    
            </li>
                 
            <li class="has-sub">
                 <a href="#"><span>Parceiros</span></a>       
               <ul>
                             
                  <li class="hover">
                       <a target="_blank" href="http://levelupgames.uol.com.br/levelup/"><span>Level UP! Games</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a target="_blank" href="http://www.radiogamesbrasil.com.br/"><span>Rádio Games Brasil</span></a> 
                  </li>
                           
               </ul>
                    
            </li>
                   
            <li class="has-sub">
                 <a href="#"><span>Staff / Equipe</span></a>     
               <ul>
                             
                  <li class="hover">
                       <a href="/u1"><span>ZombieW</span></a> 
                  </li>
                   
                  <li class="hover">
                       <a href="/u12"><span>MrFoxnine</span></a> 
                  </li>
                   
                  <li class="hover">
                       <a href="/u27"><span>ZyyGamer</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u529"><span>iDetento</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u382"><span>SS105</span></a> 
                  </li>
                   
                  <li class="hover">
                       <a href="/u804"><span>ImK-Mode</span></a> 
                  </li>
                         
               </ul>
                      
            </li>
                   
            <li class="has-sub">
                 <a href="#"><span>Antigos YouTuber's</span></a>     
               <ul>
                             
                  <li class="hover">
                       <a href="/u5"><span>Master_Ace</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u20"><span>-EnY_KILLFOX</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u170"><span>OrlamoHD</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u230"><span>MrBadS2</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u385"><span>Jacked</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u387"><span>Guilhermeo9</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u381"><span>BanguelaGamer</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u434"><span>-KageBoy-</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u445"><span>PANT3R</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="/u500"><span>ImpostorGP (Soundwave)</span></a> 
                  </li>
                         
               </ul>
                      
            </li>
                 
            <li class="has-sub">
                 <a href="#"><span>TeamSpeak 3</span></a>   
               <ul>
                             
                  <li class="hover">
                       <a href="#"><span>perfectteam.ts3gamer.com.br</span></a> 
                  </li>
                         
               </ul>
                      
            </li>
                 
            <li class="has-sub">
                 <a href="#"><span>Webmail</span></a>   
               <ul>
                             
                  <li class="hover">
                       <a href="//webmail.tutorialdopw.com"><span>Tutorial do PW</span></a> 
                  </li>
                             
                  <li class="hover">
                       <a href="//webmail.tutorialdoca.com"><span>Tutorial do CA</span></a> 
                  </li>
                         
               </ul>
                      
            </li>
             
         </ul>
           <a target="_blank" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" class="classificacao"></a> 
         <p class="classific">
              NÃO RECOMENDADO PARA<br />MENORES DE 16 ANOS <br /> Contém: Assassinato 
         </p><a target="_blank" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" class="classificacao"></a><a target="_blank" rel="Level Up!" href="//levelup.com.br"></a> 
      </div>
       
   </div>
</div>
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qua 10 Jun 2015 - 17:35

Olá, acho que descobri um jeito, vamos lá.

Crie uma página HTML com o código:

Código:
<style>
/*=========================================
Barra Perfect Team Org (CA)
by DropLeet
=========================================*/
/* Descer o banner */
#logo-desc {
margin-top:43px;
}
/* Estrutura da Barra Perfect Team */
#pt_bar {
/*min-width: 100%;*/
}
#pt_bar {
height: 43px;
padding-bottom: 6px;
background: url(http://s3.amazonaws.com/nxcache/all/img/gnt_gradients.png) 0 -128px repeat-x;
position: relative;
/*z-index: 10000;*/
font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;
font-size: 13px;
line-height: 19px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
#pt_bar a {
color: #4B77D8;
outline: none;
}
#pt_bar a::selection {
background: #2662B2;
color: white;
text-shadow: none;
}
/* Logotipo Perfect Team */
#pt_logo {
text-indent: -9999px;
height: 43px;
width: 56px;
float: left;
margin-left: 20px;
background: url(http://imageshack.us/a/img221/2316/perfectteamlogo.png) no-repeat;
}
/* Menu */
#cssmenu{
height:48px;
display:block;
padding:0;
margin:20px auto;  
border:1px solid;
border-radius:5px;
}
#cssmenu > ul {
list-style:inside none;
padding:0;
margin:0;
}
#cssmenu > ul > li {
list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}
#cssmenu > ul > li > a{
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
}
#cssmenu > ul > li:first-child > a{
border-radius:5px 0 0 5px;
}
#cssmenu > ul > li > a:after{
content:'';
position:absolute;
top:-1px;
bottom:-1px;
right:-2px;
z-index:99;
}
#cssmenu ul li.has-sub:hover > a:after{
top:0;
bottom:0;
}
#cssmenu > ul > li.has-sub > a:before{
content:'';
position:absolute;
top:18px;
right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before{
top:19px;
}
#cssmenu ul li.has-sub:hover > a{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px;
z-index:999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
}
#cssmenu ul li.has-sub > a:hover{
background:#3f3f3f;
border-color:#3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div{
display:none;
width:auto;
position:absolute;
top:38px;
padding:10px 0;
background:#3f3f3f;
border-radius:0 0 5px 5px;
z-index:999;
}
#cssmenu ul li > ul{
width:200px;
}
#cssmenu ul li > ul li{
display:block;
list-style:inside none;
padding:0;
margin:0;
position:relative;
}
#cssmenu ul li > ul li a{
outline:none;
display:block;
position:relative;
margin:0;
padding:8px 20px;
font:10pt Arial, Helvetica, sans-serif;
color:#fff; /* Cor dos itens do li */
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
}
li.hover a:hover{ /* Cor de seleção da class hover em li */
background: rgb(167,199,220); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWIyZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-8 */
}
#cssmenu{
border-color:transparent;
}
#cssmenu > ul > li > a{
border-right:1px solid #BEC0C2;
color:#2C53AD; /* Cor dos itens do ul */
display: block;
line-height: 23px;
padding-right: 15px;
font-size: 16px;
font-weight: 600;
font-family: Klavika,sans-serif;
}
#cssmenu > ul > li:hover {
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:after{
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:hover{
background: #2662B2;
color: white;
text-shadow: none;
}
/* Classificação */
a.classificacao {
text-decoration:none;
}
.classificacao {
background: url(http://levelupgames.uol.com.br/commonImages/selo16anos.gif) no-repeat transparent;
float: right;
margin-right: 0px;
margin-left: 13px;
margin-top: 3px;
display:block;
}
p.classific {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
padding: 0 5px 0 45px;
text-align: center;
max-height: 30px;
margin-top: 3px;
margin-right: 10px;
color:black;
}
/*=========================================
Redes Sociais Flutuantes
by DropLeet
=========================================*/
.headline-right{
   float:right;
   width:300px
}
.headline a:hover{
   color:#eace12;
   text-decoration:underline
}
ul.isocial{
   list-style:none;
   margin:0;
   padding:0px 20px 0 0
}
ul.isocial li{
   float:right;
   margin:5px 2px;
   padding:0
}
ul.isocial li a{
   float:right;
   background-image:url(http://img854.imageshack.us/img854/7936/socialletter.png);
   background-position:0 0;
   background:repeat:no-repeat;
   display:inline-block;
   text-indent:-9999px;
   overflow:hidden;
   width:24px;
   height:24px;
   position:relative;
}
ul.isocial li a.rss{
   background-position:0 0
}
ul.isocial li a.rss:hover{
   background-position:0 -25px
}
ul.isocial li a.facebook{
   background-position:-25px 0
}
ul.isocial li a.facebook:hover{
   background-position:-25px -25px
}
ul.isocial li a.twitter{
   background-position:-50px 0
}
ul.isocial li a.twitter:hover{
   background-position:-50px -25px
}
ul.isocial li a.google{
   background-position:-75px 0
}
ul.isocial li a.google:hover{
   background-position:-75px -25px
}
ul.isocial li a.youtube{
   background-position:-100px 0
}
ul.isocial li a.youtube:hover{
   background-position:-100px -25px
}
</style>
<!--    Barra PT    -->
<div style="top:-20px; left:0px;position:absolute;width:100%">
    
   <div id="pt_bar">
        <a href="//www.perfectteam.org/" id="pt_logo">Perfect Team</a>  
      <div id="cssmenu">
          
         <ul>
                  
            <li class="has-sub">
                 <a href="#"><span>Sites</span></a>        
               <ul>
                              
                  <li class="hover">
                       <a href="//www.tutorialdoca.com"><span>Tutorial do CA</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="//www.tutorialdopw.com"><span>Tutorial do PW</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="//www.pwbrchannel.blogspot.com.br"><span>PWBRChannel</span></a>  
                  </li>
                            
               </ul>
                    
            </li>
                  
            <li class="has-sub">
                 <a href="#"><span>Parceiros</span></a>        
               <ul>
                              
                  <li class="hover">
                       <a target="_blank" href="http://levelupgames.uol.com.br/levelup/"><span>Level UP! Games</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a target="_blank" href="http://www.radiogamesbrasil.com.br/"><span>Rádio Games Brasil</span></a>  
                  </li>
                            
               </ul>
                    
            </li>
                    
            <li class="has-sub">
                 <a href="#"><span>Staff / Equipe</span></a>      
               <ul>
                              
                  <li class="hover">
                       <a href="/u1"><span>ZombieW</span></a>  
                  </li>
                    
                  <li class="hover">
                       <a href="/u12"><span>MrFoxnine</span></a>  
                  </li>
                    
                  <li class="hover">
                       <a href="/u27"><span>ZyyGamer</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u529"><span>iDetento</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u382"><span>SS105</span></a>  
                  </li>
                    
                  <li class="hover">
                       <a href="/u804"><span>ImK-Mode</span></a>  
                  </li>
                          
               </ul>
                      
            </li>
                    
            <li class="has-sub">
                 <a href="#"><span>Antigos YouTuber's</span></a>      
               <ul>
                              
                  <li class="hover">
                       <a href="/u5"><span>Master_Ace</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u20"><span>-EnY_KILLFOX</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u170"><span>OrlamoHD</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u230"><span>MrBadS2</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u385"><span>Jacked</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u387"><span>Guilhermeo9</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u381"><span>BanguelaGamer</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u434"><span>-KageBoy-</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u445"><span>PANT3R</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="/u500"><span>ImpostorGP (Soundwave)</span></a>  
                  </li>
                          
               </ul>
                      
            </li>
                  
            <li class="has-sub">
                 <a href="#"><span>TeamSpeak 3</span></a>    
               <ul>
                              
                  <li class="hover">
                       <a href="#"><span>perfectteam.ts3gamer.com.br</span></a>  
                  </li>
                          
               </ul>
                      
            </li>
                  
            <li class="has-sub">
                 <a href="#"><span>Webmail</span></a>    
               <ul>
                              
                  <li class="hover">
                       <a href="//webmail.tutorialdopw.com"><span>Tutorial do PW</span></a>  
                  </li>
                              
                  <li class="hover">
                       <a href="//webmail.tutorialdoca.com"><span>Tutorial do CA</span></a>  
                  </li>
                          
               </ul>
                      
            </li>
              
         </ul>
           <a target="_blank" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" class="classificacao"></a>  
         <p class="classific">
              NÃO RECOMENDADO PARA<br />MENORES DE 16 ANOS <br /> Contém: Assassinato  
         </p><a target="_blank" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" class="classificacao"></a><a target="_blank" rel="Level Up!" href="//levelup.com.br"></a>  
      </div>
        
   </div>
</div>
"Você deseja utilizar o início e o final da página do seu fórum?" marque NÃO

Guarde o link da página HTML.

Agora, crie um novo JavaScript com investimento em todas as páginas com o seguinte código:

Código:
$(function(){
$('<a href="#" title="Tutorial do CA"></a>').appendTo('body').load('/h1-');
});

Agora troque o 1 do /h1- pelo numero da página HTML criada anteriormente.

Abs.
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qua 10 Jun 2015 - 17:50

@Shaman

Deu certo, editei uma página HTML e removi o código que era usado no Widget e ficou bem mais "enxuto":

Spoiler:

http://www.tutorialdoca.com/h21-comparacao-das-armas-miticas

Porém, a barra está agora com um "problema visual". Note que ao passar o mouse em cima dela, todos os textos ficam em "negrito".

Eu já removi o widget do fórum, achei que era ele que estava causando isso, por ter "dois iguais", mas o erro continua.

A página HTML que foi criada com sua ajuda, é a 35: http://www.tutorialdoca.com/h35-barra_pt

Nela, não ocorre o problema visual, somente nas demais páginas e no fórum.

Você pode ver como a barra se comportava em meu outro fórum: http://www.tutorialdopw.com
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qua 10 Jun 2015 - 17:59

Como o a id pt_bar foi adicionado no body do fórum do senhor, o a:hover está se aplicando a ele também creio eu.

Adicione em seu CSS e teste por gentileza:

Código:
a:hover {
  text-shadow: none !Important;
}

Resulta?

Shaman
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qua 10 Jun 2015 - 19:56

@Shaman

No fórum corrigiu, mas na página HTML em que não usei o bloco de códigos da Barra_PT (ou seja, a página H21) ainda ocorre.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qua 10 Jun 2015 - 20:13

Olá, troque o código do menu por este:

Código:
<style>
/*=========================================
Barra Perfect Team Org (CA)
by DropLeet
=========================================*/
/* Descer o banner */
#logo-desc {
margin-top:43px;
}
/* Estrutura da Barra Perfect Team */
#pt_bar {
/*min-width: 100%;*/
}
#pt_bar {
height: 43px;
padding-bottom: 6px;
background: url(http://s3.amazonaws.com/nxcache/all/img/gnt_gradients.png) 0 -128px repeat-x;
position: relative;
/*z-index: 10000;*/
font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;
font-size: 13px;
line-height: 19px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
#pt_bar a {
color: #4B77D8;
outline: none;
}
#pt_bar a::selection {
background: #2662B2;
color: white;
text-shadow: none;
}
/* Logotipo Perfect Team */
#pt_logo {
text-indent: -9999px;
height: 43px;
width: 56px;
float: left;
margin-left: 20px;
background: url(http://imageshack.us/a/img221/2316/perfectteamlogo.png) no-repeat;
}
/* Menu */
#cssmenu{
height:48px;
display:block;
padding:0;
margin:20px auto; 
border:1px solid;
border-radius:5px;
}
#cssmenu > ul {
list-style:inside none;
padding:0;
margin:0;
}
#cssmenu > ul > li {
list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}
#cssmenu > ul > li > a{
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
}
#cssmenu > ul > li:first-child > a{
border-radius:5px 0 0 5px;
}
#cssmenu > ul > li > a:after{
content:'';
position:absolute;
top:-1px;
bottom:-1px;
right:-2px;
z-index:99;
}
#cssmenu ul li.has-sub:hover > a:after{
top:0;
bottom:0;
}
#cssmenu > ul > li.has-sub > a:before{
content:'';
position:absolute;
top:18px;
right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before{
top:19px;
}
#cssmenu ul li.has-sub:hover > a{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px;
z-index:999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
}
#cssmenu ul li.has-sub > a:hover{
background:#3f3f3f;
border-color:#3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div{
display:none;
width:auto;
position:absolute;
top:38px;
padding:10px 0;
background:#3f3f3f;
border-radius:0 0 5px 5px;
z-index:999;
}
#cssmenu ul li > ul{
width:200px;
}
#cssmenu ul li > ul li{
display:block;
list-style:inside none;
padding:0;
margin:0;
position:relative;
}
#cssmenu ul li > ul li a{
outline:none;
display:block;
position:relative;
margin:0;
padding:8px 20px;
font:10pt Arial, Helvetica, sans-serif;
color:#fff; /* Cor dos itens do li */
text-decoration:none;
text-shadow: none !Important;
}
li.hover a:hover{ /* Cor de seleção da class hover em li */
background: rgb(167,199,220); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWIyZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-8 */
}
#cssmenu{
border-color:transparent;
}
#cssmenu > ul > li > a{
border-right:1px solid #BEC0C2;
color:#2C53AD; /* Cor dos itens do ul */
display: block;
line-height: 23px;
padding-right: 15px;
font-size: 16px;
font-weight: 600;
font-family: Klavika,sans-serif;
}
#cssmenu > ul > li:hover {
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:after{
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:hover{
background: #2662B2;
color: white;
text-shadow: none !important;
}
/* Classificação */
a.classificacao {
text-decoration:none;
}
.classificacao {
background: url(http://levelupgames.uol.com.br/commonImages/selo16anos.gif) no-repeat transparent;
float: right;
margin-right: 0px;
margin-left: 13px;
margin-top: 3px;
display:block;
}
p.classific {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
padding: 0 5px 0 45px;
text-align: center;
max-height: 30px;
margin-top: 3px;
margin-right: 10px;
color:black;
}
/*=========================================
Redes Sociais Flutuantes
by DropLeet
=========================================*/
.headline-right{
  float:right;
  width:300px
}
.headline a:hover{
  color:#eace12;
  text-decoration:underline
}
ul.isocial{
  list-style:none;
  margin:0;
  padding:0px 20px 0 0
}
ul.isocial li{
  float:right;
  margin:5px 2px;
  padding:0
}
ul.isocial li a{
  float:right;
  background-image:url(http://img854.imageshack.us/img854/7936/socialletter.png);
  background-position:0 0;
  background:repeat:no-repeat;
  display:inline-block;
  text-indent:-9999px;
  overflow:hidden;
  width:24px;
  height:24px;
  position:relative;
}
ul.isocial li a.rss{
  background-position:0 0
}
ul.isocial li a.rss:hover{
  background-position:0 -25px
}
ul.isocial li a.facebook{
  background-position:-25px 0
}
ul.isocial li a.facebook:hover{
  background-position:-25px -25px
}
ul.isocial li a.twitter{
  background-position:-50px 0
}
ul.isocial li a.twitter:hover{
  background-position:-50px -25px
}
ul.isocial li a.google{
  background-position:-75px 0
}
ul.isocial li a.google:hover{
  background-position:-75px -25px
}
ul.isocial li a.youtube{
  background-position:-100px 0
}
ul.isocial li a.youtube:hover{
  background-position:-100px -25px
}
</style>
<!--    Barra PT    -->
<div style="top:-20px; left:0px;position:absolute;width:100%">
   
  <div id="pt_bar">
        <a href="//www.perfectteam.org/" id="pt_logo">Perfect Team</a> 
      <div id="cssmenu">
         
        <ul>
                 
            <li class="has-sub">
                <a href="#"><span>Sites</span></a>       
              <ul>
                             
                  <li class="hover">
                      <a href="//www.tutorialdoca.com"><span>Tutorial do CA</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="//www.tutorialdopw.com"><span>Tutorial do PW</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="//www.pwbrchannel.blogspot.com.br"><span>PWBRChannel</span></a> 
                  </li>
                           
              </ul>
                   
            </li>
                 
            <li class="has-sub">
                <a href="#"><span>Parceiros</span></a>       
              <ul>
                             
                  <li class="hover">
                      <a target="_blank" href="http://levelupgames.uol.com.br/levelup/"><span>Level UP! Games</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a target="_blank" href="http://www.radiogamesbrasil.com.br/"><span>Rádio Games Brasil</span></a> 
                  </li>
                           
              </ul>
                   
            </li>
                   
            <li class="has-sub">
                <a href="#"><span>Staff / Equipe</span></a>     
              <ul>
                             
                  <li class="hover">
                      <a href="/u1"><span>ZombieW</span></a> 
                  </li>
                   
                  <li class="hover">
                      <a href="/u12"><span>MrFoxnine</span></a> 
                  </li>
                   
                  <li class="hover">
                      <a href="/u27"><span>ZyyGamer</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u529"><span>iDetento</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u382"><span>SS105</span></a> 
                  </li>
                   
                  <li class="hover">
                      <a href="/u804"><span>ImK-Mode</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
                   
            <li class="has-sub">
                <a href="#"><span>Antigos YouTuber's</span></a>     
              <ul>
                             
                  <li class="hover">
                      <a href="/u5"><span>Master_Ace</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u20"><span>-EnY_KILLFOX</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u170"><span>OrlamoHD</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u230"><span>MrBadS2</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u385"><span>Jacked</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u387"><span>Guilhermeo9</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u381"><span>BanguelaGamer</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u434"><span>-KageBoy-</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u445"><span>PANT3R</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u500"><span>ImpostorGP (Soundwave)</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
                 
            <li class="has-sub">
                <a href="#"><span>TeamSpeak 3</span></a>   
              <ul>
                             
                  <li class="hover">
                      <a href="#"><span>perfectteam.ts3gamer.com.br</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
                 
            <li class="has-sub">
                <a href="#"><span>Webmail</span></a>   
              <ul>
                             
                  <li class="hover">
                      <a href="//webmail.tutorialdopw.com"><span>Tutorial do PW</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="//webmail.tutorialdoca.com"><span>Tutorial do CA</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
             
        </ul>
          <a target="_blank" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" class="classificacao"></a> 
        <p class="classific">
              NÃO RECOMENDADO PARA<br />MENORES DE 16 ANOS <br /> Contém: Assassinato 
        </p><a target="_blank" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" class="classificacao"></a><a target="_blank" rel="Level Up!" href="//levelup.com.br"></a> 
      </div>
       
  </div>
</div>

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qua 10 Jun 2015 - 20:58

ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qua 10 Jun 2015 - 22:48

Poderia fornecer sua folha de estilo CSS por gentileza?

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qua 10 Jun 2015 - 22:57

@Shaman

Já aviso que ela é bem grandinha:

Código:
/* Ajuste da Barra_PT *(HTML) */
a:hover {
  text-shadow: none !Important;
}
/* Botão "Novo Tópico" em hover */
.i_post:hover img {background: url(http://i19.servimg.com/u/f19/17/53/75/18/new_to11.png)!important;z-index: 999;}
/*Ajuste na imagem de fundo (BG)*/
body {
    /*background-image: url('smiley.gif');*/
    background-repeat: y;
    background-attachment: fixed;
    background-position: center;
}
/*Remoção da Coluna "Última Mensagem"*/
/*dd.lastpost span {
display: none !important
}
dd.lastpost {
display: none !important;
}*/
/*Remoção da Descrição do Rank*/
.postprofile dd:nth-of-type(1) {
color: transparent;
}
/* Footer Bar */
#footerSw {
margin-top: 0px;
width: 100%;
background: #1E1E1E url('http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg') 50% 0 no-repeat;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center !important;
display: table;
border-top:3px solid #111;
}
#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center !important;
margin: 0 auto;
width: 200px; /* 320 */
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #C1FA17;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
p.copy {
  margin-top:-15px;
  text-align: center !important;
  color:#FFFFFF;
  position: relative;
}
/*Cor do Link - Houver - Inicio*/
a:hover{color:#45B334;text-shadow:0px 0px 1px #000000;}
/*Firulas no nomes - Início*/
/*ZombieW*/
a[href="/u1"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #C1FA17
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo dos ADM*/
a[href="/g1-administradores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #C1FA17;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo de Banidos e dos Usuários*/
a[href="/g6-banidos"]{
  text-decoration: line-through;
}
a[href="/u118"]{
  text-decoration: line-through;
  color: #BD0000;
}
/*Firulas no nomes - Fim*/
/* Título para páginas HTML
 * by DropLeet
 */
.Titulo2 { /*Para títulos maiores*/
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/bgtitu10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
.TituloNoBG { /*Para títulos maiores*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloMedium { /*Para títulos/textos medianos*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloMediumL { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  /*text-shadow: 0 2px 5px black;*/
  line-height: 150%;
}
.TituloMediumR { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: right;
  /*text-shadow: 0 2px 5px black;*/
  line-height: 150%;
}
.TituloSmall { /*Para títulos menores*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  text-shadow: 0 2px 5px black;
  text-decoration: underline;
  line-height: 150%;
}
.TituloSmallR { /*Para títulos menores - Alinhados à Direito (Right)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 12pt;
  text-align: right;
  /*text-shadow: 0 2px 5px black;*/
  line-height: 150%;
}
.CA { /* DIV */
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/bgtitu10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
CA { /* TAG */
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
/*=========================================
Cor do texto no campo de mensagem (Novo Editor)
by Ace/Cream FdF
=========================================*/
.sceditor-container textarea {
color: #1F1F1F !important;
}
/*=========================================
Cor do campo de texto (Novo Editor)
by Ace/Cream FdF
=========================================*/
div.sceditor-container iframe, div.sceditor-container textarea {
background: #1F1F1F /*url(http://url de una imagen.jpg)*/  repeat !important;
color: white !important
}
/*=========================================
Avatar do Membro nos Últimos Tópicos
by DropLeet / Necessário JavaScript
=========================================*/
.avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }
/* Joncov CSS style - ShiftActif, topic:  - NO ERASE */
.prettyprint .pln{color:#000}.prettyprint .str{color:#080}.prettyprint .kwd{color:#008}.prettyprint .com{color:#800}.prettyprint .typ{color:#606}.prettyprint .lit{color:#066}.prettyprint .fmvip{color:#660}.prettyprint .tag{color:#008}.prettyprint .atn{color:#606}.prettyprint .atv{color:#080}.prettyprint .dec{color:#606}.prettyprint .linenums li{border-left:3px solid #EBEFF9;padding-left:5px}.prettyprint{font-family:Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;font-size:13px;padding:2px}.prettyprint ol.linenums{margin-bottom:0;margin-top:0}ol.linenums:hover{list-style-type:none}/* Joncov CSS style - ShiftActif, topic:  - NO ERASE - END */
/*Erro caixa de Emoticon*/
#smiley-box, .smile-status-box {
background: #333333;
}
/* Cursores */
a:hover {
  cursor: url('http://i19.servimg.com/u/f19/17/53/75/18/aim_ve10.png'), url('http://i19.servimg.com/u/f19/17/53/75/18/aim_ve10.png'), auto;
}
body {
  cursor: url('http://i57.servimg.com/u/f57/17/53/75/18/cursor10.png'), url('http://i57.servimg.com/u/f57/17/53/75/18/cursor10.png'), auto;
}
/* Níveis de Alerta */
.alert{
  border:1px solid #4381CC;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#4381CC;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#C6D8F0;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
.alert2{
  border:1px solid #E2B500;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#E2B500;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#FFEA97;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
    border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
.alert3{
  border:1px solid #AD3F30;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#AD3F30;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#EFCEC9;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
   border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
/* Botoes Personalizados */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
/* Efeito Balão */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* Background em Tabelas Alfa x Bravo */
   /* Alfa */
table.Alfa{
  width:100%;
  background-image: url('http://img855.imageshack.us/img855/5481/alfabgtrans.png');
  background-repeat:no-repeat;
  background-color:#5E1414;
  background-position:center;
}
   /* Bravo */
table.Bravo{
  width:100%;
  margin-top:18px;
  background-image: url('http://img818.imageshack.us/img818/2227/bravobgtrans.png');
  background-repeat:no-repeat;
  background-color:#194350;
  background-attachment:static;
  background-position:center;
}
/* Floating */
   /* Direita */
img.Direita{
  float:right;
  margin-left:5px;
}
   /* Esquerda */
img.Esquerda{
  float:left;
  margin-right:5px;
}
/* Ranks e Patentes
  by DropLeet
 */
   /*Super Elite*/
.SE{
  background-image:url('');
  background-repeat:no-repeat;
  background-position:left top;
  color: #C1FA17;
  font-weight:bold;
  font-size: 10pt;
  font-variant: small-caps;
  text-shadow: 0 2px 5px black;
  margin-top:10px;
  padding-left:25px; /* Espaço entre o texto e a imagem */
  line-height: 150%; /* Completar a imagem */
}
   /*Moderador de Elite*/
.ME{
  background-image:url('http://img708.imageshack.us/img708/5345/elitet.gif');
  background-repeat:no-repeat;
  background-position:left top;
  color: #FAFA03;
  font-weight:bold;
  font-size: 10pt;
  font-variant: small-caps;
  text-shadow: 0 2px 5px black;
  margin-top:10px;
  padding-left:19px;
  line-height: 150%; /* Sem isso a imagem não aparecerá inteira*/
}
   /*Cadete*/
.CDT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_trainee.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Recruta*/
.RCT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_recruit.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Soldado Raso*/
.SDR{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_private.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Soldade de Primeira Classe*/
.SPC{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_private_first.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Cabo*/
.CAB{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_croporal.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Sargento*/
.SGT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_sergeant.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*1º 2º 3º Sargento - Ajudante*/
.PSA1PSA3{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/psa10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º Sargento - Chefe*/
.SC1SC3{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º Sargento - Mestre*/
.SM1SM4{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sm10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Sargento - MOR do Comando*/
.SMC1SMC5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/smc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Segundo - Tenente*/
.ST1ST5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/st10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Primeiro - Tenente*/
.PT1PT5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/pt10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º  3º  4º  5º Capitão*/
.CAP1CAP5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cap10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Major*/
.MAJ1MAJ5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/maj10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Tenente - Coronel*/
.TNC1TNC5{
  background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/tnc1010.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*1º 2º 3º 4º 5º Coronel*/
.CEL1CEL5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cel10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
   /*General de Brigada*/
.GB{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv1.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*General de Divisão*/
.GD{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv2.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*Tenente - General*/
.TG{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv3.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*General*/
.GEN{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv4.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
   /*General do Exército*/
.GE{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv5.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
/* Personalização do Spoiler. Code, Hide e Quote
 * by DropLeet
 */
dl.codebox dt{
  background:url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0 0 transparent;
  border:0 none;
  color:#0372BE;
  font-size:.9em;
  padding-left:22px;
  text-transform:none
}
dl.codebox{
  background-color:#FFF;
  border:1px solid #C9D2D8;
  font-size:1em;
  padding:3px
}
dl.codebox dt{
  border-bottom:1px solid #CCC;
  display:block;
  font-size:.8em;
  font-weight:700;
  margin-bottom:3px;
  text-transform:uppercase
}
blockquote dl.codebox{
  margin-left:0
}
dl.codebox code{
  color:#2E8B57;
  display:block;
  font-family:Courier,CourierNew,sans-serif;
  font-size:.9em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:auto;
  line-height:1.3em;
  margin:2px 0;
  max-height:200px;
  overflow:auto;
  padding-top:5px;
  white-space:normal
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
  -moz-border-radius:5px;
  -moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
  -webkit-border-radius:5px 5px;
  -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
  background:none;
  background-color:#F9F9F9;
  background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));
  border:1px solid #DEDEDE;
  border-radius:5px 5px;
  box-shadow:0 1px 5px rgba(0,0,0,.15);
  padding:10px 20px;
}
.spoiler_content {
  background-color: #000000;
}
/* Remover FAQ
 * by DropLeet
 */
a[href="/faq"] {
  display: none !important;
}
/* Remoção de Menu Drop-Down Moderação
 * by DropLeet
 */
fieldset.quickmod {
  display: none;
}
/* Caixa de Cores Personalizada
 * by DropLeet
 * Necessário JS para o funcionamento.
 * Link: http://tutorialdoca.forumeiros.com/25829.js
 */
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/* Fórum em Manutenção */
.grfclose{background:url(http://i.imgur.com/el3Ct.png) no-repeat 99.9% 0}
/*Responsaveis pelo Forum.
* by DropLeet
*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*Formatação dos campos de perfil nas mensagens
* by DropLeet
*/
.postprofile dd, .postprofile dt {
  text-align: left;
  margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*Alterar Contorno das Categorias - Início*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #C1FA17;
    font-weight: bold;
    text-align: center;
}
div.h3{
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #C1FA17;
    font-weight: bold; 
    text-align: center;
}
/*Alterar Contorno dos Widgets - Início*/
.h3, .catHead {
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}
/* Correção do erro do nick (Fundo preto do banner)*/
dd.lastpost span.color-groups {
text-align: center !important;
float: none;
display: inline;
}
.module .h3 {
color: #C1FA17;
}
.module h3, .module .h3 {
text-align: center !important;
}
.postprofile {
text-align: center;
}
form[name="post"] .h3{color: #C1FA17;}
.headerbar {
background-color: #000000;
}
div.h3 {
color: #C1FA17;
border-color: #C1FA17;
}
.content h1, .panel h1 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
dl.hidecode {
background-color: #FFFFFF;
}
.content h2, .panel h2 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
/*Salvamento automático nos tópicos*/
#savec {
  position:relative;
}.save-bloc {
  dispay: none;
  color: #555!important;
  cursor: point;
  z-index: 999;
  padding: 5px;
  border: 1px solid #BCBCBC;
  background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
  display:none;
  top:20px;
  left:0px;
  position:absolute;
  white-space:nowrap;
}.save-bloc div:hover {
  color: #050505!important;
}.save-bloc div {
  cursor: pointer;
}.save-bloc select {
  background: #ccc;
  border: 1px solid #aaa;
  margin-bottom: 5px;
}
/* Alterar Search Box
 * by DropLeet
 */
#search-box #keywords {
width: 150px;
background: white;
border: 1px solid #B3B6AA;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999;
}
9-ltr.css:1
#search-box #keywords {
background-color: white;
width: 95px;
}
9-ltr.css:1
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
9-ltr.css:1
input.inputbox {
width: 85%;
}
9-ltr.css:1
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: black;
cursor: text;
padding: 2px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
9-ltr.css:1
button.button2, input.button1, input.button2 {
font-size: 1em;
}
#search #keywords:focus{
  width:290px
}
#search #keywords{
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  width:150px
}
img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{
  height:auto;
  width:46px
}
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qua 10 Jun 2015 - 23:00

Troque por este:
Código:
/* Ajuste da Barra_PT *(HTML) */
a:hover {
  text-shadow: none !Important;
}
/* Botão "Novo Tópico" em hover */
.i_post:hover img {background: url(http://i19.servimg.com/u/f19/17/53/75/18/new_to11.png)!important;z-index: 999;}
/*Ajuste na imagem de fundo (BG)*/
body {
    /*background-image: url('smiley.gif');*/
    background-repeat: y;
    background-attachment: fixed;
    background-position: center;
}
/*Remoção da Coluna "Última Mensagem"*/
/*dd.lastpost span {
display: none !important
}
dd.lastpost {
display: none !important;
}*/
/*Remoção da Descrição do Rank*/
.postprofile dd:nth-of-type(1) {
color: transparent;
}
/* Footer Bar */
#footerSw {
margin-top: 0px;
width: 100%;
background: #1E1E1E url('http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg') 50% 0 no-repeat;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center !important;
display: table;
border-top:3px solid #111;
}
#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center !important;
margin: 0 auto;
width: 200px; /* 320 */
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #C1FA17;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
p.copy {
  margin-top:-15px;
  text-align: center !important;
  color:#FFFFFF;
  position: relative;
}
/*Cor do Link - Houver - Inicio*/
a:hover{color:#45B334;text-shadow:none !Important;}
/*Firulas no nomes - Início*/
/*ZombieW*/
a[href="/u1"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #C1FA17
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo dos ADM*/
a[href="/g1-administradores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #C1FA17;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo de Banidos e dos Usuários*/
a[href="/g6-banidos"]{
  text-decoration: line-through;
}
a[href="/u118"]{
  text-decoration: line-through;
  color: #BD0000;
}
/*Firulas no nomes - Fim*/
/* Título para páginas HTML
 * by DropLeet
 */
.Titulo2 { /*Para títulos maiores*/
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/bgtitu10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
.TituloNoBG { /*Para títulos maiores*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloMedium { /*Para títulos/textos medianos*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
.TituloMediumL { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  /*text-shadow: 0 2px 5px black;*/
  line-height: 150%;
}
.TituloMediumR { /*Para títulos/textos medianos - Alinhados à Esquerda (Left)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: right;
  /*text-shadow: 0 2px 5px black;*/
  line-height: 150%;
}
.TituloSmall { /*Para títulos menores*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
  text-align: left;
  text-shadow: 0 2px 5px black;
  text-decoration: underline;
  line-height: 150%;
}
.TituloSmallR { /*Para títulos menores - Alinhados à Direito (Right)*/
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 12pt;
  text-align: right;
  /*text-shadow: 0 2px 5px black;*/
  line-height: 150%;
}
.CA { /* DIV */
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/bgtitu10.png');
background-size: 80%, 80%; /* CSS3 */
-moz-background-size: 80%, 80%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
CA { /* TAG */
  color: #ddd;
  font-family: Verdana, Tahoma, sans-serif;
  font-variant: small-caps;
  font-size: 17pt;
  text-align: center;
  text-shadow: 0 2px 5px black;
  line-height: 150%;
}
/*=========================================
Cor do texto no campo de mensagem (Novo Editor)
by Ace/Cream FdF
=========================================*/
.sceditor-container textarea {
color: #1F1F1F !important;
}
/*=========================================
Cor do campo de texto (Novo Editor)
by Ace/Cream FdF
=========================================*/
div.sceditor-container iframe, div.sceditor-container textarea {
background: #1F1F1F /*url(http://url de una imagen.jpg)*/  repeat !important;
color: white !important
}
/*=========================================
Avatar do Membro nos Últimos Tópicos
by DropLeet / Necessário JavaScript
=========================================*/
.avat-miembro {
    float: left;
    }
    .avat-miembro img {
    width: 40px;
    height: 40px;
    padding: 1px;
    margin: 0 5px;
    border-radius: 10px
    }
/* Joncov CSS style - ShiftActif, topic:  - NO ERASE */
.prettyprint .pln{color:#000}.prettyprint .str{color:#080}.prettyprint .kwd{color:#008}.prettyprint .com{color:#800}.prettyprint .typ{color:#606}.prettyprint .lit{color:#066}.prettyprint .fmvip{color:#660}.prettyprint .tag{color:#008}.prettyprint .atn{color:#606}.prettyprint .atv{color:#080}.prettyprint .dec{color:#606}.prettyprint .linenums li{border-left:3px solid #EBEFF9;padding-left:5px}.prettyprint{font-family:Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;font-size:13px;padding:2px}.prettyprint ol.linenums{margin-bottom:0;margin-top:0}ol.linenums:hover{list-style-type:none}/* Joncov CSS style - ShiftActif, topic:  - NO ERASE - END */
/*Erro caixa de Emoticon*/
#smiley-box, .smile-status-box {
background: #333333;
}
/* Cursores */
a:hover {
  cursor: url('http://i19.servimg.com/u/f19/17/53/75/18/aim_ve10.png'), url('http://i19.servimg.com/u/f19/17/53/75/18/aim_ve10.png'), auto;
}
body {
  cursor: url('http://i57.servimg.com/u/f57/17/53/75/18/cursor10.png'), url('http://i57.servimg.com/u/f57/17/53/75/18/cursor10.png'), auto;
}
/* Níveis de Alerta */
.alert{
  border:1px solid #4381CC;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#4381CC;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#C6D8F0;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
.alert2{
  border:1px solid #E2B500;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#E2B500;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#FFEA97;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
    border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
.alert3{
  border:1px solid #AD3F30;
  margin:10px 0px;
  padding:15px 10px 15px 60px;
  color:#AD3F30;
  background-repeat:no-repeat;background-position:10px center;
  background-color:#EFCEC9;
  background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png');
  box-shadow: 1px 1px 2px #666;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
}
/* Botoes Personalizados */
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}
/* Efeito Balão */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* Background em Tabelas Alfa x Bravo */
  /* Alfa */
table.Alfa{
  width:100%;
  background-image: url('http://img855.imageshack.us/img855/5481/alfabgtrans.png');
  background-repeat:no-repeat;
  background-color:#5E1414;
  background-position:center;
}
  /* Bravo */
table.Bravo{
  width:100%;
  margin-top:18px;
  background-image: url('http://img818.imageshack.us/img818/2227/bravobgtrans.png');
  background-repeat:no-repeat;
  background-color:#194350;
  background-attachment:static;
  background-position:center;
}
/* Floating */
  /* Direita */
img.Direita{
  float:right;
  margin-left:5px;
}
  /* Esquerda */
img.Esquerda{
  float:left;
  margin-right:5px;
}
/* Ranks e Patentes
  by DropLeet
 */
  /*Super Elite*/
.SE{
  background-image:url('');
  background-repeat:no-repeat;
  background-position:left top;
  color: #C1FA17;
  font-weight:bold;
  font-size: 10pt;
  font-variant: small-caps;
  text-shadow: 0 2px 5px black;
  margin-top:10px;
  padding-left:25px; /* Espaço entre o texto e a imagem */
  line-height: 150%; /* Completar a imagem */
}
  /*Moderador de Elite*/
.ME{
  background-image:url('http://img708.imageshack.us/img708/5345/elitet.gif');
  background-repeat:no-repeat;
  background-position:left top;
  color: #FAFA03;
  font-weight:bold;
  font-size: 10pt;
  font-variant: small-caps;
  text-shadow: 0 2px 5px black;
  margin-top:10px;
  padding-left:19px;
  line-height: 150%; /* Sem isso a imagem não aparecerá inteira*/
}
  /*Cadete*/
.CDT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_trainee.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*Recruta*/
.RCT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_recruit.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*Soldado Raso*/
.SDR{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_private.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*Soldade de Primeira Classe*/
.SPC{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_private_first.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*Cabo*/
.CAB{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_croporal.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*Sargento*/
.SGT{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_sergeant.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*1º 2º 3º Sargento - Ajudante*/
.PSA1PSA3{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/psa10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º Sargento - Chefe*/
.SC1SC3{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º Sargento - Mestre*/
.SM1SM4{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/sm10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º 5º Sargento - MOR do Comando*/
.SMC1SMC5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/smc10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º 5º Segundo - Tenente*/
.ST1ST5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/st10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º 5º Primeiro - Tenente*/
.PT1PT5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/pt10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º  3º  4º  5º Capitão*/
.CAP1CAP5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cap10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º 5º Major*/
.MAJ1MAJ5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/maj10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º 5º Tenente - Coronel*/
.TNC1TNC5{
  background-image:url('http://i57.servimg.com/u/f57/17/53/75/18/tnc1010.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*1º 2º 3º 4º 5º Coronel*/
.CEL1CEL5{
  background-image:url('http://i33.servimg.com/u/f33/17/53/75/18/cel10.png');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-top:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
}
  /*General de Brigada*/
.GB{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv1.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*General de Divisão*/
.GD{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv2.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*Tenente - General*/
.TG{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv3.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*General*/
.GEN{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv4.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
  /*General do Exército*/
.GE{
  background-image:url('http://levelupgames.uol.com.br/combat-arms/imagens/conteudo/patentes/icon_star_lv5.gif');
  background-repeat:no-repeat;
  background-position:left top;
  margin-top:5px;
  padding-left:25px;
  color: #FFFFFF;
  font-weight:bold;
  font-size: 8pt;
  font-variant: small-caps;
  line-height: 200%; /* Completar a imagem */
}
/* Personalização do Spoiler. Code, Hide e Quote
 * by DropLeet
 */
dl.codebox dt{
  background:url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0 0 transparent;
  border:0 none;
  color:#0372BE;
  font-size:.9em;
  padding-left:22px;
  text-transform:none
}
dl.codebox{
  background-color:#FFF;
  border:1px solid #C9D2D8;
  font-size:1em;
  padding:3px
}
dl.codebox dt{
  border-bottom:1px solid #CCC;
  display:block;
  font-size:.8em;
  font-weight:700;
  margin-bottom:3px;
  text-transform:uppercase
}
blockquote dl.codebox{
  margin-left:0
}
dl.codebox code{
  color:#2E8B57;
  display:block;
  font-family:Courier,CourierNew,sans-serif;
  font-size:.9em;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:auto;
  line-height:1.3em;
  margin:2px 0;
  max-height:200px;
  overflow:auto;
  padding-top:5px;
  white-space:normal
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
  -moz-border-radius:5px;
  -moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
  -webkit-border-radius:5px 5px;
  -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
  background:none;
  background-color:#F9F9F9;
  background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));
  border:1px solid #DEDEDE;
  border-radius:5px 5px;
  box-shadow:0 1px 5px rgba(0,0,0,.15);
  padding:10px 20px;
}
.spoiler_content {
  background-color: #000000;
}
/* Remover FAQ
 * by DropLeet
 */
a[href="/faq"] {
  display: none !important;
}
/* Remoção de Menu Drop-Down Moderação
 * by DropLeet
 */
fieldset.quickmod {
  display: none;
}
/* Caixa de Cores Personalizada
 * by DropLeet
 * Necessário JS para o funcionamento.
 * Link: http://tutorialdoca.forumeiros.com/25829.js
 */
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
/* Fórum em Manutenção */
.grfclose{background:url(http://i.imgur.com/el3Ct.png) no-repeat 99.9% 0}
/*Responsaveis pelo Forum.
* by DropLeet
*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*Formatação dos campos de perfil nas mensagens
* by DropLeet
*/
.postprofile dd, .postprofile dt {
  text-align: left;
  margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*Alterar Contorno das Categorias - Início*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #C1FA17;
    font-weight: bold;
    text-align: center;
}
div.h3{
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #C1FA17;
    font-weight: bold; 
    text-align: center;
}
/*Alterar Contorno dos Widgets - Início*/
.h3, .catHead {
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}
/* Correção do erro do nick (Fundo preto do banner)*/
dd.lastpost span.color-groups {
text-align: center !important;
float: none;
display: inline;
}
.module .h3 {
color: #C1FA17;
}
.module h3, .module .h3 {
text-align: center !important;
}
.postprofile {
text-align: center;
}
form[name="post"] .h3{color: #C1FA17;}
.headerbar {
background-color: #000000;
}
div.h3 {
color: #C1FA17;
border-color: #C1FA17;
}
.content h1, .panel h1 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
dl.hidecode {
background-color: #FFFFFF;
}
.content h2, .panel h2 {
color: #C1FA17;
border-bottom-color: #C1FA17;
}
/*Salvamento automático nos tópicos*/
#savec {
  position:relative;
}.save-bloc {
  dispay: none;
  color: #555!important;
  cursor: point;
  z-index: 999;
  padding: 5px;
  border: 1px solid #BCBCBC;
  background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
  display:none;
  top:20px;
  left:0px;
  position:absolute;
  white-space:nowrap;
}.save-bloc div:hover {
  color: #050505!important;
}.save-bloc div {
  cursor: pointer;
}.save-bloc select {
  background: #ccc;
  border: 1px solid #aaa;
  margin-bottom: 5px;
}
/* Alterar Search Box
 * by DropLeet
 */
#search-box #keywords {
width: 150px;
background: white;
border: 1px solid #B3B6AA;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999;
}
9-ltr.css:1
#search-box #keywords {
background-color: white;
width: 95px;
}
9-ltr.css:1
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
9-ltr.css:1
input.inputbox {
width: 85%;
}
9-ltr.css:1
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: black;
cursor: text;
padding: 2px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
9-ltr.css:1
button.button2, input.button1, input.button2 {
font-size: 1em;
}
#search #keywords:focus{
  width:290px
}
#search #keywords{
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  width:150px
}
img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{
  height:auto;
  width:46px
}

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qui 11 Jun 2015 - 1:26

@Shaman

Deu certo, porém, tem um problema na barra criada por você.

Podemos resolver neste tópico, ou preciso criar outro?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qui 11 Jun 2015 - 2:43

Se for sobre a mesma coisa, não vejo problema algum. Muito feliz
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qui 11 Jun 2015 - 3:57

Certo,

Imagino que quando você me passou o código do Widget em forma de página HTML, ele está a mesma coisa, certo?

Porém, se você for ver a barra original no http://www.tutorialdopw.com verá que à direita tem um texto + um selo de 12 anos.

No http://www.tutorialdoca.com deveria ter a mesma coisa, só que com um selo de 16 anos, porém, o selo não aparece.

Eu realizei um teste e removi o JS e voltei a colocar o Widget, e o selo está lá normalmente.

Sabe o que pode ter ocorrido para isso acontecer?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por Shaman Qui 11 Jun 2015 - 4:26

Troque o HTML por este:

Código:
<style>
/*=========================================
Barra Perfect Team Org (CA)
by DropLeet
=========================================*/
/* Descer o banner */
#logo-desc {
margin-top:43px;
}
/* Estrutura da Barra Perfect Team */
#pt_bar {
/*min-width: 100%;*/
}
#pt_bar {
height: 43px;
padding-bottom: 6px;
background: url(http://s3.amazonaws.com/nxcache/all/img/gnt_gradients.png) 0 -128px repeat-x;
position: relative;
/*z-index: 10000;*/
font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;
font-size: 13px;
line-height: 19px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
#pt_bar a {
color: #4B77D8;
outline: none;
}
#pt_bar a::selection {
background: #2662B2;
color: white;
text-shadow: none;
}
/* Logotipo Perfect Team */
#pt_logo {
text-indent: -9999px;
height: 43px;
width: 56px;
float: left;
margin-left: 20px;
background: url(http://imageshack.us/a/img221/2316/perfectteamlogo.png) no-repeat;
}
/* Menu */
#cssmenu{
height:48px;
display:block;
padding:0;
margin:20px auto; 
border:1px solid;
border-radius:5px;
}
#cssmenu > ul {
list-style:inside none;
padding:0;
margin:0;
}
#cssmenu > ul > li {
list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}
#cssmenu > ul > li > a{
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
}
#cssmenu > ul > li:first-child > a{
border-radius:5px 0 0 5px;
}
#cssmenu > ul > li > a:after{
content:'';
position:absolute;
top:-1px;
bottom:-1px;
right:-2px;
z-index:99;
}
#cssmenu ul li.has-sub:hover > a:after{
top:0;
bottom:0;
}
#cssmenu > ul > li.has-sub > a:before{
content:'';
position:absolute;
top:18px;
right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before{
top:19px;
}
#cssmenu ul li.has-sub:hover > a{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px;
z-index:999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
}
#cssmenu ul li.has-sub > a:hover{
background:#3f3f3f;
border-color:#3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div{
display:none;
width:auto;
position:absolute;
top:38px;
padding:10px 0;
background:#3f3f3f;
border-radius:0 0 5px 5px;
z-index:999;
}
#cssmenu ul li > ul{
width:200px;
}
#cssmenu ul li > ul li{
display:block;
list-style:inside none;
padding:0;
margin:0;
position:relative;
}
#cssmenu ul li > ul li a{
outline:none;
display:block;
position:relative;
margin:0;
padding:8px 20px;
font:10pt Arial, Helvetica, sans-serif;
color:#fff; /* Cor dos itens do li */
text-decoration:none;
text-shadow: none !Important;
}
li.hover a:hover{ /* Cor de seleção da class hover em li */
background: rgb(167,199,220); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWIyZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-8 */
}
#cssmenu{
border-color:transparent;
}
#cssmenu > ul > li > a{
border-right:1px solid #BEC0C2;
color:#2C53AD; /* Cor dos itens do ul */
display: block;
line-height: 23px;
padding-right: 15px;
font-size: 16px;
font-weight: 600;
font-family: Klavika,sans-serif;
}
#cssmenu > ul > li:hover {
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:after{
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:hover{
background: #2662B2;
color: white;
text-shadow: none !important;
}
/* Classificação */
a.classificacao {
text-decoration:none;
}
.classificacao {
background: url(http://levelupgames.uol.com.br/commonImages/selo16anos.gif) no-repeat transparent;
float: right;
margin-right: 0px;
margin-left: 13px;
margin-top: 3px;
display:block;
}
p.classific {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
padding: 0 5px 0 45px;
text-align: center;
max-height: 30px;
margin-top: 3px;
margin-right: 10px;
color:black;
}
/*=========================================
Redes Sociais Flutuantes
by DropLeet
=========================================*/
.headline-right{
  float:right;
  width:300px
}
.headline a:hover{
  color:#eace12;
  text-decoration:underline
}
ul.isocial{
  list-style:none;
  margin:0;
  padding:0px 20px 0 0
}
ul.isocial li{
  float:right;
  margin:5px 2px;
  padding:0
}
ul.isocial li a{
  float:right;
  background-image:url(http://img854.imageshack.us/img854/7936/socialletter.png);
  background-position:0 0;
  background:repeat:no-repeat;
  display:inline-block;
  text-indent:-9999px;
  overflow:hidden;
  width:24px;
  height:24px;
  position:relative;
}
ul.isocial li a.rss{
  background-position:0 0
}
ul.isocial li a.rss:hover{
  background-position:0 -25px
}
ul.isocial li a.facebook{
  background-position:-25px 0
}
ul.isocial li a.facebook:hover{
  background-position:-25px -25px
}
ul.isocial li a.twitter{
  background-position:-50px 0
}
ul.isocial li a.twitter:hover{
  background-position:-50px -25px
}
ul.isocial li a.google{
  background-position:-75px 0
}
ul.isocial li a.google:hover{
  background-position:-75px -25px
}
ul.isocial li a.youtube{
  background-position:-100px 0
}
ul.isocial li a.youtube:hover{
  background-position:-100px -25px
}
</style>
<!--    Barra PT    -->
<div style="top:-20px; left:0px;position:absolute;width:100%">
   
  <div id="pt_bar">
        <a href="//www.perfectteam.org/" id="pt_logo">Perfect Team</a> 
      <div id="cssmenu">
         
        <ul>
                 
            <li class="has-sub">
                <a href="#"><span>Sites</span></a>       
              <ul>
                             
                  <li class="hover">
                      <a href="//www.tutorialdoca.com"><span>Tutorial do CA</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="//www.tutorialdopw.com"><span>Tutorial do PW</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="//www.pwbrchannel.blogspot.com.br"><span>PWBRChannel</span></a> 
                  </li>
                           
              </ul>
                   
            </li>
                 
            <li class="has-sub">
                <a href="#"><span>Parceiros</span></a>       
              <ul>
                             
                  <li class="hover">
                      <a target="_blank" href="http://levelupgames.uol.com.br/levelup/"><span>Level UP! Games</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a target="_blank" href="http://www.radiogamesbrasil.com.br/"><span>Rádio Games Brasil</span></a> 
                  </li>
                           
              </ul>
                   
            </li>
                   
            <li class="has-sub">
                <a href="#"><span>Staff / Equipe</span></a>     
              <ul>
                             
                  <li class="hover">
                      <a href="/u1"><span>ZombieW</span></a> 
                  </li>
                   
                  <li class="hover">
                      <a href="/u12"><span>MrFoxnine</span></a> 
                  </li>
                   
                  <li class="hover">
                      <a href="/u27"><span>ZyyGamer</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u529"><span>iDetento</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u382"><span>SS105</span></a> 
                  </li>
                   
                  <li class="hover">
                      <a href="/u804"><span>ImK-Mode</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
                   
            <li class="has-sub">
                <a href="#"><span>Antigos YouTuber's</span></a>     
              <ul>
                             
                  <li class="hover">
                      <a href="/u5"><span>Master_Ace</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u20"><span>-EnY_KILLFOX</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u170"><span>OrlamoHD</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u230"><span>MrBadS2</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u385"><span>Jacked</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u387"><span>Guilhermeo9</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u381"><span>BanguelaGamer</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u434"><span>-KageBoy-</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u445"><span>PANT3R</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="/u500"><span>ImpostorGP (Soundwave)</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
                 
            <li class="has-sub">
                <a href="#"><span>TeamSpeak 3</span></a>   
              <ul>
                             
                  <li class="hover">
                      <a href="#"><span>perfectteam.ts3gamer.com.br</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
                 
            <li class="has-sub">
                <a href="#"><span>Webmail</span></a>   
              <ul>
                             
                  <li class="hover">
                      <a href="//webmail.tutorialdopw.com"><span>Tutorial do PW</span></a> 
                  </li>
                             
                  <li class="hover">
                      <a href="//webmail.tutorialdoca.com"><span>Tutorial do CA</span></a> 
                  </li>
                         
              </ul>
                     
            </li>
             
        </ul>
          <a class="classificacao" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&amp;tbjogo_codigo=1948" target="_blank" original-title=""><p class="classific">
               NÃO RECOMENDADO PARA<br>MENORES DE 16 ANOS <br>
               Contém: Agressão Física
   </p></a>
      </div>
       
  </div>
</div>

Acho que agora vai funcionar Muito feliz

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por ZombieW Qui 11 Jun 2015 - 14:39

@Shaman

Você é meu mais novo herói! (não me desfaço dos que já me ajudaram, só incluo mais pessoas na lista)

Obrigado!
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Incorporar Widget no Template

Mensagem por RafaelS. Qui 11 Jun 2015 - 17:07

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.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

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