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.

Changing the forum header color (UPDATED PLEASE HELP!)

View previous topic View next topic 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://i43.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://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;
}

#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://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;
}

.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://i43.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://i43.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:


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 toSplit 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?

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

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

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:

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.

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.

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

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.

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

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.

Jophy
ForumGuru

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

Back to top Go down

View previous topic View next topic Back to top


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