Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
Recent Tutorials
Top posting users this month
Top Achievers
![[SOLVED] Codebox, Spoiler etc Codes Help Poll_c10](https://i.servimg.com/u/f86/18/21/41/30/poll_c10.gif?poll=cap_l){kind=small}
![[SOLVED] Codebox, Spoiler etc Codes Help Poll_m10](https://i.servimg.com/u/f86/18/21/41/30/poll_m10.gif?poll=m){kind=small}
![[SOLVED] Codebox, Spoiler etc Codes Help Poll_c10](https://i.servimg.com/u/f86/18/21/41/30/poll_c10.gif?poll=cap_r){kind=small}
Who is online?
In total there are 37 users online :: 0 Registered, 0 Hidden and 37 Guests :: 1 Bot
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
[SOLVED] Codebox, Spoiler etc Codes Help
Page 1 of 1 • Share
![[SOLVED] Codebox, Spoiler etc Codes Help Empty](https://2img.net/i/empty.gif)
- J0k3R^
Member - Gender :
Posts : 17
Points : 3856
Reputation : 6
Location : Greece
Language : Greek, English, Chienese,
Browser :
Forum Version : 
-
J0k3R^ Sat 15 Nov 2014, 14:25
Hello guys, i would like to receive some help for the spoiler, code etc boxes because i got them kinda messed up..
Right now, they look like this:
![[SOLVED] Codebox, Spoiler etc Codes Help T5lWtEE](https://i.imgur.com/t5lWtEE.png)
And i need to be like here:
![[SOLVED] Codebox, Spoiler etc Codes Help CqtAOBw](https://i.imgur.com/CqtAOBw.png)
Im using these codes:
I dont know which code edits/changes what and i really need to clarify + help with the new codes...
Right now, they look like this:
And i need to be like here:
Im using these codes:
- Code:
/removed/
I dont know which code edits/changes what and i really need to clarify + help with the new codes...
Last edited by J0k3R^ on Mon 17 Nov 2014, 01:16; edited 1 time in total
- Ange Tuteur
Administrator - Gender :
Posts : 4741
Points : 12253
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser :
Forum Version : 
-
Ange Tuteur Sat 15 Nov 2014, 19:24
This is the CSS :
It's for phpbb3, so the result will vary on other forum versions.
- Code:
/* -- Quote, code, spoiler -- */
dl.codebox, blockquote {
-webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 1px rgba(0,0,0,0.2);
box-shadow:2px 2px 1px rgba(0,0,0,0.2);
}
dl.codebox code, dl.codebox.hidecode dd, dl.codebox.spoiler .spoiler_content.hidden {
background:#EEE;
border:1px dashed #CCC;
margin:3px;
padding:3px;
}
/* Quote */
blockquote {
background:#F5F5F5 url('http://i57.servimg.com/u/f57/18/21/41/30/cite10.png') no-repeat 5px 7px;
border:1px solid #69B;
border-left:5px solid #69B;
margin:4px 5%;
}
blockquote blockquote {
background-color:#EEE;
border-color:#58A;
margin:4px 1%;
}
blockquote cite { color:#257; }
/* Code */
dl.codebox {
background:#F5F5F5;
border:1px solid #69B;
margin:4px 5%;
}
dl.codebox dt {
background:url('http://i57.servimg.com/u/f57/18/21/41/30/code10.png') no-repeat;
color:#257;
border:none;
padding-left:20px;
}
dl.codebox code { color:#49B }
/* Spoiler */
dl.codebox.spoiler dt {
background:url('http://i57.servimg.com/u/f57/18/21/41/30/spoile10.png') no-repeat;
}
/* hidden */
dl.codebox.hidecode {
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
}
dl.codebox.hidecode:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}
dl.codebox.hidecode dt { background:#F5F5F5 url('http://i57.servimg.com/u/f57/18/21/41/30/hide10.png') no-repeat 3px 2px; }
dl.codebox.hidecode dt:after {
padding-left:3px;
content:"Hidden:"
}
It's for phpbb3, so the result will vary on other forum versions.
- J0k3R^Member
- Gender :
Posts : 17
Points : 3856
Reputation : 6
Location : Greece
Language : Greek, English, Chienese,
Browser : Forum Version : -
J0k3R^ Sun 16 Nov 2014, 03:08
Thanks for the codes. I edited them for my punbb version but i still got a problem with 'quote'...
![[SOLVED] Codebox, Spoiler etc Codes Help GWIkTUM](https://i.imgur.com/gWIkTUM.png)
codes using now:
Could u give it a check here? http://fmplanet.forumgreek.com/t314-topic
codes using now:
- Code:
/removed/
Could u give it a check here? http://fmplanet.forumgreek.com/t314-topic
Last edited by J0k3R^ on Mon 17 Nov 2014, 01:16; edited 1 time in total
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12253
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Sun 16 Nov 2014, 21:49
Are you talking about the cite ?
You can hide its background with this :
You can hide its background with this :
- Code:
blockquote cite {
background:none;
padding-left:10px;
}
- J0k3R^Member
- Gender :
Posts : 17
Points : 3856
Reputation : 6
Location : Greece
Language : Greek, English, Chienese,
Browser : Forum Version : -
J0k3R^ Mon 17 Nov 2014, 01:15
Thats it. Thanks for ur help mate 
My problem is solved
My problem is solved
- Ange TuteurAdministrator
- Gender :
Posts : 4741
Points : 12253
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Forum Version : -
Ange Tuteur Mon 17 Nov 2014, 18:00
You're welcome ! 
- Sponsored content
Sponsored content
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum