SKOKEY
Heavy poster
Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
|
Reply | Quote
|
|
Re: new and need help
The coding is beyond my abilities. Hopefully Lesigner Girl will come back in to help you with that. It's got something to do with putting the picture elements in your HTML block and then using CSS to define where and how to display the elements.
Getting the green tarnish on the gold should be no problem. I'll get right on it.
|
12/1/2007, 6:26 pm
|
Link to post
Email SKOKEY
PM SKOKEY
|
SKOKEY
Heavy poster
Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
|
Reply | Quote
|
|
Re: new and need help
Kinda like this?
Last edited by SKOKEY, 12/1/2007, 7:53 pm
|
12/1/2007, 7:46 pm
|
Link to post
Email SKOKEY
PM SKOKEY
|
Stage88
Registered user
Registered: 11-2007
Posts: 21
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: new and need help
thats perfect.
thank you very much.
|
12/2/2007, 12:23 am
|
Link to post
Email Stage88
PM Stage88
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: new and need help
Those look great, Skokey!
Ok, ready for this, Stage?
Go to your CSS and replace:
/* DEFINES MAIN DIV BOX */
#container {
background-color : #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/darkweb/repeater.gif);
background-repeat : repeat;
border : 1px solid #a9a9a9;
width : 780px;
margin : 0 auto;
padding : 2px;
}
With this:
/* DEFINES MAIN DIV BOX */
#leftmar {
background : #007e3a url(http://i3.tinypic.com/6ly8ymr.gif) left top repeat-y;
width : 836px;
margin : 0 auto;
}
#rightmar { background: url(http://i3.tinypic.com/6ly8ymr.gif) right top repeat-y; }
#topmar { background: url(http://i5.tinypic.com/8bf3af4.gif) left top repeat-x; }
#botmar { background: url(http://i5.tinypic.com/8bf3af4.gif) left bottom repeat-x; }
#topleft, #topright, #botleft, #botright { background:url(http://i15.tinypic.com/7wr4dc0.jpg) no-repeat; }
#topleft { background-position: left top; }
#topright { background-position: right top; }
#botleft { background-position: left bottom; }
#botright { background-position: right bottom; padding: 38px; }
Also, you should change the background of #banbox to the compressed version Skokey gave you (marked in red below) for faster loading, then after:
/* DEFINES BANNER BOX AND LINKS */
#banbox {
width : 760px;
height : 200px;
background : #34132e url(http://i12.tinypic.com/833qa1t.jpg);
margin : 0 auto;
text-align : center;
}
#banbox h1 { margin:0; }
h1 a:link, h1 a:visited {
display : block;
height : 135px;
width : 100%;
text-decoration : none;
color : #cccccc;
}
Add this line:
#banbox a { text-indent: -200000px; }
Then go into your HTML, and replace your whole Header with this:
<div id="leftmar"><div id="rightmar"><div id="topmar"><div id="botmar">
<div id="topleft"><div id="topright"><div id="botleft"><div id="botright">
<div class="content">
<div id="banbox"><h1><a href="/btheeinherjar">The Einherjar</a></h1></div>
<marquee behavior="scroll" direction="left" scrollamount="6">
The Einherjar are the heroes who have died with great bravery on the battle fields. These heroes are prepared in Valhalla for the oncoming battle of Ragnarok. In the morning they are woken by the crowing of the cock Gullinkambi. During the day they train and fight, until they cut each other to pieces. At night they feast at Odin's side and their wounds are miraculously healed.</marquee>
And replace your whole HTML footer with this:
<div align="backtotop"><a href="#"> ↑
<br />back to top</a> </div>
</div>
</div></div></div></div></div></div></div></div>
Yep, that's a lot of divs, but there are 4 sides plus 4 corners, so with 8 divs, you can easily change to a flexible width if you ever choose to.
|
12/2/2007, 5:29 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Stage88
Registered user
Registered: 11-2007
Posts: 21
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: new and need help
ok that worked realy good but I have a green line at the bottom of my page. I would like to move my header picture up so it is tight with the border. and on my forum where it says Forum "Topics Posts Last Post " it has a almost checkerd background would it possible to put the animated smoke there but in more of a grey blue color on a transperent back ground? and I would like to change the font of my marquee to the same one in my header picture make it one size bigger and make it bolder.
|
12/2/2007, 8:18 pm
|
Link to post
Email Stage88
PM Stage88
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: new and need help
Sorry, I should have told you to completely replace your #banbox definitions, because I forgot I had made additional changes to it.
Change this:
#banbox {
width : 760px;
height : 200px;
border : 1px solid #a9a9a9;
background-image : url(http://i12.tinypic.com/833qa1t.jpg);
margin : 0 auto;
text-align : center;
margin-top : 10px;
margin-bottom : 10px;
}
to this:
#banbox {
height : 200px;
border-bottom : 1px solid #a9a9a9;
background-image : url(http://i12.tinypic.com/833qa1t.jpg);
text-align : center;
}
#banbox h1 {
margin: 0;
}
I also forgot to mention that #banbox h1 was a new addition, so I included it in this CSS substitution.
If you prefer the thicker border around the header that you currently have, you can change border-bottom back to border.
The green at the bottom is caused by this margin-bottom definition below, so just take out the line in red:
.content {
border : 1px solid #a9a9a9;
background-image : url(http://img266.imageshack.us/img266/5540/vikingshipuy4.jpg);
width : 760px;
margin : 0 auto;
margin-bottom : 10px;
}
I see that you still have in the background of your page. You can take that out here (delete the part in red):
/* DEFINES BODY COLOR BACKGROUND IMAGE FONT AND POSITION */
body {
background-color : #000000;
background-image : url(http://rbbt.net/skins/joshin_josh/darkweb/leet.gif);
background-attachment : fixed;
font-family : verdana, arial, tahoma;
}
quote: and I would like to change the font of my marquee to the same one in my header picture make it one size bigger and make it bolder.
I forgot to give you the customized marquee CSS I used, too. Dang, was I half asleep or what?
Here it is, with a few extra fonts thrown in:
marquee {
color: #000000;
font: bold 18px 'old english', kelt, 'flat brush', arial, sans-serif;
opacity: .8; filter:alpha(opacity=80);
background:#909c8e;
border-bottom:1px solid #666666;
border-top: 1px solid #a9a9a9;
}
Keep in mind that it will only display a font if someone has it installed on their computer. If the first one in the list isn't installed, then it looks for the 2nd, then the third, etc. For this reason, I tried to stick with fonts that a lot of people might have. Also, here is a screen grab to show you what the various fonts listed above will look like (sans-serif looks like arial):
quote: and on my forum where it says Forum "Topics Posts Last Post " it has a almost checkerd background would it possible to put the animated smoke there but in more of a grey blue color on a transperent back ground?
After Skokey makes the graphic (assuming he'll want to do it) and posts it here, I'll give you the code for that.
|
12/2/2007, 9:53 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Stage88
Registered user
Registered: 11-2007
Posts: 21
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: new and need help
thats so much better it helps go the trnsition from my banner to my background
|
12/3/2007, 12:06 am
|
Link to post
Email Stage88
PM Stage88
|
Stage88
Registered user
Registered: 11-2007
Posts: 21
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: new and need help
skokey could you find me a colour sample that resembles "old parchment" kinda like stained paper yellow, off white, brown. I wnat to put it up so it will be the background when people type or read a post.
|
12/3/2007, 12:53 am
|
Link to post
Email Stage88
PM Stage88
|
SKOKEY
Heavy poster
Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
|
Reply | Quote
|
|
Re: new and need help
Here's the blue smoke.
|
12/3/2007, 1:19 am
|
Link to post
Email SKOKEY
PM SKOKEY
|
SKOKEY
Heavy poster
Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
|
Reply | Quote
|
|
Re: new and need help
Some parchment:
You'll have to make your forum text color darker to show up on this light background.
|
12/3/2007, 1:27 am
|
Link to post
Email SKOKEY
PM SKOKEY
|