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.

Altering the Code+Spoiler Box

View previous topic View next topic Go down

In progress Altering the Code+Spoiler Box

Post by ℋunni on Sun Oct 02, 2011 8:49 pm

Site: http://paperthin-hymn.nstars.org/
Running: Invision

Question!
As simple as it sounds, I would like to change the appearance of my code/spoiler box from the one
I currently have on my site to the identical one this site is using, along with the "Select Content" button
for the code box.~






ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by SLGray on Mon Oct 03, 2011 3:12 am


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ankillien on Mon Oct 03, 2011 10:42 am

Hi,

To make the spoiler box and code box look same as this forum, you can add the following codes in Admin CP > Display > Colors > CSS..

Code:
.spoiler dd {
padding: 0px;
}.spoiler {
background: #fff;
border: 1px solid #999;
}.spoiler dt {
background: #fff;
border-bottom: 1px solid #ccc;
}

.codebox {
background: #fff;
border: 1px solid #999;
}.codebox dt {
background: #fff;
border-bottom: 1px solid #ccc;
}.codebox dd {
border: none;
}

For the select all button, use the link that slg posted above Smile

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ℋunni on Tue Oct 04, 2011 5:22 am

Thank you! It worked wonderfully <3

Though, is there any way for the scrolling bar to not be there? It seems to be appearing in the code box. Also, when I use [*blockquote][/blockquote*], it literally quotes the text as if it were [*quote][/quote*]. Any help on that subject too T _T? I don't want to be a hassle.

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ankillien on Tue Oct 04, 2011 8:09 am

To remove the scroll bar from code box, add following code in your CSS..

Code:
.codebox dd {
max-height: auto !important;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ℋunni on Tue Oct 04, 2011 8:55 am

You see, the scrollbar is from left to right. Not up and down. D:
Thank you for replying in such a timely fashion <3


ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ankillien on Tue Oct 04, 2011 10:19 am

To remove the vertical scroll bar this code will help..

Code:
.codebox dd {
white-space : normal !important
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ℋunni on Tue Oct 04, 2011 4:17 pm

Perfectly solved.
Thank you ankillien <3

ℋunni
Forumember

Female Posts : 150
Reputation : 4
Language : English

Back to top Go down

In progress Re: Altering the Code+Spoiler Box

Post by ankillien on Tue Oct 04, 2011 4:53 pm

Glad I could help out Very Happy

Topic Solved

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.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