Colocar efeito nos tópicos de sttafs

3 participantes

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

Tópico resolvido Colocar efeito nos tópicos de sttafs

Mensagem por Yrley 13.05.13 0:31

Qual é minha questão:
Olá,

Gostaria de saber como posso adicionar este efeito que possui aqui no Fórum dos Fóruns. 
O efeito é aquele de quando os Staff postam fica tipo de um degradê atrás!

Obrigado,

Até Mais zen

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

Versão do fórum:
PUNBB
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Sking 13.05.13 1:05

Olá, poderia ser mais especifico ?
Até mais
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Convidado 13.05.13 1:19

Saudações!

Queira checar https://ajuda.forumeiros.com/t61132-

Até. Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por MateusA 13.05.13 15:49

<div>Olá,<br /><br /><table style="background: #FFFFFF url('https://2img.net/i/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Modúlos <img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />HTML & JS<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Gestão dos JavaScript<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Criar Novo JavaScript</font></span></td></tr></table><br />Cole o codigo e salve.<br /><dl class="codebox"><dt>Código:</dt><dd><code> jQuery(document).ready(function(){
jQuery("div.post:has('.admin')").css('background','url(https://i.imgur.com/6QFgj.png) repeat-y top right')})</code></dd></dl><br />

<table style="background: #FFFFFF url('https://2img.net/i/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Úsuarios e Grupos <img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Ranks<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Adiministração dos Ranks<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Clique em Editar Qualquer um</font></span></td></tr></table><br />Troque o Titulo do Rank por esse codigo<br /><dl class="codebox"><dt>Código:</dt><dd>
Código:
<span class="admin">TITULO DO RANK</span>
</dd></dl>

<br /><i>Cordialmente.</i></div>
Resulta?
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Yrley 13.05.13 17:29

Olá,

Não funciona, será que meu modelo não deixa? Caso queiram minha CSS posso passar.

Até Mais zen
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Sking 13.05.13 18:08

Olá, mande a sua CSS
pra eu dá uma olhada

Até mais
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Yrley 13.05.13 18:21

Olá,

Aqui está:

Código:
#pun-logo {
margin: 0 0 2px 0;
padding-left: 10px;
float: left;
  height: 167px;
width: 187px;
  overflow: hidden;
  display: block;
}

body {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/bg.png) repeat-x;
color: #2C2C2C;
font: normal 12px/1.5 Arial, sans-serif;
margin: 0;
padding: 0;
}


#header {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/header_bg.png) no-repeat;
position: relative;
  padding-bottom: 150px;
margin-top: -18px;
}

p#pun-desc {
visibility: hidden;
}

#pun-title h1 {
background: transparent;
visibility: hidden;
}
#pun-title {
background: transparent;
visibility: hidden;
}
#pun-intro {
  border: none;
background: transparent;
}

.pun {
width: 85%;
margin: 0 auto;
padding: 0 10px;
min-width: 768px;
  max-width: 1200px;
}
.menu {
list-style: none;
padding: 0;
margin: -12px auto;
background: url() no-repeat;
float: left;
}
.menu a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_bg.png) no-repeat 0 -86px;
  text-decoration: none;
}
.menu li:hover {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center -30px;
  text-decoration: none;
}
.menu li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}


.menu1 {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.menu1 a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 -40px;
}

.menu1 li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}
.menu2 {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.menu2 a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 5px;
}

.menu2 li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}
.menu3 {
list-style: none;
padding: 0;
margin: 0;
float: left;
}
.menu3 a {
display: block;
font-size: 14px;
font-weight: bold;
color: white!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 #3E5506;
padding-left: 40px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/menu_icons.png) no-repeat 0 -130px;
}

.menu3 li {
display: block;
float: left;
margin-right: 25px;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 200px;
position: relative;
}

#pun-visit {
background: #EEE url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/highlight.png) repeat-x 0 0;
border: 1px solid #D8D8D8;
font-size: 11px;
font-weight: 700;
padding: 8px;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  margin: 0 auto;
}
.main-box{
background: #EEE url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/highlight.png) repeat-x 0 0;
border: 1px solid #D8D8D8;
font-size: 11px;
font-weight: 700;
padding: 8px;
text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  }
#pun-visit ul, .main-box ul {
float: none;
  width: 80%;
}
.pun a:visited {
color: #86B412;
  text-decoration: none!Important;
}
.pun a:visited:hover {
  color: #608404;
  text-decoration: none!Important;
  }
.pun a:link {
color: #86B412;
  text-decoration: none!Important;
}
.pun a:link:hover {
color: #608404;
  text-decoration: none!Important;
}

.main .main-head {
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
height: 23px;
  margin-top: 15px;
}

.pun table.table th {
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
}

.pun .paged-foot, .pun .paged-head {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 10px 0;
}

#foruswrap {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 20px 0 10px 0;
}

#foruswrap1 {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 90px 0 10px 0;
}
.pun-crumbs {
background: #E7E7E7 url(http://img76.xooimage.com/files/a/0/0/secondary_nav_bg-3644e4e.png) repeat-x 0 0;
border-bottom: 1px solid #D1D0D0;
border-top: 1px solid #E6E6E6;
line-height: 36px;
max-height: 30px;
overflow: hidden;
text-shadow: white 0 1px 0;
  margin-top: 90px;
}
.pun-crumbs a {
background: url(http://img76.xooimage.com/files/2/0/1/secondary_nav-3644c51.png) no-repeat 100% -2px;
font-size: 11px;
padding: 12px 17px 12px 4px;
    color: #757575!Important;
}

.pun-crumbs a:hover {
  color: #121212!Important;
  }
.pun-crumbs p {
font-size: 0;
line-height: 30px;
margin: 0;
}

#search {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/search_bg.png);
background-repeat: no-repeat;
margin: -3px 5px 0 0;
width: 219px;
padding-left: 10px;
height: 30px;
float: right;
}
span, p, form {
margin: 0;
padding: 0;
}
#search input.search_input {
background: none!Important;
border: none!Important;
outline: none;
margin: 0;
width: 160px;
  padding: 5px 0;
color: white;
}

ul#pun-legend, ul.pun-legend {
list-style-type: none;
margin-bottom: 20px;
text-align: left;
}

.roundframe
{
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 14px 12px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
margin: 10px 0;
}
.roundframe dl, .roundframe dt, .roundframe p
{
   margin: 0;
}
.roundframe p
{
   padding: 2px;
  font-size: 11px;
}
div.roundframe div.cat_bar
{
   margin-bottom: 0;
  color:#EEE;
  font-size: 14px;
}
div.roundframe div.cat_bar h3.catbg
{
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
  height: 20px;
  font-weight: bold;
}
div.title_barIC
{
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
   margin-bottom: 3px;
  margin-top: 5px;
  line-height: 40px;
}
div.title_barIC h4.titlebg
{
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
height: 25px;
line-height: 32px;
font-size: 1.1em;
  font-weight: bold;
  margin-top: -5px;
}
#upshrinkHeaderIC p.pminfo
{
   margin: 0;
   padding: 0.5em;
}

#upshrinkHeaderIC a
{
color: #86B412;
}
img#upshrink_ic, img#newsupshrink
{
   float: right;
   margin: 0px auto;
}

#footer-wrap {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/header_bg.png) no-repeat right 0;
width: 85%;
margin: 0 auto;
  height: 100px;
}
#footer {
background: url(http://www.audentio.com/demo/mybb16/images/glowing/bg.png) repeat-x 0 0;
color: #949494;
  margin-top: -70px;
  line-height: 25px;
}

#footer .smf_copyright { float: left;}
#footer .ds_copyright { float: right; text-align: right;}
#footer p { color: #949494;
font-size: 11px;
}
#footer, #footer a { color: #86B412; font-size: 11px;
font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif; text-decoration: none;}
#footer a:hover { text-decoration: none; color: #608404;}

.main .main-foot {
background: #171717 url(http://www.audentio.com/demo/mybb16/images/glowing/tcat_bg.png) repeat-x 0 bottom;
color: white;
}

.pun table.table td {
background-color: #F0F0F0;
border: none;
border-style: none;
  font-size: 11px;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #F0F0F0;
}

.hierarchy {
font-size: 13px!Important;
}

h2.topic-title {
font-weight: normal!Important;
}

#stats {
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
color: white;
border: 1px solid #83A413;
border-bottom: 1px solid #86A90B;
text-shadow: 0 1px 0 #3E5506;
font-size: 14px;
padding: 8px 10px 7px 10px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topright: 6px
}
#tabs {
margin-top: 90px;
}
#pun-about {
visibility: hidden;
margin: 0 auto;
}

#user_navigation {
font-size: 12px;
height: 36px;
line-height: 36px;
list-style-type: none;
margin-top: 0px;
overflow: hidden;
position: absolute;
left: auto;
top: 228px;
width: 500px;
}
#user_navigation a {
float: left;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
    text-decoration: none;
  text-shadow: 0 1px 0 white;
}
#user_navigation a:hover {
  display:block;
  color: white;
    text-decoration: none;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
  border-radius: 3px;
  background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/glow1.png) no-repeat center 0;
  text-shadow: 0 1px 0 #3E5506;
  }
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}

#logueado {
    display: block;
  position: relative;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: -200px;
margin-top: -120px;
font-size: 11px;
float: right;
font-weight: 400px;
color: #686868!Important;
height: 48px;
line-height: 48px;
text-shadow: 0 1px 0 white;
padding-left: 40px;
background: #f0f0f0 url(http://cdn1.iconfinder.com/data/icons/professional-toolbar-icons-png/32/Login.png) no-repeat 0 8px;
}
#registerbutton {
  position: relative;
  list-style-type: none;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
  border-radius: 3px;
display: block;
  margin-left: -200px;
margin-top: -120px;
font-size: 11px;
float: left;
font-weight: 400px;
color: #686868!Important;
height: 35px;
line-height: 42px;
  padding: 0 30px;
text-shadow: 0 1px 0 white;
background: url(http://www.audentio.com/demo/mybb16/images/glowing/register_bg.png) no-repeat 0 8px;
}

#profile-advanced-details dl {
background: transparent;
  display: block;
padding: 10px 8px;
outline: 0;
color: #8D8D8D;
  text-shadow: 0px 1px 1px #F0F0F0;
}

#profile-advanced-right {
margin-top: 140px;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0;
margin-bottom: auto;
  margin-top: auto;
}
#tabs ul li.activetab {
background-color: transparent;
background-image: url(http://i.imgur.com/fely2.png);
background-position: right -102px;
}
#tabs ul li.activetab a {
background-color: transparent;
background-image: url(http://i.imgur.com/fely2.png);
background-position: 0 -68px;
color: #4E4E4E;
font-weight: 700;
  }
#tabs ul li.activetab a:hover {
  background-color: transparent;
  color: black;
  }
#tabs ul li {
background-image: url(http://i.imgur.com/fely2.pngg);
background-position: right -34px;
background-repeat: no-repeat;
color: #474747!important;
float: left;
font-family: Arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 34px;
padding-right: 13px;
text-decoration: none;
text-shadow: 1px 1px 1px white!important;
  margin-top: 0;
  margin-bottom: 15px;
}

#tabs ul li a {
  background-color: transparent;
background-image: url(http://i.imgur.com/fely2.png);
border: none;
display: block;
font-weight: 700;
height: 34px;
padding: 0 0 0 17px;
padding: 2px 1em;
}
#tabs ul li a:hover {
background-color: transparent;
  }
#profile-advanced-layout #tabs {
bottom: 0;
position: relative;
}
#profile-advanced-layout #new-message-link {
bottom: -64px;
}
#profile-advanced-details .main-content {
background: white;
    border: 1px solid gainsboro;
}
#profile-advanced-details .stats-field {
  border: 1px solid gainsboro;
}
#profile-advanced-left #profile-advanced-details .main-content.clearfix .stats-field.genmed legend {
background: #E9E9E9;
border: 1px solid #DDD;
border-radius: 2px;
padding: 1px 10px;
  font-weight: 700;
}
#profile-advanced-details .stats-field li {
background: #F8F8F8;
  border-bottom: 1px solid #DDD;
}

.title-overview {
background-color: #F0F6FB;
padding: 5px 5px 0 0;
  margin-top: -90px;
}

.center-overview {
padding: .5em;
background: #F0F6FB;
}

.overview {
background: #F0F6FB;
  background: none!Important;
  border: none!Important;
}

#profile-advanced-add {
margin-bottom: -10px;
margin-top: 10px;
padding: 7px 0 6px;
  text-align: center;
}

/*-------------------Guia BB Code Icon-------------------*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited { background: url(http://cdn1.iconfinder.com/data/icons/famfamfam_mini_icons/icon_info.gif) !important; background-position: left center; background-repeat: no-repeat !important; padding: 2px 0 2px 20px; color: white; }
/*-------------------Final Guia BB Code Icon-------------------*/

/*-------------------BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
.pun .frm .frm-buttons input {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 31px;
min-width: 54px;
padding: 0 8px;
text-align: center;
vertical-align: middle;
  }
.pun .frm .frm-buttons input:hover {
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
  }
pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
/*-------------------Final BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
#quick_reply .frm-buttons {
text-align: center;
}
button, input, select, textarea {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
border-radius: 2px;
color: #666;
min-width: 20px;
vertical-align: middle;
  background: #F3F3F3!Important;
border: 1px solid #666!Important;
  line-height: 20px;
  }
button, input, select, textarea:hover {
outline: 0;
color: #333;
    }
/*-------------------Iconos de respuesta rapida-------------------*/
button.button2, input.button2 {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 12px;
min-width: 25px;
padding: 5px 10px;
text-align: center;
vertical-align: middle; 
}
button.button2, input.button2:hover {
  -moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
  }
/*-------------------Final Iconos de respuesta rapida-------------------*/

.pun .posthead {
background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed #CCC;
font-size: 13px;
line-height: 30px;
padding: .1em .5em .5em 0;
text-shadow: 1px 1px 0 white;
}

.postfoot {
  background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 10px 10px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}
.pun .postmain {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}

.pun .main-content {
 background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: none;
}

.pun .post {
 background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 0;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}

.pun .sig-content {
  background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border-top: 1px solid #D5D5D5;
}

/* Code,Spoiler,Quote*/
.codebox {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.0em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
}

.codebox dt {
background: url(http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png) .1em .1em no-repeat;
background-position: right;
border-bottom: 3px double #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.2em!important;
font-weight: 700!important;
margin-bottom: 5px;
margin-top: -5px;
padding: 8px!important;
position: relative;
text-align: left;
text-shadow: 1px 1px 1px white;
}

.postmain blockquote, blockquote {
background: #FCFCFC url(http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/snapback.png) .1em .1em no-repeat;
border: 1px solid #E3E3E3;
border-top: 0;
box-shadow: 0 2px 10px #D6D6D6;
color: #9F9F9F;
font-size: 12px;
font-weight: 400;
line-height: 1.4em;
margin: .1em 0 .3em;
overflow: auto;
padding: 1.1em 1.4em;
text-shadow: 1px 1px white;
}

.codebox dd.cont_code, .codebox.spoiler dd {
text-shadow: 0px 1px 1px white;
color: #5C5C5C;
background: #F0F0F0 url() repeat-x;
border: 1px solid #DEDEDE;
padding: 10px;
}
/* Final Code,Spoiler,Quote*/

.faq dd {
-moz-border-radius: 3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
background: #5D8200 url(http://www.audentio.com/demo/mybb16/images/glowing/thead_bg.png) repeat-x;
border: 1px solid #344457;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
color: white;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 700;
height: auto;
line-height: 15px;
min-width: 125px;
padding: 8px 10px;
text-align: center;
text-shadow: 0 1px 0 #3E5506;
}

.pun .frm-form {
background: #F0F0F0;
border: none;
}

.main .main-content.frm {
background-color: #F0F0F0;
}

.pun .paging {
float: left;
font-size: 1.1em;
font-weight: 700;
}

.paging a, .paging input {
background: #E5E5E5 url('http://www.ipbforumskins.com/skindemo/public/style_images/splat33x/highlight_strong.png') repeat-x 0 0;
border: 1px solid #D6D6D6;
color: #747474!Important;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
display: inline-block;
padding: 7px 8px;
text-transform: lowercase;
font-size: 11px;
font-weight: normal;
  }

.paging a:hover {
background-color: #EFEFEF;
color: black;
text-shadow: 0 1px 0 white;
}

.pun .paging b {
background: #9ACB1E url(http://www.audentio.com/demo/mybb16/images/glowing/pag_act.png) repeat-x 0 bottom;
color: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 1px 0px;
padding: 5px 8px;
cursor: default;
  }

div.post-options img {
opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}

div.post-options img:hover {
opacity: 1;
}

.pun .user-ident .username {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}

.pun .user .user-info {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
hr {
  border: 0 none #D6D6D6;
  border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
}

.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}

#pun-about {
visibility: visible !important;
}

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

#pun-logo { width: auto !important; }

.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}


body {
cursor: url('URL CURSOR ANI/CUR'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}

a:hover {
cursor: url('URL CURSOR ANI/CUR'), url('http://img24.imageshack.us/img24/7129/glovecursor.png'), auto;
}

/*neon*/
  az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}

#main-content{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid white;
}

a span[style="color:#FF0000"],.username span[style="color:#FF0000"],a[style="color:#FF0000"]{background: url(http://i42.tinypic.com/2njltv4.png) 0 1 no-repeat;padding-left:15px;padding-top:2px;padding-bottom:2px;}
a span[style="color:#00FFEA"],.username span[style="color:#00FFEA"],a[style="color:#00FFEA"]{background: url(http://i41.tinypic.com/258cbrn.png) 0 1 no-repeat;padding-left:15px;padding-top:2px;padding-bottom:2px;}
a span[style="color:#00FF3C"],.username span[style="color:#00FF3C"],a[style="color:#00FF3C"]{background: url(http://i44.tinypic.com/b5182r.png) 0 1 no-repeat;padding-left:15px;padding-top:2px;padding-bottom:2px;}
a span[style="color:#B3B1B1"],.username span[style="color:#B3B1B1"],a[style="color:#B3B1B1"]{background: url(http://i42.servimg.com/u/f42/17/32/13/00/user-o10.png) 0 1 no-repeat;padding-left:15px;padding-top:2px;padding-bottom:2px;}


marquee#comments_scroll_container {
width: 100%;
}

a[href="/u1"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)}
a[href="/u2"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)}



#msg-categoria {margin-top: 25px!important;}

#chatbox {
background-image: url(http://t0.gstatic.com/images?q=tbn:ANd9GcTtcNYnhq78pP9cIcRm3Wfl-ZdNFmh6fYYZMScqsoZpTcMcOh7R&t=1) !important;
background-repeat: no-repeat;
background-position: bottom right;
}

#login_popup {
background-color: #E8E8E8;
border: 1px solid #C2C2C2;
display: none;
position: absolute;
z-index: 999;
left: 456.5px;
top: 385.875px;
width: 350px;
height: 300px;
display: block;
}

.info, .success, .warning, .error, .mes, .tips {
margin: 10px 0px;
padding: 10px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 4px 4px 4px;
}
.info{
background-color:#d1e4f3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/inform10.png");
color:#00529B;
border:1px solid #4d8fcb;
}
.success{
background-color:#effeb9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/accept10.png");
color:#4F8A10;
border:1px solid #9ac601;
}
.warning{
background-color:#ffeaa9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/error10.png");
color:#9F6000;
border:1px solid #f9b516;
}
.error{
background-color:#fccac3;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/critic10.png");
color:#D8000C;
border:1px solid #db3f23;
}
.mes{
background-color:#F2F2F2;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/mail10.png");
border:1px solid #AAAAAA;
color:#545454;
}
.tips{
background-color:#FEEAC9;
background-image:url("http://i10.servimg.com/u/f10/17/41/76/40/light10.png");
border:1px solid #D38E49;
color:#bb640c;
}

Até Mais zen
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por MateusA 13.05.13 21:50

Olá,Enves do JavaScript,Apague-o e Adicione isso na sua CSS:

Lembrando o Rank deve estar com o titulo editado.

<table style="background: #FFFFFF url('https://2img.net/i/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Visualização <img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Imagens e Cores<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Cores<img src="https://2img.net/u/2612/28/77/07/smiles/2479035592.png" alt="" />Aba Folha CSS.</font></span></td></tr></table><br />Cole o codigo e salve.<br /><dl class="codebox"><dt>Código:</dt><dd><code>.admin {
background: url(https://i.imgur.com/6QFgj.png) repeat-y top right;
}</code></dd></dl><br /><i>Cordialmente.</i>
Resulta?
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Yrley 13.05.13 22:20

Olá,

Poderia colocar o código dentro do BBCode chamado code?

Para isso utilize

O código é [ code ] [ /code ] mais sem espaço entre o code e os []



Até Mais zen
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por MateusA 13.05.13 23:12

Boas,Não compreeendi muito bem,Esta na tag Code. -'
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Yrley 14.05.13 0:29

Olá,

Para facilitar o entendimento estou falando para você fazer isso apenas Feliz

Ao lado do botão Citar tem um desenho de um papel com esses símbolos <>
Clique nele e irá abrir algumas tags, entre as tags ["code"] [/"code"]
Coloque o código que você me passou.
Lembrando que o code não irá possuir ""

Até Mais zen
Yrley

Yrley
Membro

Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897

http://servidorplaybr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por Sking 14.05.13 1:44

Olá, teste esse
Código:
<table style="background: #FFFFFF url('http://2img.net/i/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Visualização <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Imagens e Cores<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Cores<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Aba Folha CSS.</font></span></td></tr></table><br />Cole o codigo e salve.<br /><dl class="codebox"><dt>Código:</dt><dd><code>.admin {
background: url(http://i.imgur.com/6QFgj.png) repeat-y top right;
}</code></dd></dl><br /><i>Cordialmente.</i>
Até mais
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar efeito nos tópicos de sttafs

Mensagem por MateusA 14.05.13 13:21

Olá,Está entre a tag code,Não esta a perceber?acho que está enchegando um pouco mal.

Eu não vou fazer do geito que falas-te.

Até
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

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


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