The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by +Fusion- on April 7th 2012, 10:54 pm

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


Like make it a button.
Thanks Very Happy

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

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

Post by Niko on April 7th 2012, 10:58 pm

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://illiweb.com/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, Razz

Niko
Hyperactive

Male Posts : 2298
Reputation : 97
Language : English, French, Italian, Spanish, Latin

https://www.translationscloud.com/?utm_source=forumotion&utm

Back to top Go down

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

Post by +Fusion- on April 7th 2012, 11:26 pm

Niko! wrote: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://illiweb.com/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, Razz

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://illiweb.com/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;
}

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

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

Post by LGforum on April 8th 2012, 12:09 am

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

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

Post by +Fusion- on April 8th 2012, 2:34 am

@LGforum wrote: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.

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

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

Post by LGforum on April 8th 2012, 3:06 am

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

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

Post by +Fusion- on April 8th 2012, 4:18 am

your welcome Smile

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum