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.

Spoiler box.

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Spoiler box.

Post by HyperActive on December 16th 2011, 12:40 am

Hello,

Can anyone tell me how to change the border of the code box?...

and the background of it, like i would like the border and the background to both be transparent.

Thanks in advance, hope someone responds. Very Happy


Last edited by LiMiTz on December 16th 2011, 9:50 pm; edited 2 times in total

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Mike on December 16th 2011, 12:51 am

Go to css:

Code:
.codebox { background: none !important;
border: none !important}

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 12:58 am

Thanks for helping, but not quite, it still shows the background black and the border red.

Any suggestions?

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Mike on December 16th 2011, 1:00 am

Link to where it's being used?

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 1:25 am

I Don't think you can see, because it's locked to the members. But i will provide a screenshot for you.

Spoiler:

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Mike on December 16th 2011, 3:04 am

that's spoiler... not code...

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 5:44 am

Oh, i meant spoiler*

Very Very sorry.

I Changed the topic.

Sorry again, silly mistake

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by kirk on December 16th 2011, 6:16 am

i cant tell what that is, but we will need to see it on the page.
So may be open a board to guest and post what you mean in a post and give us the link so we can see it.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 16th 2011, 12:32 pm

CSS Code:
Code:
table.spoiler{
border-color: transparent !important;
background: transparent !important;
}

td.spoiler_closed hidden{
border-color: transparent !important;
background: transparent !important;
}

td.spoiler_content{
border-color: transparent !important;
background: transparent !important;
}

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 9:13 pm

Gassy wrote:CSS Code:
Code:
table.spoiler{
border-color: transparent !important;
background: transparent !important;
}

td.spoiler_closed hidden{
border-color: transparent !important;
background: transparent !important;
}

td.spoiler_content{
border-color: transparent !important;
background: transparent !important;
}

Yes, thank you very much it worked. But how do i change the border of the spoiler when it is closed.

Spoiler:
Like this

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 16th 2011, 9:33 pm

Add also:
Code:
td.spoiler_closed{
border-color: transparent !important;
background: transparent !important;
}

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 9:38 pm

Thank you so much, it works. Now one more question, not really sure if i should make a new post of it,

but now i want to do the same exact thing to the code box. But i would like a black border, and the background still transparent.

Thanks In Advance. Very Happy

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 16th 2011, 9:41 pm

Code:
td.code{
  border: black !important;
  background: transparent;
}

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 9:45 pm

Thanks it worked!

but i promise this is the last question.

Thanks for your help, i just need help with this last thing...

how can i make the border of the code box bigger or fatter.

Thanks in advance again. You are a big help to me. Very Happy

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 16th 2011, 9:46 pm

Use:
Code:
border: 3px solid #000;

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 16th 2011, 9:49 pm

Thank You to everyone who helped.
and
Thank you Gassy for the codes.

You were a huge help to me. Very Happy

Thanks again.

Edited*: And also thank you for replying immediately.

-Locked-


Last edited by LiMiTz on December 16th 2011, 9:51 pm; edited 1 time in total

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 16th 2011, 9:50 pm

You're welcome.
LiMiTz wrote:You were a huge help to me. Very Happy
Razz

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 17th 2011, 12:22 am

One curious question.

Can you possibly make the spoiler and the codes box small by width?

Same height, but can i control the width size?

Thanks in advance again. Very Happy

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Mati on December 17th 2011, 12:32 am

Yes you can just put this in the codes you got on this topic and change width 95% until it fits your needs.

Code:
width: 95%;

hope it helps.

Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 17th 2011, 12:37 am

It didn't work. Sad

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Jophy on December 17th 2011, 1:55 am

Hi,

Is this solved?

Jophy
ForumGuru

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

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 17th 2011, 3:22 am

Umm, not yet. I Just need to get the code to make the width of the code box and the spoiler box smaller.

Thanks in advance. Very Happy

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 17th 2011, 8:43 am

Code:
td.code{
  width: 85% !important;
}
Are you sure that doesn't work?

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 17th 2011, 4:13 pm

Nope, didn't work.

But i appreciate your help.

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by kirk on December 18th 2011, 10:49 am

LiMiTz wrote:Nope, didn't work.

But i appreciate your help.

then why is this marked solved?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 18th 2011, 4:47 pm

This?
Code:
td.code{
  margin-left: 15px !important;
  margin-right: 15px !important;
}
Note: you can edit the values, but take sure that the values need to be the same.

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by kirk on December 18th 2011, 4:50 pm

well i suggest LiMiTz answers this post and removes the solved icon if it is not yet solved, If not then it will be consider solved, locked and moved to archives.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Spoiler box.

Post by Guest on December 18th 2011, 4:55 pm

Hmm, kirk, it's strange but a lot of people mark their topics solved, when the topics isn't solved. Sad

Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive on December 18th 2011, 5:53 pm

Gassy wrote:This?
Code:
td.code{
  margin-left: 15px !important;
  margin-right: 15px !important;
}
Note: you can edit the values, but take sure that the values need to be the same.

That didn't work either Sad

Am I doing something wrong here? because there is like 4 codes in this topic, but yet non work...

@kirk wrote:
LiMiTz wrote:Nope, didn't work.

But i appreciate your help.

then why is this marked solved?

Sorry guys for not answering, i had a family thing, so anyways, the reason it's solved, is because it was solved, but then i had another question.... but i dont know how to take the icon off. it shows 2 icons, Complete and Solved.

HyperActive
Forumember

Male Posts : 374
Reputation : 10
Language : English
Location : Virginia

http://forumpeak.com/

Back to top Go down

Solved Re: Spoiler box.

Post by kirk on December 18th 2011, 5:59 pm

Gassy wrote:Hmm, kirk, it's strange but a lot of people mark their topics solved, when the topics isn't solved. Sad

yeah i know, then others have them solved and dont say or mark anything.
That why members should always read forum rules first... Very Happy
what can you do thats what us staff are for, I guess i can ask Mario to make a reminder announcement, i mean the last thing i want to do is have to warn people for something as silly as this, but if everyone did it that would be a disaster.. affraid but it's usually not that many, comes and goes in waves i guess?

LiMiTz wrote:

Sorry guys for not answering, i had a family thing, so anyways, the reason it's solved, is because it was solved, but then i had another question.... but i dont know how to take the icon off. it shows 2 icons, Complete and Solved.

You chose to show none if it is not solved.
And if you have another question it would be best to search it first and if you cant find the results you need then start another topic,

Because it can get confusing sometimes when you start adding more questions to one thread, then if the answer is giving it wont show up in the search either because it's now under a different title withing the same thread as the first question.

So if this is solved say so, i will lock and archive this thread, Then just a start a new thread if you do not find the answer to your next question. Smile

Thanx

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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