I have changed oxygen a lotta bit, just the colors mainly,
but I have some questions that I seem to need answers to.
1. How do I change the background color of where the "back" images" show up?
If you are not sure what I mean by this please look at my site!
http://www.poorpeoplesparty.org/freespeech2. there is this white thing that goes up the side of my forum, I have no idea what it is or where it came from but when I right click on it, it says view image I click that and it takes me to the main site... need to get ride of that...
3. Also it would be awesome if some one could tell me how to add this header to the forums, yes I have read [unknown]'s tut on that but I cant seem to get the forum to agree with my divisions...
here is the html/php:
<?php
echo' <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="robots" content="all" />
<meta name="author" content="Shaun Aneiros" />
<meta name="Copyright" content="" />
<link href="../images/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="container">
<div id="header">
<p>Experience <span class="red">difference</span> </p>
</div>
<div id="hmenu">
<a href="http://www.poorpeoplesparty.org/">Home</a>
<a href="http://www.poorpeoplesparty.org/blogs">Blogs</a>
<a href="http://www.poorpeoplesparty.org/freespeech/">Forums</a>
<a href="http://www.poorpeoplesparty.org/contact/">Contact</a>
</div>
'
?>
here is the css for the header:
body {
margin: 0px;
padding: 0px;
font-size: 70%;
font-family: "Arial", Tahoma, Sans-Serif;
background: #242424;
color: #fff6f9;
}
/* LINKS */
a {
color: #fff6f9;
text-decoration: none;
background-color: inherit;
}
a:hover {
color: #d52d2d;
background-color: inherit;
}
/* HEADINGS */
h1 {
padding: 0px 0px 22px 0px;
font-size: 1.4em;
}
h2 {
font-size: 1.2em;
margin: 0px;
}
h3 {
width: 100%;
font-size: 1.5em;
color: #d52d2d;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.5em;
padding: 0px 0px 0px 30px;
background-color: inherit;
background-image: url("titlebg.gif");
background-repeat: no-repeat;
background-position: center left;
}
.red {
color: #d52d2d;
background-color: inherit;
}
/* PARAGRAPH */
p {
font-size: 1em;
color: #fff6f9;
line-height:1.6em;
margin: 0px 0px 5px 0px;
padding: 0px;
background-color: inherit;
}
/*-------------------------
DIVS IN ORDER OF APPEARANCE
-------------------------*/
/* WRAP, HOLDS EVERYTHING TOGETHER */
#wrap {
margin: 0px auto;
padding: 0px;
width: 691px;
}
#container {
float: left;
margin: 0px;
padding: 0px;
width: 780px;
background: url("middle.gif") repeat-y top left;
}
#top {
width: 700px;
height: 25px;
margin: 0px;
padding: 0px;
background: url("top.gif") no-repeat top left;
}
#header {
margin: 0px;
padding: 55px 0 0 100px;
background-color: inherit;
background-image: url("header.gif");
background-repeat: no-repeat;
height: 70px;
color: #fff6f9;
font-weight: bold;
font-size: 1.3em;
}
/* HORIZONTAL MENU */
#hmenu {
margin: 0 96px 0 15px;
padding: 10px 0 20px 0;
background: #d52d2d url("hmenu.gif") repeat-x top left;
color: #fff6f9;
}
#hmenu a {
color: #fff6f9;
margin: 0px 3px 0px 8px;
padding: 0 0px 0 9px;
background-color: transparent;
background-image: url("arrow.gif");
background-repeat: no-repeat;
background-position: center left;
}
#hmenu a:hover {
color: #242424;
background-color: transparent;
}
I am wanting the forum to line up inbetween the nav bars width(centered)
http://www.poorpeoplesparty.org/headerfooter/header.phpthanks for any help!!!!
Shaun