Modify Spoiler code

Go down

In progress Modify Spoiler code

Post by TheCrow on May 24th 2014, 3:34 pm

Hello. I want to modify only the spoiler box. I saw that if you modify the "codebox" command, the spoiler box gets modified also. Is it possible to modify only the spoiler box without affecting the codebox?
TheCrow
TheCrow
Energetic

Male Posts : 6109
Reputation : 706
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: Modify Spoiler code

Post by SLGray on May 24th 2014, 5:39 pm

Please give this information:

Forum Link:
Forum Version:
A link to a topic that has a spoiler that guests can see:


Modify Spoiler code Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 46536
Reputation : 3268
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Modify Spoiler code

Post by Guest on May 24th 2014, 5:49 pm

Try using dl.codebox.spoiler instead. Try this one:
Code:
dl.codebox.spoiler {
font-size:12px;
padding:10px;
border:2px solid #COLORHERE;
border-left:2px solid #COLORHERE;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#COLORHERE;
margin:0 0;
overflow-x:auto;
}
dl.codebox {
font-size:12px;
padding:10px;
border:2px solid #COLORHERE;
border-left:2px solid #COLORHERE;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#COLORHERE;
margin:0 0;
overflow-x:auto;
}
.dl.codebox.spoiler dd {
background-color: #COLORHERE !important;
}
.codebox dd.cont_code {
background-color: #COLORHERE !important;
}

If it doesn't work, provide what SLGray ask you to provide.
avatar
Guest
Guest


Back to top Go down

In progress Re: Modify Spoiler code

Post by TheCrow on May 24th 2014, 6:40 pm

The code doesn't work.. :/
Link to forum: http://informationforumgr.forumgreek.com/forum
Version: PunBB

Now i don't know where guest can see it!
Check if you can see it here:
http://informationforumgr.forumgreek.com/t3393p20-topic#7018

I want to change the header title and the rest but change only to the spoiler because as it is now its the code also and i don't want that to be affected.
TheCrow
TheCrow
Energetic

Male Posts : 6109
Reputation : 706
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: Modify Spoiler code

Post by Guest on May 24th 2014, 6:51 pm

Can you post a codebox on your forum? I am only seeing spoiler as of the moment. Smile
avatar
Guest
Guest


Back to top Go down

In progress Re: Modify Spoiler code

Post by TheCrow on May 24th 2014, 10:00 pm

I edited the message!
Please check the link!
http://informationforumgr.forumgreek.com/t3393p20-topic#7018
TheCrow
TheCrow
Energetic

Male Posts : 6109
Reputation : 706
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: Modify Spoiler code

Post by SLGray on May 24th 2014, 11:42 pm

Try adding the code to the top or adding !important to each part.


Modify Spoiler code Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 46536
Reputation : 3268
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: Modify Spoiler code

Post by Michael_vx on May 25th 2014, 3:02 pm

hi i know the code of quote for pun but the spoiler i have right now for phpbb2 so im not sure if it will work on punbb

Code:
/* Quote on punBB*/
.postmain blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px; /**/
line-height:18px;
color:#504536; /**/
font-family:Georgia; /**/
font-style:italic; /**/
}
.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5; /**/
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF; /**/
max-width:91%; /**/
padding:15px 20px 10px 23px;
position:relative;
}
.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent; /**/
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}
.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent; /**/
width:16px;
height:16px;
right:4px;
bottom:4px;
}
/*шапка заголовка цитаты*/
.postmain blockquote div cite {
font-style:normal;
font-weight:700; /**/
display:block;
font-size:13px;  /**/
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent; /**/
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px; /**/
left:0px;
}
.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent; /**/
width:31px;
height:38px!important;
left:-13px;
top:0;
}
.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent; /**/
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}
sorry for not helping much if you want to try my code of phpbb2 spoiler here
Code:
.spoiler {
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
-moz-border-radius-bottomright:25px;
-webkit-border-bottom-rightright-radius:25px;
border-top:1px solid #ADC8E5;
border-right:2px solid #ADC8E5;
border-bottom:3px solid #ADC8E5;
border-left:5px solid #ADC8E5;
background-color:#dfe6ef;
-webkit-box-shadow:4px 4px 10px #333;
-moz-box-shadow:4px 4px 10px #333;
box-shadow:4px 4px 10px #333;
background:url(http://i38.servimg.com/u/f38/14/18/94/73/quote16.jpg) no-repeat top right;
min-height:30px;
}
.spoiler_closed {
display:block;
background-color:#fefefe;
border:2px solid #dedede;
}

.spoiler_content {
display:block;
}
best luck
Michael_vx
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: Modify Spoiler code

Post by TheCrow on June 2nd 2014, 3:03 pm

bump
TheCrow
TheCrow
Energetic

Male Posts : 6109
Reputation : 706
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: Modify Spoiler code

Post by Jophy on June 3rd 2014, 10:58 am

Hello,

This selector should work for spoiler only:
Code:
dl.codebox.spoiler {
 
}

and has:
Code:
!important;
on each property.

Otherwise, can you post the code you're using to modify the spoiler box only? Thanks.
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: Modify Spoiler code

Post by Michael_vx on June 6th 2014, 8:23 am

hello i got something you might like that image
Modify Spoiler code Image
see what ever you put in spoiler it should be same size like VB i guess
here the code
Code:
.spoiler_content {
display:block;
max-height:200px;
overflow:auto;
}

best luck
Michael_vx
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Back to top


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