Personalizando spoiler (editado)

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

Resolvido Personalizando spoiler (editado)

Mensagem por JRHoly em 23/12/11, 12:45 pm

Gostaria de adicionar esse contorno do Spoiler desse forum:
http://webcheats.forumn.org/t2689-mudanca-de-forum-sky-cheats-vbulletin-413

Contorno branco com brilho, no meu spoiler (pode vizualiza-lo aqui: http://l2honorgames.forumais.com/t4-testetesteteste).
Meu spoiler está todo quadrado.

Aqui está minha folha CSS:
Spoiler:
.spoiler{
background:url(http://img856.imageshack.us/img856/9895/barra2z.png) no-repeat top right;
background-color:#FFF;
border-bottom:3px solid #27C2D6;
border-left:5px solid #27C2D6;
border-right:2px solid #27C2D6;
border-top:1px solid #27C2D6;
box-shadow:1px 1px 5px #27C2D6;
min-height:30px}

.spoiler dt{background-image:url(http://img856.imageshack.us/img856/9895/barra2z.png);
background-position:top right;
background-repeat:repeat-x;
display:block;
font-size:13px;
font-style:normal;
margin:-0;padding:3px}

.online{
z-index: 999;
background-image: url(http://img845.imageshack.us/img845/3171/statusp.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://img26.imageshack.us/img26/9052/statusoff.png) no-repeat;
width: 136px;
height: 59px;
float: left;
position: absolute;
z-index: -10% !important;
margin-top: 1px !important;
margin-left: -165px !important;}

.postprofile dd, .postprofile dt {
text-align: center;
}

.signature_div img {
max-width: 100% !important;
}

.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('http://i41.servimg.com/u/f41/17/11/20/01/11.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:25px;
width:15px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i41.servimg.com/u/f41/17/11/20/01/-10.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:15px;
width:15px;
}

.postbody ul.profile-icons {
padding: 10px;
}

ul.topiclist {
background-image: url(http://illiweb.com/fa/empty.gif);
background-repeat: repeat-x;
color: #292828;
list-style-type: none;
margin: 0;
border: 2px Solid #1E1E1E;
}

.module h3, .module .h3 {
border: 1px solid #000;
background-image: url(http://i44.servimg.com/u/f44/16/84/79/51/red1fu12.png);
}

.assinatura{float:left;padding-left:65px;position:relative;text-align:center}

.row1 {
background-color: #BFBFBF;
}

.gensmall {
margin-left: 1px;
}

ul.topiclist li.row{
border-bottom: 1px solid #292828;
}

ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: none !important;

}

body {
cursor: url('http://img27.imageshack.us/img27/9081/cursor2.png'), url('http://img27.imageshack.us/img27/9081/cursor2.png'), auto;
}

a:hover {
cursor:url(http://img846.imageshack.us/img846/4818/cursor1.png), auto;
}

a:hover {
color: #1F8EF0;
text-shadow : 0px 0px 10px #6BBAFF;
}


/*--------------- CHRISTMAS ITEMS ---------------*/

#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 142px;
width: 910px;
background: url(http://i41.servimg.com/u/f41/17/11/20/01/newmen10.png) no-repeat top center;
margin-left: 10px;}

#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(http://img209.imageshack.us/img209/6377/azelf10.png) no-repeat;
/*THE SANTA FROM HEADER*/}

#emptyidleft{
background: url(http://i39.tinypic.com/107p0yr.png);/*SHOES FROM FOOTER*/
width: 869px;
height: 55px;
position: absolute;
bottom: 0px;
margin-bottom: -60px;}

.forabg .corners-top{
height: 159px;
width: 167px;
position: relative;
margin-bottom: -150px;
right: -834px;
background: url(http://i43.tinypic.com/18ma95.png) no-repeat;
/*HAT FROM THE TABLES*/}

#content{
background: url(http://i40.tinypic.com/33bpfmw.png) no-repeat bottom right;
/*CANDY FROM THE BOTTOM OF THE FORUM*/}

/*--------------- END - CHRISTMAS ITEMS ---------------*/

.attachbox{
margin: 5px !important;
border: 2px solid white;
background: #dfe2e4;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}

#login_popup{
color: white !important;
text-shadow: 1px 1px 0px black;
border: 3px solid white;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background: #7d8189;
color: white;
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;}

#login_popup .h3{
border-bottom: 1px solid white !important;
color: white !important;}

#login_popup_buttons input{
font-family: arial !important;
font-size: 15px;
font-weight: bold;
border: none !important;
background: none !important;
color: white !important;
text-shadow: 1px 1px 0px black !important;}

.codebox.spoiler dt{background: url(http://i71.servimg.com/u/f71/16/11/23/46/new20d10.png) no-repeat top right;}

.codebox dd{margin-top: -18px;}

.codebox.spoiler dd{margin-top: -15px;}

code{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636d7e !important;}

.codebox dt{
border: 0;
background: url(hhttp://i71.servimg.com/u/f71/16/11/23/46/page_w10.png) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}

.codebox.hidecode dd{
position: relative;
z-index: 99;
margin-top: -40px;}

blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #CCCCCC url(http://i71.servimg.com/u/f71/16/11/23/46/commen10.png) no-repeat 5px;
border: 1px solid #333333;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

blockquote div {margin-left: 40px;}

.resizebox{
text-shadow: 1px 1px 0px white;
margin-bottom: 5px;
background: #CCCCCC url(http://i71.servimg.com/u/f71/16/11/23/46/magnif10.png) no-repeat 2px;
border: 1px solid #333333;
padding: 4px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

.resizebox .resize_border{border: 0;}

#fa_ticker_block .module{
border: 1px solid #333333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
margin-left: 33px;
width: 838px;
margin-bottom: 0;}

.rightside a[href="/forum.htm?mode=delete_cookies"]{
padding: 5px 7px 7px 7px;
background: #838d99 url(http://i71.servimg.com/u/f71/16/11/23/46/cookie10.png) repeat-x top;
color: white;
text-shadow: 1px 1px 0px black;
position: relative;
left: -30px;
top: -10px;
border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0 0 5px 5px;}

.rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
background: #838d99 url(http://i71.servimg.com/u/f71/16/11/23/46/cookie10.png) repeat-x top;}

a.button1, a.button2, button.button2, input.button1, input.button2{
padding: 4px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/button10.png) repeat-x top;}

textarea, input, .inputbox{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 1px 1px 0px white;
background: #efefef;}

.select{
margin-left: -60px;
margin-top: 35px;
top: auto !important;}

.panel{
margin: 10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border: 1px solid #333333;}

#profile-advanced-layout, #profile-advanced-right{
background: white;
position: relative;
z-index: 999;
display: inline-block !important;}

#page-footer{margin-top: 40px;}

.footer-home{top: -120px !important;}

#page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
display: inline-block !important;}

#site-title, #logo-desc p{display: none;}

body{
background-attachment: fixed !important;
padding-left: 30px;}

#wrap{
margin-top: 150px;}

#search-box{
margin: 0;
padding: 0;
background: transparent url(http://i71.servimg.com/u/f71/16/11/23/46/search10.png) no-repeat top center;
position: relative;
left: -40px;
top: -20px;
width: 184px;
height: 50px;}

#search-box .button2{display: none;}

#search-box #keywords{
background: none;
border: none;
width: 120px;
height: 50px;
bottom: 2px;
left: 30px;
position: relative;}

#page-header{
min-height: 245px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/header10.png) no-repeat top center;
width: 926px;}

#page-header .navbar ul{
left: 35px;
border: 0 !important;
position: relative;
bottom: -97px;}

#logo-desc{
margin-left: 85px;
margin-top: 16px;}

#page-header .navbar .linklist.navlinks a{
margin-right: 3px;
text-shadow: 1px 1px 3px black;
color: white !important;}

#page-header .navbar .linklist.navlinks a:hover{
color: #d8dee6 !important;
text-shadow: -1px -1px 2px black;}

.headerbar{background: none;}

#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/body2411.png) repeat-y;}

#container{
position: relative;
z-index: 1 !important;
margin-left: 33px;
width: 860px;}

#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/body_e10.png) no-repeat bottom center;}

#page-footer{
width: 926px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/footer10.png) no-repeat top center;
height: 55px;}

#page-footer .navbar{background: none;}

#page-footer .navbar ul{
text-align: center !important;
margin-top: 10px;}

#page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}

#page-footer ul.linklist li.rightside {
text-align: center !important;
width: 860px !important;
display: inline-block !important;
left: -23px !important;
position: relative;}

.footer-home a{color: transparent !important;}

.icon-home{
left: 6px;
bottom: -6px;
position: relative;
padding: 15px 12px;
font-size: 0px;}

.icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
color: transparent !important;}

.footer-home{
position: relative;
left: -37px;
top: -80px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/home1310.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}

.footer-home:hover{background: url(http://i71.servimg.com/u/f71/16/11/23/46/homeho10.png) no-repeat center;}

#page-footer p.copyright strong a{
float: left !important:
margin-left: 30px;
font-weight: bold;
font-size: 14px;
font-family: arial;
color: white;
text-shadow: 1px 1px 0px black;}

.copyright{text-align: left !important;}

.header{
height: 35px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png);}

#memberlist, .table1{
background: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png) no-repeat top center;
height: 35px;}

#memberlist{padding-top: 18px;}

#memberlist th{margin-top: -10px;}

.table1{padding-top: 15px;}

.header, .header h2, .header h1, .header h3{
font-family: Arial !important;
font-weight: bold !important;
font-size: 11px !important;
text-shadow: 1px 1px 2px black;}

table{
border-spacing: 0px;
border-collapse: expres​sion('separate', cellSpacing = '0px');}

.header dd, .header dt{
position: relative;
bottom: -8px;}

.forumbg .header dt{padding-left: 5px !important;}


.forabg .header .posts, .forabg .header .lastpost{
position: relative;
right: -70px;}

form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
position: relative;
left: -10px !important;}

form[name="post"] .forabg .header dt{padding-left: 5px;}

.forabg .row:last-child{margin-bottom: -5px;}

.forabg .corners-bottom, .forumbg .corners-bottom{
position: relative;
top: -10px;
background: transparent url(http://i71.servimg.com/u/f71/16/11/23/46/table_10.png) no-repeat bottom center;
height: 16px;}

.forabg, .forumbg {
background: none;
border: none;
padding: 0px !important;}

.panel{margin-bottom: 0;}

#content{
width: 860px;
margin: 0 !important;}

.h3, h3, .panel h2 {
background: url(http://i71.servimg.com/u/f71/16/11/23/46/h3bg1010.png) no-repeat bottom left;
border: 0 !important;
color: #7b909b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;}

.forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}

.pagination{margin: 0;}

.forumbg, .right, fieldset.submit-buttons{margin: 0;}

#picture_legend li:first-child {color: #ffb400;}

#picture_legend li:last-child {color: #b52b2b;}

#picture_legend li{padding-right: 40px;}

.postprofile,.postbody{margin-left: -5px !important;}

.table-title{padding-left: 10px;}

#i_whosonline{margin: 0;
margin-left: -64px;}

.forabg, .forumbg{
margin: 0;
padding-top: 5px !important;}

a.forumtitle:hover{text-decoration: none;}

#hitskin_preview{display: none !important;}

.portal .module{
margin: 5px;
border: 2px solid #333333;
border-radius: 7px;
-moz-border-radius: 7px;
-webkitborder-radius: 7px;
padding: 3px;
text-shadow: white 1px 1px 0px;}

.portal .module .h3{
text-align: center;
padding: 7px;
background: #333333;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border: 0px;
border-top: 0px none;
color: white !important;
font-weight: bold !important;
margin: 0px 4px;
position: relative;
text-shadow: 1px 1px 0px black;
top: -9px;}

.post{
margin-left: 5px;
padding-right: 14px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}

p.page-bottom:last-child {background: red !important;}


.forabg .topiclist.topics{
padding-top: 0 !important;
background: none !important;}

#wrap{background: url(http://i41.tinypic.com/fmhzlt.png) no-repeat bottom 90%;
padding-bottom: 20px;}

select{
color: #333333;
border: 1px solid #333333;
border-left: 5px solid #333333;}

.buttons{min-height: 50px;}

.buttons a img{background: url(http://i71.servimg.com/u/f71/16/11/23/46/bg1310.png) no-repeat center;}

.buttons a img:hover{background: url(http://i71.servimg.com/u/f71/16/11/23/46/hover210.png) no-repeat center;}


#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

#search_menu form{
border: 1px solid #808080;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.title-overview.row2{
border-bottom: 1px dashed white;
background: none;}


.panel.introduction div.mes-txt{margin-bottom: 0 !important;}

.introduction .h3{margin-top: 4px !important;}

input{border: 1px solid #BCBCBC;}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

ul.profile-icons {margin-top: -10px;}


#left, #right{display: none !important;}


#chatbox_members, #chatbox{top: 35px !important;}

#cp-main{margin: 0;
width: 100%;}

#chatbox_footer .right-box.style-buttons input{
padding: 2px;
background-color: white !important;}

.postprofile dl dd a img{background: url(http://i71.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat top;}

.postprofile dl dd a img:hover{background: url(http://i71.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat 0 -20px;}

#smiley-box {
float: right;
margin-top:0px;
width: 30%;}

#textarea_content{width: 70% !important;}

li > a.mainmenu[href="/search"] { display : none}
li > a.mainmenu[href="/groups"] { display : none}
li > a.mainmenu[href="/faq"] { display : none}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img97.imageshack.us/img97/601/10zwf0j.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#message-box textarea {
background-image: url(http://img97.imageshack.us/img97/601/10zwf0j.png);
background-repeat: no-repeat;
background-position: bottom right;
}

li.row:hover {
background-image: url(http://img638.imageshack.us/img638/4181/ayv804.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right
}

.content h2, .panel h2{font-size: 1em!important;}
background-image: url(http://img638.imageshack.us/img638/4181/ayv804.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right

Minha versão é a phpBB3.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Resolvido Re: Personalizando spoiler (editado)

Mensagem por Convidad em 24/12/11, 04:20 pm

Boa tarde!

Substitua o primeiro código de sua folha CSS, por este:


.spoiler{-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #9C9C9C;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 5px #9C9C9C;background:url(http://img856.imageshack.us/img856/9895/barra2z.png) no-repeat top right;
}

Salve e veja se gosta!
Boas festas. Feliz aniversário

Convidad
Convidado


Resolvido Re: Personalizando spoiler (editado)

Mensagem por JRHoly em 24/12/11, 06:40 pm

Olá Touks.
Veja como ficou:



Gostaria que ficasse mais ou menos assim:
http://webcheats.forumn.org/t2689-mudanca-de-forum-sky-cheats-vbulletin-413

Porem, aquele codigo que você passou no outro topico, não fez efeito no meu.
A borda brilhosa, não funcionou também, não ficou brilhosa como o esperado, ficou estranha.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Resolvido Re: Personalizando spoiler (editado)

Mensagem por Convidad em 24/12/11, 11:57 pm

Olá,

Eu modifiquei o código para a sua versão, eu retirei as propriedades do código igual ao deste link que você havia colocado no formulário.

Atenciosamente. Feliz aniversário

Convidad
Convidado


Resolvido Re: Personalizando spoiler (editado)

Mensagem por JRHoly em 25/12/11, 09:18 pm

Touks escreveu:Olá,

Eu modifiquei o código para a sua versão, eu retirei as propriedades do código igual ao deste link que você havia colocado no formulário.

Atenciosamente. Feliz aniversário

Olá.
Não obtive o resultado que queria.
Poderia dar um jeito somente na borda branca brilhosa?
Gostaria muito dela, mas nesse código que passou, não ficou como no outro forum.

Tenha um Feliz Natal.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Resolvido Re: Personalizando spoiler (editado)

Mensagem por ~Fly em 26/12/11, 03:05 pm

avatar

~Fly
Usuário destaque

Masculino
Inscrito dia : 26/12/2011
Mensagens : 689
Pontos Ativos : 1006

Ver perfil do usuário http://bleachlasnochesrpg.ultimaterpg.net/

Resolvido Re: Personalizando spoiler (editado)

Mensagem por JRHoly em 26/12/11, 06:05 pm


Já dei uma olhada nele. Ai não fala como adicionar a borda.
Mesmo assim, obrigado.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Resolvido Re: Personalizando spoiler (editado)

Mensagem por Convidad em 28/12/11, 02:14 am

Olá,

O que exatamente gostaria de alterar?

Tente alterar as propriedades em vermelho:


.spoiler{-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #9C9C9C;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 5px #9C9C9C;background:url(http://img856.imageshack.us/img856/9895/barra2z.png) no-repeat top right;
}

Atenciosamente. Feliz aniversário

Convidad
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum