Jump to content

CSS HELP PLEASE!


Recommended Posts

So i did this cute background for our guild but i can seem to get the coding right

Does anyone knows any good guide

or even better :P could some one code it for me

 

I dont want to double post!!

But i would really appriciate a fast help!!

 

This post has been edited by a member of staff (Ruto) because of a violation of the forum rules.

Please do not double post; use the edit button instead.

Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

Link to comment
Share on other sites

Dunno quite what you're trying to achieve but to make the body's background different you need to add this:

 

<style type="text/css">
body {
background: url('IMAGE_URL_HERE_.gif');
}
</style>

 

If that's not what you need you'll have to be a bit more specific.

Link to comment
Share on other sites

i'm just looking for a guide!!!

 

This post has been edited by a member of staff (Ruto) because of a violation of the forum rules.

Please make sure all posts have at least seven words.

Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

Link to comment
Share on other sites

Hmm the thing is ..

i coded it in my petpage at 1st and it looked exactly how i wanted it...

then i post it in my guild and it looked soo messed up!

 

these are the codes maybe someone could fix them for me?

 

body 

{background color:#ADD8E6 URL('http://i244.photobucket.com/albums/gg30/bnt3rb/RelianearLayout.jpg');

background-repeat: no-repeat
}



h1, h2{

font: 20pt/19pt century gothic;

font-style: italic;

color: #DAA520;

text-align: Right;

text-transform: lowercase;

background: none;

letter-spacing: -2px;

word-spacing: 8px;

padding: 0px;

margin: 0px;

margin-bottom: 10px;

border-bottom: 1px dashed #CD7566;

}



h2{

margin-top: 25px;

}



#image, #box, #text, #nav {

position: absolute;

font: 11px Century Gothic;

color: #B05800;



#image {

top: 0px;

left: 0px;

}



#box {

top: 155px;

left: 320px;

width: 350px;

height: 450px;

overflow: auto;

}



#text {

top: 150px;

left: 10px;

width: 275px;

height: 450;



}



#nav {

top: 10px;

left: 760px;

}





a:link, a:visited, b {color:#333;font-weight:bold;}

a:hover {text-decoration:none;}



a.nav, a.nav:visited {display:block;width:170px;

font:15px Century Gothic;

color:#FFF;

text-transform:uppercase;

padding:6px;

text-align:center;

background-color:#87CEEB;

margin:4px;

text-decoration:none;

}

a.nav:hover {background-color:#ADD8E6;

}













[url="http://www.tdnforums.com/myaccount.phtml"]Join[/url] 

[url="http://www.tdnforums.com/myaccount.phtml"]Chat[/url] 

[url="http://www.tdnforums.com/myaccount.phtml"]webbie[/url] 

[url="http://www.tdnforums.com/myaccount.phtml"]Portal[/url] 

[url="http://www.tdnforums.com/neoboards/index.phtml"]Adoption Agency[/url]

<A class=nav href="http://www.tdnforums.com/myaccount.phtml">Avatar Lending


















[b]sub-council[/b]


Welcome





















[b]Wall Of Honor[/b]


DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM

DOTM


MOTM




















[b]eaderbox[/b]


Text





[b]header[/b]


TEXT




[b]header[/b]


text






[b]header[/b]


text





Link to comment
Share on other sites

TDN actually has a good guide for guild coding. Coding a guild is a bit different from coding a petpage or userlookup.

 

TDN's Guild Layout Tutorial

 

Hopefully that will explain some of the differences to you. It worked for me. :)

Link to comment
Share on other sites

Thank you so much i'll try it out...

 

*comes back*

the only thing i got is how to remove the footer and header blah blah...

i guess i'm really blonde after all lol!! :(

 

hmm...did you already fix the coding? Because i think the background looks fine :P

Link to comment
Share on other sites

This part of the code is wrong:

 

 

body 

{background color:#ADD8E6 URL('http://i244.photobucket.com/albums/gg30/bnt3rb/RelianearLayout.jpg');

 

 

First off if you were going to tell it what bg color to be you need to add a hyphen ('body-color', not 'body color'). But since you are telling it to also add a background image you need to remove the '-color' part. So the correct way would be:

 

body {
background: #ADD8E6 url('http://i244.photobucket.com/albums/gg30/bnt3rd/RelianearLayout.jpg');

 

Make sure also that you do not use capital letters in your CSS or coding as this is not correct.

Link to comment
Share on other sites

  • 2 weeks later...

thank you so much i'lll check these out and see

 

Hmm Even after i edited the background code it still not right :(

 

This post has been edited by a member of staff (Native) because of a violation of the forum rules.

Do not double post. Use the edit button instead.

Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...