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.

Modify Spoiler code

View previous topic View next topic Go down

In progress Modify Spoiler code

Post by Luffy 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?

Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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:


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Modify Spoiler code

Post by @Mark 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.spoilerdd {
background-color:#COLORHERE!important;
}
.codebox dd.cont_code {
background-color: #COLORHERE !important;
}

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

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

In progress Re: Modify Spoiler code

Post by Luffy 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.

Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

In progress Re: Modify Spoiler code

Post by @Mark 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

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

In progress Re: Modify Spoiler code

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

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






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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.


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.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
Forumember

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

Back to top Go down

In progress Re: Modify Spoiler code

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

bump






Luffy
Manager
Manager

Male Posts : 4236
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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
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

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
Forumember

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

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