Changing the forum header color (UPDATED PLEASE HELP!)
3 posters
Page 1 of 1
Changing the forum header color (UPDATED PLEASE HELP!)
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
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
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;
}
Re: Changing the forum header color (UPDATED PLEASE HELP!)
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.
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
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
I'll be trying to tweek the forum's CSS to make it orange
Re: Changing the forum header color (UPDATED PLEASE HELP!)
Well just find out what codes I need to change the color, or what codes changes what things on the forum.
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
Hm, since Mati devolped the skin, we could wait for him to help. I don't know what to do. I am very sorry.+
Re: Changing the forum header color (UPDATED PLEASE HELP!)
Because everytime I try just changing the colors through pictures and colors under colors. Nothing seems to happen.
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
Will that keep the gloss look?
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
It's best to wait for Mati to help us. I cannot think of a solution.
Re: Changing the forum header color (UPDATED PLEASE HELP!)
Matti apparently quit awhile ago
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
For getting rid of number 2, try this code, place it on your CSS:
See if it will work.
- Code:
.tc1, .tc2, .tc3, .tcr {
display: none !important;
}
See if it will work.
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Changing the forum header color (UPDATED PLEASE HELP!)
That code basically got rid of everything but the forum part.
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
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
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Changing the forum header color (UPDATED PLEASE HELP!)
I am more worried about changing the color.
Liquidkills- New Member
- Posts : 17
Reputation : 0
Language : English
Re: Changing the forum header color (UPDATED PLEASE HELP!)
This would be the code to change all the forum headers:
Note: I have not seen the way to change the header for that part only, give it a try.
- 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
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Changing forum header color
» Need help making color transparent and changing header text color
» Header background color not changing?
» Changing Widget Header Color
» Changing the Forum Header phpbb3
» Need help making color transparent and changing header text color
» Header background color not changing?
» Changing Widget Header Color
» Changing the Forum Header phpbb3
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum