Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Colocar efeito nos tópicos de sttafs
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Colocar efeito nos tópicos de sttafs
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
Endereço do meu fórum:
http://firstweb.forumeiros.com
Versão do fórum:
PUNBB
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
Endereço do meu fórum:
http://firstweb.forumeiros.com
Versão do fórum:
PUNBB
Re: Colocar efeito nos tópicos de sttafs
<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>
<br /><i>Cordialmente.</i></div>
Resulta?
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>
<br /><i>Cordialmente.</i></div>
Resulta?
Re: Colocar efeito nos tópicos de sttafs
Olá,
Não funciona, será que meu modelo não deixa? Caso queiram minha CSS posso passar.
Até Mais
Não funciona, será que meu modelo não deixa? Caso queiram minha CSS posso passar.
Até Mais
Re: Colocar efeito nos tópicos de sttafs
Olá,
Aqui está:
Até Mais
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
Re: Colocar efeito nos tópicos de sttafs
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?
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?
Re: Colocar efeito nos tópicos de sttafs
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
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
Re: Colocar efeito nos tópicos de sttafs
Olá,
Para facilitar o entendimento estou falando para você fazer isso apenas
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
Para facilitar o entendimento estou falando para você fazer isso apenas
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
Re: Colocar efeito nos tópicos de sttafs
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>
Re: Colocar efeito nos tópicos de sttafs
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é
Eu não vou fazer do geito que falas-te.
Até
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos