Spoiler box.  Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
+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 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
    Mike
    Mike
    Hyperactive


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

    Solved Re: Spoiler box.

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

    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 December 16th 2011, 12:58 am

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

    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 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:
    Mike
    Mike
    Hyperactive


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

    Solved Re: Spoiler box.

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

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


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

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


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

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


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


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

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


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


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

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


    Solved Re: Spoiler box.

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

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


    Solved Re: Spoiler box.

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

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


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


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

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


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

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


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

    Solved Re: Spoiler box.

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

    It didn't work. Sad
    Jophy
    Jophy
    ForumGuru


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

    Solved Re: Spoiler box.

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

    Hi,

    Is this solved?
    HyperActive
    HyperActive
    Forumember


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

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


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


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

    Solved Re: Spoiler box.

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

    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 December 18th 2011, 10:49 am

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


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

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


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


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

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


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

    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