IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» 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

» Forumactif Edge - Releases
by Ange Tuteur Thu 14 Dec 2017, 11:25

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

» Numbering of messages in the topic
by SLGray Mon 04 Dec 2017, 22:40

Recent Tutorials
Top posting users this month

Who is online?
In total there are 12 users online :: 0 Registered, 0 Hidden and 12 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

How do I make my own color custom spoiler

View previous topic View next topic Go down

avatar
Dr.kran

Title :
Inventor
Gender : Male
Age : 25
Posts : 73
Points : 637
Reputation : 1
Language : english
Browser : Browser : Internet Explorer Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://castlevania-1.forumotion.com/

PostDr.kran on Wed 26 Oct 2016, 22:46

How do I add images behind them just like the borders for forums sections?


I want forums spoilers to be just like category slots, can one make it work?


Last edited by dr.kran on Sat 29 Oct 2016, 21:18; edited 1 time in total
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3665
Points : 4885
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish on Wed 26 Oct 2016, 23:03

Try the code given by SLGray in this topic and see if it works for you. c:

The dl selector he has there will style the entire spoiler. If you want to specifically target the header that holds the "spoiler" text try using
Code:
dl.codebox dt

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Dr.kran

Title :
Inventor
Gender : Male
Age : 25
Posts : 73
Points : 637
Reputation : 1
Language : english
Browser : Browser : Internet Explorer Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://castlevania-1.forumotion.com/

PostDr.kran on Wed 26 Oct 2016, 23:25

@Valoish wrote:Try the code given by SLGray in this topic and see if it works for you. c:

The dl selector he has there will style the entire spoiler. If you want to specifically target the header that holds the "spoiler" text try using
Code:
dl.codebox dt
Nope, this doesn't help much, but still I do thank you greatly.
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3665
Points : 4885
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish on Wed 26 Oct 2016, 23:42

That's odd o-o
I went on your forum and used DevTools to get your CSS:


This is what it gave me for the spoiler:
Code:
dl.codebox{
   background-color:#FFF;
   border:1px solid #C9D2D8;
   font-size:1em;
   padding:3px;
}

dl.codebox dt{
   border-bottom:1px solid #CCC;
   display:block;
   font-size:.8em;
   font-weight:700;
   margin-bottom:3px;
   text-transform:uppercase;
}
Try placing that code in your CSS Stylesheet (ACP > Display > Colors > CSS Stylesheet), changing up a few of the colors and styles and let me know if it worked.

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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