Runboard.com
You're welcome.
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

Page:  1  2  3  4  5 

 
SKOKEY Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Heavy poster

Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
Reply | Quote
Re: new and need help


Kinda like this?
Image

Image

Image

Last edited by SKOKEY, 12/1/2007, 7:53 pm
12/1/2007, 7:46 pm Link to post Email SKOKEY   PM SKOKEY
 
Stage88 Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 11-2007
Posts: 21
Karma: 0 (+0/-0)
Reply | Quote
Re: new and need help


thats perfect.
emoticon
thank you very much.
12/2/2007, 12:23 am Link to post Email Stage88   PM Stage88
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25918
Karma: 431 (+484/-53)
Reply | Quote
Re: new and need help


Those look great, Skokey! emoticon

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
12/2/2007, 5:29 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Stage88 Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25918
Karma: 431 (+484/-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 Image 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? emoticon

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):

Image

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. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
12/2/2007, 9:53 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Stage88 Profile
Live feed
Blog
Friends
Miscellaneous info

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 emoticon
12/3/2007, 12:06 am Link to post Email Stage88   PM Stage88
 
Stage88 Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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.
Image
12/3/2007, 1:19 am Link to post Email SKOKEY   PM SKOKEY
 
SKOKEY Profile
Live feed
Blog
Friends
Miscellaneous info

Heavy poster

Registered: 12-2005
Location: Bennington, NH
Posts: 617
Karma: 25 (+32/-7)
Reply | Quote
Re: new and need help


Some parchment:
Image
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
 


Add a reply

Page:  1  2  3  4  5 



You are not logged in (login)