Changing the forum header color (UPDATED PLEASE HELP!)

Go down

In progress Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 15th 2014, 4:17 pm





http://idyllicduelacademy.forumotion.com/

PunBB version

Default code for my forum, really dont know how to use css stylesheet.
Spoiler:
body {
    background-color: #D8ECFF;
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pun {
    width: 990px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    line-height: 130%;
    background-color: white;
    margin-top: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;
}

.pun a:link, .pun a:visited, .pun a:active {
    text-decoration: none;
    color: #44505C;
}
.pun a:hover {
    color: #566878;
}

#pun-intro {
    background:#8394a1 url('https://i.servimg.com/u/f43/14/73/12/96/light10.png') repeat-x 0 50%;
    box-shadow:inset rgba(255,255,255,0.4) 0px 1px 0px;
    -moz-box-shadow:inset rgba(255,255,255,0.4) 0px 1px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.4) 0px 1px 0px;
    border:1px solid #70818f;
    margin-top: 10px
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.entry-content {
    color: #333333;
    font-family: "Verdana","Lucida Grande","Tahoma",sans-serif;
    font-size: 13px;
    line-height: 1.5em;
}

#text_editor_textarea, #textarea_content iframe#text_editor_iframe {
    color: #454545;
    font-family: verdana;
    font-size: 10pt !important;
    padding: 4px;
    width: 100%;
    border: 1px solid #BEBEBE;
}

.pun .main-content {
    background-color: #FBFBFB;
    border: 1px solid #5D7382;
}

.pun table.table td {
    background-color: #F5F5F5;
    border-top: 1px solid #5D7382;
    border-left: 0px dashed #19637D;
    border-right: 0px dashed #19637D;
    line-height: 130%;
    padding-bottom: 0.7em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.6em;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #F5F5F5;
    font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-weight: bold;
}

td.tc2 {
    color: #3F576F;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 13px;
}

.pun table.table th {
    background-color: #E9E9E9;
    color: #626262;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
}

#tabs ul li.activetab a {
    text-decoration: none;
    background-color: #D5E6F4;
    border: 1px solid #BEBEBE;
    color: #555;
}
#tabs ul li.activetab a:hover {
    background-color: #e0edf7;
}
#tabs ul li a {
    text-decoration: none;
    background-color: #F4F9FD;
    border: 1px solid #BEBEBE;
    float: left;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 2em;
    padding-bottom: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0;
}

.frm-buttons {
    border-top: 0px;
    margin-bottom: 0.7em;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

.main .main-head {
    background:#7A9AB0 url('https://i.servimg.com/u/f43/14/73/12/96/mine-b10.png') repeat-x 50% 50%;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-bottom: 0px solid #668BA4;
    border-left: 1px solid #5D7382;
    border-right: 1px solid #5D7382;
    border-top: 1px solid #5D7382;
    -webkit-box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    text-shadow: 0 -1px 0 #668BA4;
    line-height:18px;
    padding:8px!important;
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
}

#pun-title {
    display: none;
}

.forumtitle {
    font-family: Verdana,Arial,Sans-serif,Helvetica;
    color: #3B678E !important;
}

.main .frm-info {
    background-color: #f7cae0;
    border: 1px solid #d07ea7;
    color: #cc4e86;
}

.main .main-head .page-title h2 {
    font-size: 13px;
    font-weight: bold;
}

#pun-visit, .main-box {
    background-color: #F4F4F4;
    border: 1px solid #5D7382;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;
}

.main .main-foot {
    background-color: transparent;
    color: #454545;
    font-weight: 400;
    padding-bottom: 0.7em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0.7em;
}

.pun .paged-foot, .pun .paged-head {
    background-color: transparent;
    padding-bottom: 0.3em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0.6em;
    border: 0px;
}

.codebox {
    background-color: #f1f1f1;
    margin: 1em;
    border: 1px solid #81A2C4;
    border-left: 3px solid #81A2C4;
    border-top: 2px solid #81A2C4;
}
.codebox dt {
    border-bottom: dashed 1px #81A2C4;
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.25em;
    color: #026CB1;
    font-weight: bold;
}
.codebox dd {
    background-color: #f1f1f1;
    margin: 0.5em;
    padding: 0.5em;
}

.postmain blockquote {
    background-color: #FFFFFF;
    border: 1px solid #BEBEBE;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border-bottom: 1px solid #BEBEBE;
}

.board .board_statistics {
    background:#7A9AB0 url('https://i.servimg.com/u/f43/14/73/12/96/mine-b10.png') repeat-x 50% 50%;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-bottom: 0px solid #668BA4;
    border-left: 1px solid #5D7382;
    border-right: 1px solid #5D7382;
    border-top: 1px solid #5D7382;
    -webkit-box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    text-shadow: 0 -1px 0 #668BA4;
    line-height:18px;
    padding:8px!important;
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
}

.boardStats {
    float: right;
    padding: 0.6em 1em;
}

#onlinelist {
    background-color: #F4F4F4;
    border: 0px;
    padding: 0.6em 1em;
}

#onlinelist p {
    line-height: 150%;
}

dl.right {
    margin-right: 25px;
    margin-top: 60px;
    font-weight: bold;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

#pun-head #pun-navlinks {
    background:#8394a1 url('https://i.servimg.com/u/f43/14/73/12/96/top_na10.png') repeat-x 0 -30px;
    border-bottom: 1px solid #70818F;
    border-left: 1px solid #70818F;
    border-right: 1px solid #70818F;
    border-top: 0px solid #70818F;
    padding-bottom: 0.6em;
    padding-left: 1.1em;
    padding-right: 1.1em;
    padding-top: 0.5em;
    border-radius: 0 0 4px 4px;
    height: 20px;
    line-height: 23px;
}

#pun-navlinks li a {
    color: #fff;
    margin-right: 1px;
    padding: 5px;

}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border-radius: 3px;
-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;
}

#chatbox_header.main-head {
    background:#7A9AB0 url('https://i.servimg.com/u/f43/14/73/12/96/mine-b10.png') repeat-x 50% 50%;
    color: #fff;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}
.chatbox-title, .chatbox-title a.chat-title {
    text-decoration: none;
    color: #fff;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    text-decoration: none;
}

#pun-about {
    background-color: #F4F4F4;
    border: 1px solid #5D7382;
    line-height: 150%;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;
    text-align: center;
}

#pun-about ul li a {
    font-weight: bold;
}
#pun-about #qjump {
    display: none;
}

So I believe this is called the forum header, I would like to know how to change the name of number 1 and get rid of number 2, I also would like to know how do I change the color of all the headers?Hopefully when changing the name of number 1 it will just change every time I make a new category. I believe I have to change the background picture or something like that to change the colors.

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 15th 2014, 11:55 pm

For changing #1, goto ACP>General>Forum>Catagories and Forums. Find the forum, then change the name. If you want to hide that other forum bar, goto ACP>Display>Homepage>structure. Split categories on index : Medium. To remove the light blue, try removing this code from the css stylesheet:
Code:
.main .main-head {
    background:#7A9AB0 url('http://i43.servimg.com/u/f43/14/73/12/96/mine-b10.png') repeat-x 50% 50%;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-bottom: 0px solid #668BA4;
    border-left: 1px solid #5D7382;
    border-right: 1px solid #5D7382;
    border-top: 1px solid #5D7382;
    -webkit-box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.2) 0px 0px 0px 1px;
    text-shadow: 0 -1px 0 #668BA4;
    line-height:18px;
    padding:8px!important;
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
}
I've tested it on my test forum and it'll turn out like:

avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 1:08 am

By switching to Split categories on index : Medium, number 1 changed itself, but the bar below still remains:

Now I understand that the code you provided me to take out is suppose to take away the light blue, but what if I am trying to color it to orange? What would I change to make that happen, because I do like the gloss look the forum gives itself with the blue I would just like it a different color.

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 1:09 am

Can you give me the hex color of the teal color? Never mind, could you send me a hitskin ink to your skin?
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 1:23 am


Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 2:58 am

I'll be trying to tweek the forum's CSS to make it orange
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 3:16 am

Well just find out what codes I need to change the color, or what codes changes what things on the forum.

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 3:19 am

Hm, since Mati devolped the skin, we could wait for him to help. I don't know what to do. I am very sorry.+
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 3:50 am

Because everytime I try just changing the colors through pictures and colors under colors. Nothing seems to happen.

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 3:56 am

Try finding the url of the links and replace them with and replace them with:
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 4:16 am

Will that keep the gloss look?

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 4:39 am

You can try.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 5:15 am

Did not work

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 5:35 am

It's best to wait for Mati to help us. I cannot think of a solution.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 16th 2014, 5:40 am

Matti apparently quit awhile ago

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Kite Trojan on February 16th 2014, 5:57 am

No, Matti is Mati TM
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 17th 2014, 4:53 am

bump

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 18th 2014, 3:34 am

Early bump

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Jophy on February 18th 2014, 5:53 am

For getting rid of number 2, try this code, place it on your CSS:
Code:
.tc1, .tc2, .tc3, .tcr {
display: none !important;
}

See if it will work.
avatar
Jophy
ForumGuru

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

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 18th 2014, 4:50 pm

That code basically got rid of everything but the forum part.

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Jophy on February 19th 2014, 5:03 am

Well most of the codes that will be applied will affect parts of the forum. Try this one:
Code:
thead {
display: none !important;
}
avatar
Jophy
ForumGuru

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

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Liquidkills on February 19th 2014, 5:29 am

I am more worried about changing the color.

Liquidkills
New Member

Male Posts : 17
Reputation : 0
Language : English

Back to top Go down

In progress Re: Changing the forum header color (UPDATED PLEASE HELP!)

Post by Jophy on February 19th 2014, 6:00 am

This would be the code to change all the forum headers:
Code:
.main-head {
background-color: COLORHERE !important;
}

Note: I have not seen the way to change the header for that part only,  give it a try.
avatar
Jophy
ForumGuru

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

Back to top Go down

Back to top


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