Is there any way..... [spoiller]

[+Fusion-]

Is there any way i can change my spoiler to look like this:


Like make it a button.
Thanks

[Niko]

Hello,

Add this code in your CSS styleshett

Code:

dl.codebox dt {
border-bottom: 1px solid #CCC;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
background: url(http://2img.net/i/fa/prosilver/bg_button.gif);
width: 57px;
padding: 2px;
border-radius: 2px;
}

dl.codebox {
background-color: none!important;
border: 0px solid!important;
font-size: 1em;
padding: 3px;
}

Friendly,

[+Fusion-]

Hello,

Add this code in your CSS styleshett

Code:

dl.codebox dt {
border-bottom: 1px solid #CCC;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
background: url(http://2img.net/i/fa/prosilver/bg_button.gif);
width: 57px;
padding: 2px;
border-radius: 2px;
}

dl.codebox {
background-color: none!important;
border: 0px solid!important;
font-size: 1em;
padding: 3px;
}

Friendly,

That code didnt work, it just made the spoiler look like this:


Heres my CSS stylesheet:

Code:

#search{
display:none;
}


a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }

a.mainmenu:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
    }
a:link { 
    text-decoration: none; 
    text-shadow: none; 
    -webkit-transition: 200ms linear 0s; 
    -moz-transition: 200ms linear 0s; 
    -o-transition: 200ms linear 0s; 
    transition: 200ms linear 0s; 
    outline: 0 none; 
} 


a[href="/u89"] {
  text-shadow:2px 1px 4px #ff0000;
} 
a[href=""] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
a[href="/u1"]{ 
text-decoration: none !important;   
text-shadow: 0 0 0.2em #d10808, 0 0 0.2em #d10808, 0 0 0.2em #d10808;
}
  .spoiler:before {
  content: "Click to show:";
}

a[href="/u106"]{ 
text-decoration: none !important;   
  text-shadow: 0 0 0.2em white;}

****************************************************

.forabg, .forumbg, .headerbar{
-moz-border-radius: 0.2px;
}

.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 0.5px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #20211f;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}

#wrap {
width : 1200px;
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
background-image: url('');
background-repeat: repeat;
}



ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
  padding-bottom: 0px;}

div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('') repeat-x #141413;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}


#search{
display:none;
}

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('');
text-align: center;
padding: 24px 0;}

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/msgico10.png');
text-align: CENTER;
padding: 24px 0;}

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: black;
background-image: url;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: black;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url;
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.buttons img{
background: url;}

.buttons img:hover{
background: url;
background-position:  0px -25px;}


div#page-footer {
background-image: url;
background-position: bottom right;
background-repeat: no-repeat;
padding: 15px;}
}

a:link { 
    text-decoration: none; 
    text-shadow: none; 
    -webkit-transition: 200ms linear 0s; 
    -moz-transition: 200ms linear 0s; 
    -o-transition: 200ms linear 0s; 
    transition: 200ms linear 0s; 
    outline: 0 none; 
} 

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
}

.bodyline {
    background-color: #1F1E1E;
    width: 1000px;
    -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

dl.codebox dt {
border-bottom: 1px solid #CCC;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
background: url(http://2img.net/i/fa/prosilver/bg_button.gif);
width: 57px;
padding: 2px;
border-radius: 2px;
}

dl.codebox {
background-color: none!important;
border: 0px solid!important;
font-size: 1em;
padding: 3px;
}

[LGforum]

There's a new BBcode for that style of spoiler in LGBB: http://www.avacweb.com/t192-lg-special-lgbb-new-bb-codes#1755

[+Fusion-]

There's a new BBcode for that style of spoiler in LGBB: http://www.avacweb.com/t192-lg-special-lgbb-new-bb-codes#1755

Ur button appears in the center of the page, and appears open when i view the thread, so i dont like it sorry.

[LGforum]

It appears open? it shouldn't. Strange, thanks for letting me know that. Might be a bug.

[+Fusion-]

your welcome