Wordpress/phpbb3 question

[swantonbomb88]

Site Url: http://hotwire.x10hosting.com/
Question: Ok, so my site has its own navigation bar, made with a combination of CSS and HTML. so, i want the same navigation bar on my wordpress blog and phpbb3 forum. how would i do that?

help is appreciated, +rep for whoever helps

EDIT: heres my sites CSS code:

body {
margin:0px;
background:#00baff;
}
.header {
background: url(images/headerbg.png) repeat-x;
height:116px;
}
.nav {
background: url(images/buttonbg.png) repeat-x;
height:28px;
}
img {
border:0px;
}
a.home {
background: url(images/home2.png) no-repeat;
background-position: 0px 0px;
width:60px;
height:28px;
display:block;
}
a.home:hover {
background-position: 0px -28px;
}
a.blog {
background: url(images/blog2.png) no-repeat;
background-position: 0px 0px;
width:42px;
height:28px;
display:block;
}
a.blog:hover {
background-position: 0px -28px;
}
a.forums {
background: url(images/forums2.png) no-repeat;
background-position: 0px 0px;
width:64px;
height:28px;
display:block;
}
a.forums:hover {
background-position: 0px -28px;
}
a.videos {
background: url(images/videos2.png) no-repeat;
background-position: 0px 0px;
width:61px;
height:28px;
display:block;
}
a.videos:hover {
background-position: 0px -28px;
}
a.gimpres {
background: url(images/gimpresources2.png) no-repeat;
background-position: 0px 0px;
width:127px;
height:28px;
display:block;
}
a.gimpres:hover {
background-position: 0px -28px;
}
a.contact {
background: url(images/contact2.png) no-repeat;
background-position: 0px 0px;
width:90px;
height:28px;
display:block;
}
a.contact:hover {
background-position: 0px -28px;
}
.annount {
width:500px;
height:350px;
}
.announl {
background: url(images/smallheaderleft.png) no-repeat;
width:16px;
height:27px;
}
.annountitle {
background: url(images/smallheaderbg.png) repeat-x;
width:468px;
height:27px;
text-align:center;
color:#ffffff
}
.announr {
background: url(images/smallheaderright.png) no-repeat;
width:16px;
height:27px;
}
.announb {
background:#e5e5e5;
}
a:link {
color: #00baff;
text-decoration: none;
}
a:visited {
color: #b1b1b1;
}
a:hover {
color: #006fb5;
text-decoration: underline;
}
a:active {
color: #b1b1b1;
}

[LHVWB]

You will have to go into the phpbb3 install and change some of the code within the style, that you are using.

You will need to go into the template you are using and change 'styles/(your template)/template/overall_header.html'

Here you can add a new div in the place that you want, that will change your template, or whatever. Post again if you need help to do that.

Edit: Add this code:

			<table cellpadding="0px" cellspacing="0px">
				<tr>
					<td>
						<a class="home" href="index.htm"></a>
					</td>
					<td>
						<a class="blog" href="blog"></a>

					</td>
					<td>
						<a class="forums" href="forums"></a>
					</td>
					<td>
						<a Class="videos" href="videos.htm"></a>
					</td>
					<td>
						<a class="gimpres" href="gimpresources.htm"></a>

					</td>
					<td>
						<a class="ads" href="ads.htm"></a>
					</td>
					<td>
						<a class="contact" href="contact.htm"></a>
					</td>
				</tr>
			</table>

Then you will need to put in a link to your .css file for the rest of your site. Remembering that you have to check to see if that will mean that a class will be defined twice.

Good luck!