InícioPersonalizando spoiler (editado)
2 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 • Compartilhe
Personalizando spoiler (editado)
por JRHoly 23.12.11 14:45
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:
Minha versão é a phpBB3.
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(https://2img.net/r/ihimizer/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(https://2img.net/r/ihimizer/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(https://2img.net/r/ihimizer/img845/3171/statusp.png);
background-position: 100% 35px;
background-repeat: no-repeat;}
.post .corners-top{
background: url(https://2img.net/r/ihimizer/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('https://i.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('https://i.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(https://2img.net/i/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(https://i.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('https://2img.net/r/ihimizer/img27/9081/cursor2.png'), url('https://2img.net/r/ihimizer/img27/9081/cursor2.png'), auto;
}
a:hover {
cursor:url(https://2img.net/r/ihimizer/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(https://i.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(https://2img.net/r/ihimizer/img209/6377/azelf10.png) no-repeat;
/*THE SANTA FROM HEADER*/}
#emptyidleft{
background: url(https://2img.net/h/oi39.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(https://2img.net/h/oi43.tinypic.com/18ma95.png) no-repeat;
/*HAT FROM THE TABLES*/}
#content{
background: url(https://2img.net/h/oi40.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(https://i.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(hhttps://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.servimg.com/u/f71/16/11/23/46/body_e10.png) no-repeat bottom center;}
#page-footer{
width: 926px;
background: url(https://i.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(https://i.servimg.com/u/f71/16/11/23/46/home1310.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}
.footer-home:hover{background: url(https://i.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(https://i.servimg.com/u/f71/16/11/23/46/titleb10.png);}
#memberlist, .table1{
background: url(https://i.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: expression('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(https://i.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(https://i.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(https://2img.net/h/oi41.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(https://i.servimg.com/u/f71/16/11/23/46/bg1310.png) no-repeat center;}
.buttons a img:hover{background: url(https://i.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(https://i.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat top;}
.postprofile dl dd a img:hover{background: url(https://i.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(https://2img.net/r/ihimizer/img97/601/10zwf0j.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#message-box textarea {
background-image: url(https://2img.net/r/ihimizer/img97/601/10zwf0j.png);
background-repeat: no-repeat;
background-position: bottom right;
}
li.row:hover {
background-image: url(https://2img.net/r/ihimizer/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(https://2img.net/r/ihimizer/img638/4181/ayv804.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right
Minha versão é a phpBB3.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Personalizando spoiler (editado)
por Convidad 24.12.11 18:20
Boa tarde!
Substitua o primeiro código de sua folha CSS, por este:
Salve e veja se gosta!
Boas festas.
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(https://2img.net/r/ihimizer/img856/9895/barra2z.png) no-repeat top right;
}
Salve e veja se gosta!
Boas festas.
Convidad- Convidado
Re: Personalizando spoiler (editado)
por JRHoly 24.12.11 20:40
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.
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.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Personalizando spoiler (editado)
por Convidad 25.12.11 1:57
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.
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.
Convidad- Convidado
Re: Personalizando spoiler (editado)
por JRHoly 25.12.11 23:18
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.
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.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Personalizando spoiler (editado)
por ~Fly 26.12.11 17:05
https://ajuda.forumeiros.com/t35499-tutorial-personalizacao-de-cores-do-spoiler
Este Tópico poderá te ajudar ?
Este Tópico poderá te ajudar ?
~Fly- Membro
- Membro desde : 26/12/2011
Mensagens : 699
Pontos : 1020 -
Re: Personalizando spoiler (editado)
por JRHoly 26.12.11 20:05
Saíìx escreveu:https://ajuda.forumeiros.com/t35499-tutorial-personalizacao-de-cores-do-spoiler
Este Tópico poderá te ajudar ?
Já dei uma olhada nele. Ai não fala como adicionar a borda.
Mesmo assim, obrigado.
JRHoly- ***
- Membro desde : 18/12/2011
Mensagens : 190
Pontos : 283 -
Re: Personalizando spoiler (editado)
por Convidad 28.12.11 4:14
Olá,
O que exatamente gostaria de alterar?
Tente alterar as propriedades em vermelho:
Atenciosamente.
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(https://2img.net/r/ihimizer/img856/9895/barra2z.png) no-repeat top right;
}
Atenciosamente.
Convidad- Convidado
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
Facebook
Twitter
Youtube
