The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Spoiler box.

+2
Mike
HyperActive
6 posters

Page 1 of 2 1, 2  Next

Go down

Solved Spoiler box.

Post by HyperActive 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
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 December 16th 2011, 12:51 am

Go to css:

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

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 December 16th 2011, 1:00 am

Link to where it's being used?
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 December 16th 2011, 3:04 am

that's spoiler... not code...
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Solved Re: Spoiler box.

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

Oh, i meant spoiler*

Very Very sorry.

I Changed the topic.

Sorry again, silly mistake
HyperActive
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 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
kirk
Forumaster

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

Back to top Go down

Solved Re: Spoiler box.

Post by Guest 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;
}
avatar
Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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:
HyperActive
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 December 16th 2011, 9:33 pm

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


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 December 16th 2011, 9:41 pm

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


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 December 16th 2011, 9:46 pm

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


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 December 16th 2011, 9:50 pm

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


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 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
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Solved Re: Spoiler box.

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

It didn't work. Sad
HyperActive
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 December 17th 2011, 1:55 am

Hi,

Is this solved?
Jophy
Jophy
ForumGuru

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

Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 December 17th 2011, 8:43 am

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


Back to top Go down

Solved Re: Spoiler box.

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

Nope, didn't work.

But i appreciate your help.
HyperActive
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 December 18th 2011, 10:49 am

LiMiTz wrote:Nope, didn't work.

But i appreciate your help.

then why is this marked solved?
kirk
kirk
Forumaster

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

Back to top Go down

Solved Re: Spoiler box.

Post by Guest 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.
avatar
Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by kirk 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
kirk
Forumaster

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

Back to top Go down

Solved Re: Spoiler box.

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

Solved Re: Spoiler box.

Post by HyperActive 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
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 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
kirk
Forumaster

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

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

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