vBulletin SEO Forums

SEO

vBulletin Search Engine Optimization

Buy vBSEO Now! HACKER SAFE certified sites prevent over 99.9% of hacker crime.
ne nw
Success with vBSEO = 600ore Web Visitors + $1400 in a Day! Do you *Demand Blazing Speed* for Your *Optimized* vBulletin/vBSEO Hosting? Crawlability Inc. Files for SEO Technology Patent vBSEO Helps Forum Earn $100/day from Google AdSense
se sw

Changing the CSS for header

This is a discussion on Changing the CSS for header within the General Discussion forums, part of the vBulletin SEO Discussion category; Hi all, I'm not so good with CSS -- so I thought I'd ask for some assistance First of ...

Go Back   vBulletin SEO Forums > vBulletin SEO Discussion > General Discussion

Enhancing 80 million pages.

Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
  #1  
Old 03-27-2008, 09:00 PM
Jason Amison's Avatar
Senior Member
 
Real Name: Jason Amison
Join Date: Feb 2008
Location: England
Posts: 177
Blog Entries: 1
Changing the CSS for header

Hi all,

I'm not so good with CSS -- so I thought I'd ask for some assistance

First of all, can anyone tell me the html colour code these are using for that blue: TechSpot blog - Technology news and commentary by TechSpot.com staff

I want to change my blog to that colour -- but haven't got a clue how to do it. Here is my stylesheet:

Code:
body {
background: #ffffff;
margin: 0;
padding: 0;
font: 9pt Verdana, arial;}

#wrapper {
width: 1000px;
margin: 0 auto;}


/* HEADER */

#header {
width: 100%;
background: url(images/bg.jpg) repeat-x;
height: 181px;}

/* TOP NAVIGATION */

#navbar {
margin-top: 0;
width: 100%;}

.menu * {
padding: 0;
margin: 0;}

.menu {
width: 100%;
padding: 0;
margin: 0;}

.menu ul {
margin: 0;
position: relative;
list-style: none; 
list-style-type: none; 
padding-right: 25px;}

.menu ul li {
float: right;
display: inline;
padding-top: 0;
padding-right: 30px;
list-style: none;}

.menu li a {
float: left;
display: inline;
font: bold 9pt Verdana, arial;
text-align: center;
padding: 12px 0;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;}

.menu li.current_page_item a {
background: url(images/arrow.gif) bottom no-repeat;
color: #DCEAF4;}

.menu li a:hover {
text-decoration: none;
background: url(images/arrow.gif) bottom no-repeat;
color: #FFFFFF;}

/* BLOG NAME PROPERTIES */

h1 {
clear: both;
margin: 0;
text-align: left;
padding-top: 30px;
padding-left: 40px;
letter-spacing: 1px;
font: bold 2.4em Verdana, serif;}

a.mainlink {
text-decoration: none;
color: #FFFFFF;}

a.mainlink:hover {
text-decoration: none;
color: #FFFFFF;}

#description {
clear: both;
padding-top: 12px;
padding-left: 45px;
font: 1.1em Verdana, serif;
color: #DCEAF4;}

/* SIDEBAR */

#leftnav {
float: left;
width: 210px;
padding-top: 7px;
padding-left: 15px;
padding-right: 30px;}

#mainnav {
float: left;
width: 210px;
padding-top: 7px;
padding-left: 30px;
padding-right: 15px;}

.nav h2 {
clear: both;
background: #024A82;
font: bold 9pt Verdana, arial;
text-indent: 20px;
margin-top: 15px;
padding: 7px 0;
color: #DCEAF4;}

.nav * {
padding: 0;
margin: 0;}

.nav li {
list-style: none;}

.nav li a {
display: block;
background: url(images/link.gif) bottom no-repeat;
padding: 7px 0;
text-indent: 15px;
width: 210px;
font: 9pt Verdana, arial;
text-decoration: none;
text-transform: capitalize;
color: #6E6E6E;}

.nav li a:hover {
color: #033D72;}

/* MAIN PROPERTIES */

#main {
float: left;
padding-top: 20px;
line-height: 16px;
text-align: justify;
font: 10pt verdana, serif;
width: 490px;
color: #3E3C3C;}

*html #main {
width: 487px;}

.ad {
padding-top: 30px;}

h3 {
padding-bottom: 5px;
margin: 3px 0px 3px 0px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 14px;
color: #033D72;}

a.link {
margin-top: 20px;
text-decoration: none;
color: #033D72;}

a.link:hover {
text-decoration: none;
color: #033D72;}

.reply {
clear: both;
padding-top: 20px;
padding-bottom: 5px;
margin: 3px 0px 3px 0px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 14px;
color: #033D72;}

blockquote {
padding-left: 7px;
padding-right: 5px;
font-size: 8pt;
border-left: 3px solid #025590;
color: #8F9192;}

.clear {
clear: both;}

/* AUTHOR TEXT */

h5 {
font: 8pt Verdana, arial;
margin-top: -10px;
color: #4B4B4B;}

h5 strong {
color: #1C689D;}

.entries {
clear: both;
height: 25px;
padding: 0;
margin-top: 35px;
margin-bottom: 20px;}

.entries a {
text-decoration: none;}

.entries a:hover {
text-decoration: none;
color: #043264;}

.left {
float: left;}

.right {
float: right;}

/* COMMENTS */

.com {
clear: both;
text-align: right;
height: 18px;
background: url(images/line.gif) bottom repeat-x;
padding-right: 10px;
margin-bottom: 20px;
color: #3E3C3C;}

.com a {
text-decoration: none;
color: #1B609A;}

.com a:hover {
text-decoration: none;
color: #000000;}

.author {
padding: 7px 0 0 10px;
font: bold 13pt Times New Roman, arial;
color: #1D588A;}

.author a {
color: #4C83B1;}

.alt {
background-color: #F5F8FA;}

.comment {
padding: 0 10px;}

.userinfo {
padding: 0 10px 10px 0;
text-align: right;}

/* FOOTER */

#footer {
clear: both;
background: url(images/footer.gif) repeat-x;
width: 100%;
height: 44px;
font-size: 8pt;
color: #043062;}

#footer a {
font-size: 8pt;
text-align: left;
text-decoration: none;
color: #043062;}

#footer a:hover {
text-decoration: none;
color: #1B508D;}

/* INPUT PROPERTIES */

#search {
margin-top: 12px;
margin-bottom: 30px;}

.searchform {
background-color: #FFFFFF;
border: 1px solid #A3A4A3;
font-weight: bold;
padding-left: 6px;
color: #878887;}

.field {
background-color: #F5F8FA;
border: 1px solid #BCBCBB;
color: #6E6E6E;}

.comments {
background-color: #F5F8FA;
border: 1px solid #BCBCBB;
color: #6E6E6E;}

.button {
font-weight: bold;
background-color: #FFFFFF;
border: 1px solid #A3A4A3;
color: #878887;}

* html .button {
height: 20px;}

/* IMAGE STYLE */

img {
float: left;
padding-right: 5px;
border: 0;}

.wp-smiley {
float: none;}

/* GENERAL LINK STYLE */

a {
text-decoration: none;
color: #1C689D;}

a:hover {
text-decoration: none;
color: #034379;}
My blog can be found here - Tech Support Team

What would I change to get the header the same colour as that websites I linked you to, and the sidebars.

Thanks!

Regards Jason
__________________
Tech Support Team
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads

Thread Thread Starter Forum Replies Last Post
Which header? :) Yours Truly Off-Topic & Chit Chat 13 03-10-2008 07:05 PM
Header Help IE7 reefland Template Modifications 4 06-04-2007 03:33 PM
Welcome Header offline General Discussion 6 07-25-2006 09:48 PM


All times are GMT -4. The time now is 04:26 PM.


Powered by vBulletin Version 3.7.0
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC6 ©2008, Crawlability, Inc.