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.
The forum of the forums
+2
Mike
HyperActive
6 posters

    Spoiler box.

    HyperActive
    HyperActive
    Forumember


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

    Solved Spoiler box.

    Post by HyperActive Fri 16 Dec - 0:40

    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 Fri 16 Dec - 21:50; edited 2 times in total
    Mike
    Mike
    Hyperactive


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

    Solved Re: Spoiler box.

    Post by Mike Fri 16 Dec - 0:51

    Go to css:

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 0:58

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

    Any suggestions?
    Mike
    Mike
    Hyperactive


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

    Solved Re: Spoiler box.

    Post by Mike Fri 16 Dec - 1:00

    Link to where it's being used?
    HyperActive
    HyperActive
    Forumember


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 1:25

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

    Spoiler:
    Mike
    Mike
    Hyperactive


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

    Solved Re: Spoiler box.

    Post by Mike Fri 16 Dec - 3:04

    that's spoiler... not code...
    HyperActive
    HyperActive
    Forumember


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 5:44

    Oh, i meant spoiler*

    Very Very sorry.

    I Changed the topic.

    Sorry again, silly mistake
    kirk
    kirk
    Forumaster


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

    Solved Re: Spoiler box.

    Post by kirk Fri 16 Dec - 6:16

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


    Solved Re: Spoiler box.

    Post by Guest Fri 16 Dec - 12:32

    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;
    }
    HyperActive
    HyperActive
    Forumember


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 21:13

    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:
    avatar
    Guest
    Guest


    Solved Re: Spoiler box.

    Post by Guest Fri 16 Dec - 21:33

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 21:38

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


    Solved Re: Spoiler box.

    Post by Guest Fri 16 Dec - 21:41

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 21:45

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


    Solved Re: Spoiler box.

    Post by Guest Fri 16 Dec - 21:46

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Fri 16 Dec - 21:49

    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 Fri 16 Dec - 21:51; edited 1 time in total
    avatar
    Guest
    Guest


    Solved Re: Spoiler box.

    Post by Guest Fri 16 Dec - 21:50

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Sat 17 Dec - 0:22

    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
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Solved Re: Spoiler box.

    Post by Mati Sat 17 Dec - 0:32

    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.
    HyperActive
    HyperActive
    Forumember


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

    Solved Re: Spoiler box.

    Post by HyperActive Sat 17 Dec - 0:37

    It didn't work. Sad
    Jophy
    Jophy
    ForumGuru


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

    Solved Re: Spoiler box.

    Post by Jophy Sat 17 Dec - 1:55

    Hi,

    Is this solved?
    HyperActive
    HyperActive
    Forumember


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

    Solved Re: Spoiler box.

    Post by HyperActive Sat 17 Dec - 3:22

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


    Solved Re: Spoiler box.

    Post by Guest Sat 17 Dec - 8:43

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Sat 17 Dec - 16:13

    Nope, didn't work.

    But i appreciate your help.
    kirk
    kirk
    Forumaster


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

    Solved Re: Spoiler box.

    Post by kirk Sun 18 Dec - 10:49

    LiMiTz wrote:Nope, didn't work.

    But i appreciate your help.

    then why is this marked solved?
    avatar
    Guest
    Guest


    Solved Re: Spoiler box.

    Post by Guest Sun 18 Dec - 16:47

    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.
    kirk
    kirk
    Forumaster


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

    Solved Re: Spoiler box.

    Post by kirk Sun 18 Dec - 16:50

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


    Solved Re: Spoiler box.

    Post by Guest Sun 18 Dec - 16:55

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


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

    Solved Re: Spoiler box.

    Post by HyperActive Sun 18 Dec - 17:53

    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.
    kirk
    kirk
    Forumaster


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

    Solved Re: Spoiler box.

    Post by kirk Sun 18 Dec - 17:59

    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

      Current date/time is Wed 13 Nov - 19:49