panther1
Citizen
Registered: 10-2005
Province: Sydney,Australia
Posts: 195
Karma: 4 (+4/-0)
|
ReplyQuote
|
|
Layout question
Hi Lesigner
I want to put this image--> on this board -->nocturnal creations
I want to put it level with the banner but OUTSIDE the board (on the background part)
How would I go about this?
P.S. on the right side of the board (forgot to add that bit)
Last revised by panther1, 3/27/2006, 10:28 am
|
3/27/2006, 10:26 am
|
Link to this post
PM panther1
|
onslaught26
Citizen
Registered: 03-2006
Province: just-roh
Posts: 2
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
can do it like ...
paste the code in css area:
body { background: #a6a6a6 url('image url') left 200px no-repeat fixed;
}
you can edit it whatever...
---
out of the gorund, in to the sky;
out of the sy, in to the dirth!
|
3/27/2006, 2:20 pm
|
Link to this post
PM onslaught26
MSN
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Layout question
Panther, it'll get covered up by the table on a 1024px (the most common) resolution or smaller, unless you move everything over to accommodate it. This code will move the table over, and you can see the results in the 1st and 2nd shots here (until I delete it).
Since you already have a background image for the body, you'll need to create a container div around the entire page, so you can have two background images for the page. At the very beginning of your HTML header, you need to add this:
<!-- START CONTAINER -->
<div id="all">
At the very end of your footer, add this:
<!-- END CONTAINER -->
</div>
Then anywhere within your css, add this:
/* BANNER REQUESTS IMAGE WITHIN CONTAINER DIV */
#all {
background: url('http://img95.imageshack.us/img95/3941/banarqsts4rz.jpg') top right no-repeat;
padding-right:184px; margin-right:15px;
}
|
3/28/2006, 3:47 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
panther1
Citizen
Registered: 10-2005
Province: Sydney,Australia
Posts: 195
Karma: 4 (+4/-0)
|
ReplyQuote
|
|
Re: Layout question
thanks for that lesigner, we didnt like the look of it so we took it off, thinking maybe it will look better at the bottom of the board instead.
|
3/29/2006, 10:13 am
|
Link to this post
PM panther1
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Layout question
You're welcome, Panther.
|
3/30/2006, 6:26 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
panther1
Citizen
Registered: 10-2005
Province: Sydney,Australia
Posts: 195
Karma: 4 (+4/-0)
|
ReplyQuote
|
|
Re: Layout question
have a favour to ask, seems my admin partner on this board has spat the dummy and it was mentioned to me not long before that the boards Css wasnt finished, would you be able to have a look at it and tell me if there are any critical errors with it please? I know people can post and reply but I havent tested anything else on that board.
the link... nocturnal creations
|
4/1/2006, 4:34 pm
|
Link to this post
PM panther1
|
The Mooseman
Citizen
Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
|
ReplyQuote
|
|
Re: Layout question
The CSS seems fine, but I guess he meant that there was more to be added, whatever that is. But what is there now, looks ok
--- ~ Quickly, I must hurry, for there go my people and I am their leader ~
|
4/1/2006, 4:45 pm
|
Link to this post
PM The Mooseman
|
panther1
Citizen
Registered: 10-2005
Province: Sydney,Australia
Posts: 195
Karma: 4 (+4/-0)
|
ReplyQuote
|
|
Re: Layout question
ah ok thanks Moose.
|
4/2/2006, 2:55 am
|
Link to this post
PM panther1
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Layout question
Everything looks good on the surface, but I ran your CSS through the validator and here's what it found:
------------------------
body { background-color: #000000;background-image: url("http://i50.photobucket.com/albums/f344/board-skins/metal/bg.gif"); background-repeat: repeat-x repeat-y;
}
Invalid number : background-repeat Too many values or values are not recognized : repeat-x repeat-y
You can actually take out the whole part in bold above, because the default is background: repeat;
------------------------
.ak_msg_master_table {border-none;width:100%;font-family:verdana;font-size:11px}
The dash should be a colon.
------------------------
.ak_msg_seememberlist_head_user_td, .ak_msg_seememberlist_head_date_td, .ak_msg_seememberlist_head_im_td, .ak_msg_seememberlist_head_pm_td, .ak_msg_seememberlist_head_email_td {color:#CCCCCC;font-family:verdana;font-size:11px;padding:3px;text-align;center}
The semi-colon should be a colon.
------------------------
.ak_subject_posticon_head_td {text-align:center;font-family:verdana;font-size:11px;font-color:#CCCCCC}
font-color should be color.
------------------------
Just one tiny thing, but I would probably add padding-top to:
.msgform_clickable_smiley_box_h td
to vertically center the words "Clickable Smilies" a little.
The board looks really nice, and I like the added touch with the image at the bottom.
|
4/2/2006, 8:33 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Joshin Josh
Citizen
Registered: 11-2004
Posts: 267
Karma: 4 (+5/-1)
|
ReplyQuote
|
|
Re: Layout question
Wow I made errors in css
|
4/3/2006, 8:20 am
|
Link to this post
PM Joshin Josh
Read Blog
|