Incorporar Widget no Template
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Incorporar Widget no Template
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
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 11.06.15 14:40, editado 1 vez(es)
Re: Incorporar Widget no Template
Bom dia, poderia passar o código deste widget por gentileza?
Até mais!
Até mais!
Re: Incorporar Widget no Template
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>
Re: Incorporar Widget no Template
Olá, acho que descobri um jeito, vamos lá.
Crie uma página HTML com o código:
Guarde o link da página HTML.
Agora, crie um novo JavaScript com investimento em todas as páginas com o seguinte código:
Agora troque o 1 do /h1- pelo numero da página HTML criada anteriormente.
Abs.
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>
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.
Re: Incorporar Widget no Template
@Shaman
Deu certo, editei uma página HTML e removi o código que era usado no Widget e ficou bem mais "enxuto":
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
Deu certo, editei uma página HTML e removi o código que era usado no Widget e ficou bem mais "enxuto":
- Spoiler:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="pt" xml:lang="pt" ><head>
<style type="text/css">
/*Título para páginas HTML
* by DropLeet
*/
.Titulo {
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://img835.imageshack.us/img835/5259/bgtitulo.png');
background-size: 50%, 50%; /* CSS3 */
-moz-background-size: 50%, 50%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
</style>
<title>Comparativo das Armas Míticas</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://i75.servimg.com/u/f75/17/53/75/18/clatdc10.png" /><meta name="title" content="Reviews" /><link rel="stylesheet" href="http://www.tutorialdoca.com/81-ltr.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Tutorial do CA" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/33/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><style type="text/css">#page-footer, div.navbar, div.navbar ul.linklist {display: block !important;}ul.linklist li.rightside, ul.linklist li.rightside a.copyright {display: inline !important;}</style><script src="http://www.tutorialdoca.com/99387.js" type="text/javascript"></script><base href="http://www.tutorialdoca.com/"></head>
<br /><br />
<br /><br />
<br /><br /><div align="center">
<img src="http://i39.servimg.com/u/f39/17/53/75/18/armas_11.png" />
<table>
<tbody>
<tr><td>
<div align="center"><table border="10"><tr><td colspan="2"><center><b><a href="http://www.tutorialdoca.com/t317-#488">Azazel (Mítica)</a></b></center></td></tr>
<tr><td colspan="2"><center><img src="http://i16.servimg.com/u/f16/17/53/75/18/270px-10.jpg" /></center></td></tr><tr><td><b>Tipo</b></td><td>Assalt Rifle (AR)</td></tr>
<tr><td><b>Restrição</b></td><td>N/A</td></tr><tr><td><b>Popularidade</b></td><td>Baixa Devido Raridade</td></tr><tr><td><b>Recursos</b></td><td>N/A</td></tr>
<tr><td><b>Quantidade de Balas</b></td><td><center>35 / 105</center></td></tr><tr><td><b>Modo de Disparo</b></td><td>Automático / Rajada</td></tr>
<tr><td><b>Modificações</b></td><td><img src="http://i33.servimg.com/u/f33/17/53/75/18/0110.jpg" /></td></tr><tr><td><b>Dano</b></td><td>43 / 100</td></tr>
<tr><td><b>Portabilidade</b></td><td>70 / 100</td></tr><tr><td><b>Cadência de Tiro</b></td><td>74 / 100</td></tr><tr><td><b>Precisão</b></td><td>80 / 100</td></tr>
<tr><td><b>Recuo</b></td><td>63 / 100</td></tr></table></div>
</td><td>
<div align="center"><table border="10"><tr><td colspan="2"><center><b><a href="http://www.tutorialdoca.com/t383-#555">Azazel Revived (Mítica)</a></b></center></td></tr>
<tr><td colspan="2"><center><img src="http://i38.servimg.com/u/f38/17/53/75/18/250px-15.png" /></center></td></tr><tr><td><b>Tipo</b></td><td>Assalt Rifle (AR)</td></tr>
<tr><td><b>Restrição</b></td><td>N/A</td></tr><tr><td><b>Popularidade</b></td><td>Baixa Devido Raridade</td></tr><tr><td><b>Recursos</b></td><td>N/A</td></tr>
<tr><td><b>Quantidade de Balas</b></td><td><center>35 / 105</center></td></tr><tr><td><b>Modo de Disparo</b></td><td>Automático / Rajada</td></tr>
<tr><td><b>Modificações</b></td><td><img src="http://i33.servimg.com/u/f33/17/53/75/18/0110.jpg" /></td></tr><tr><td><b>Dano</b></td><td>43 / 100</td></tr>
<tr><td><b>Portabilidade</b></td><td>70 / 100</td></tr><tr><td><b>Cadência de Tiro</b></td><td>74 / 100</td></tr><tr><td><b>Precisão</b></td><td>80 / 100</td></tr>
<tr><td><b>Recuo</b></td><td>63 / 100</td></tr></table></div>
</td><td>
<div align="center"><table border="10"><tr><td colspan="2"><center><b><a href="http://www.tutorialdoca.com/t318-#489">Orthus (Mítica)</a></b></center></td></tr>
<tr><td colspan="2"><center><img src="http://i57.servimg.com/u/f57/17/53/75/18/200px-18.png" /></center></td></tr><tr><td><b>Tipo</b></td><td>Submachine Gun (SMG)</td></tr>
<tr><td><b>Restrição</b></td><td>N/A</td></tr><tr><td><b>Popularidade</b></td><td>Baixa Devido Raridade</td></tr><tr><td><b>Recursos</b></td><td>N/A</td></tr>
<tr><td><b>Quantidade de Balas</b></td><td><center>70 / 70</center></td></tr><tr><td><b>Modo de Disparo</b></td><td>Automático</td></tr>
<tr><td><b>Modificações</b></td><td><img src="http://i33.servimg.com/u/f33/17/53/75/18/0210.png" /></td></tr><tr><td><b>Dano</b></td><td>39 / 100</td></tr>
<tr><td><b>Portabilidade</b></td><td>63 / 100</td></tr><tr><td><b>Cadência de Tiro</b></td><td>90 / 100</td></tr><tr><td><b>Precisão</b></td><td>74 / 100</td></tr>
<tr><td><b>Recuo</b></td><td>63 / 100</td></tr></table></div>
</td></tr>
</tbody><tbody>
<tr><td>
<div align="center"><table border="10"><tr><td colspan="2"><center><b><a href="http://www.tutorialdoca.com/t712-#888">Andromalius (Mítica)</a></b></center></td></tr>
<tr><td colspan="2"><center><img src="http://i70.servimg.com/u/f70/17/53/75/18/250px-13.png" /></center></td></tr><tr><td><b>Tipo</b></td><td>Sniper Rifle (SR)</td></tr>
<tr><td><b>Restrição</b></td><td>N/A</td></tr><tr><td><b>Popularidade</b></td><td>Baixa Devido Raridade</td></tr><tr><td><b>Recursos</b></td><td>Supressor / Scope</td></tr>
<tr><td><b>Quantidade de Balas</b></td><td><center>6 / 24</center></td></tr><tr><td><b>Modo de Disparo</b></td><td>Ferrolho</td></tr>
<tr><td><b>Modificações</b></td><td><img src="http://i33.servimg.com/u/f33/17/53/75/18/0510.jpg" /></td></tr><tr><td><b>Dano</b></td><td>100 / 100</td></tr>
<tr><td><b>Portabilidade</b></td><td>50 / 100</td></tr><tr><td><b>Cadência de Tiro</b></td><td>13 / 100</td></tr><tr><td><b>Precisão</b></td><td>98 / 100</td></tr>
<tr><td><b>Recuo</b></td><td>57 / 100</td></tr></table></div>
</td><td>
</td><td>
<div align="center"><table border="10"><tr><td colspan="2"><center><b><a href="http://www.tutorialdoca.com/t319-#490">Legion (Mítica)</a></b></center></td></tr>
<tr><td colspan="2"><center><img src="http://i16.servimg.com/u/f16/17/53/75/18/250px-10.png" /></center></td></tr><tr><td><b>Tipo</b></td><td>Machine Gun (MG)</td></tr>
<tr><td><b>Restrição</b></td><td>N/A</td></tr><tr><td><b>Popularidade</b></td><td>Baixa Devido Raridade</td></tr><tr><td><b>Recursos</b></td><td>N/A</td></tr>
<tr><td><b>Quantidade de Balas</b></td><td><center>500 / 0</center></td></tr><tr><td><b>Modo de Disparo</b></td><td>Automático</td></tr>
<tr><td><b>Modificações</b></td><td><img src="http://i33.servimg.com/u/f33/17/53/75/18/0210.png" /></td></tr><tr><td><b>Dano</b></td><td>34 / 100</td></tr>
<tr><td><b>Portabilidade</b></td><td>15 / 100</td></tr><tr><td><b>Cadência de Tiro</b></td><td>100 / 100</td></tr><tr><td><b>Precisão</b></td><td>55 / 100</td></tr>
<tr><td><b>Recuo</b></td><td>90 / 100</td></tr></table></div>
</td></tr>
</tbody>
</table>
<br />
<font size="5">Curiosidades</font>
<br />
<br />
<ul>
<li>Até o momento, as armas Míticas estão disponíveis nas Supply Cases:</li>
<br />
<ul>
<li>• MYST-Épica, no preço de 9.900 <font color="orange">NX</font> cada.</li>
<li>• MYST-Mítica, no preço de 2.000 <font color="orange">NX</font> cada.</li>
<li>• MYST-Infinita, no preço de 19.900 <font color="orange">NX</font> cada.</li></ul></ul>
<br />
</div><div class="TituloNoBG">© Tutorial do CA</div>
</body>
</html></div></div></div></div><div id="emptyidright"></div></div></div></div></div><div id="page-footer"><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist clearfix"><li class="footer-home"><a class="icon-home" href="" accesskey="h"></a></li></ul><span class="corners-bottom"><span></span></span></div></div><p class="copyright"><br></p></div></div></div></div></div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script></body></html>
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
Re: Incorporar Widget no Template
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:
Resulta?
Shaman
Adicione em seu CSS e teste por gentileza:
- Código:
a:hover {
text-shadow: none !Important;
}
Resulta?
Shaman
Re: Incorporar Widget no Template
@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.
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.
Re: Incorporar Widget no Template
Olá, troque o código do menu por este:
Até mais!
- 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!
Re: Incorporar Widget no Template
@Shaman
Já aviso que ela é bem grandinha:
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
}
Re: Incorporar Widget no Template
Troque por este:
Até mais!
- 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!
Re: Incorporar Widget no Template
@Shaman
Deu certo, porém, tem um problema na barra criada por você.
Podemos resolver neste tópico, ou preciso criar outro?
Deu certo, porém, tem um problema na barra criada por você.
Podemos resolver neste tópico, ou preciso criar outro?
Re: Incorporar Widget no Template
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?
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?
Re: Incorporar Widget no Template
Troque o HTML por este:
Acho que agora vai funcionar
Até mais!
- 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=&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
Até mais!
Re: Incorporar Widget no Template
@Shaman
Você é meu mais novo herói! (não me desfaço dos que já me ajudaram, só incluo mais pessoas na lista)
Obrigado!
Você é meu mais novo herói! (não me desfaço dos que já me ajudaram, só incluo mais pessoas na lista)
Obrigado!
Re: Incorporar Widget no Template
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Personalizar widget no template
» Widget por template bugado
» Widget twitter no template
» Atualização do template do widget "Tópicos recentes"
» Template
» Widget por template bugado
» Widget twitter no template
» Atualização do template do widget "Tópicos recentes"
» Template
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos