| Forums > Help! > "help!" (5 replies)
|
|
|
I'm trying to create a new skin for my blog, but I just can't get it to look the way I want it to. I emailed maystar, but she must be too busy. LOL So I'm asking if anybody could actually help me.
I created an image I want at the top of the blog and then I can write below it. But I can't do it without FRAMES and if I use frames I'll have to find a server. That's what I get for not knowing HTML. LOL
Here's how I want it to look (I used frames for this): http://paginas.terra.com.br/lazer/bimgallery/SNAG-0.gif !
Here's the image I want on top: http://paginas.terra.com.br/lazer/bimgallery/allthesame.jpg
I'd really appreciate if someone could help me with that. Oh yes, I tried TABLES but it looks really weird.
hugs,
jean
|
| |
|
| |
|
| |
i'm sorry, tables would be your best bet. of course you can always try css but that is more complicated than tables.
|
| |
| |
|
| |
one solution using stylesheet and <div>s is that you could put the image as your background image, and set it not to repeat (which would make it show up only once at the top of the page).
for that, add this to the stylesheet (between <style> and </style> tags):
body{
background-image: url("http://paginas.terra.com.br/lazer/bimgallery/allthesame.jpg" ;
background-repeat: no-repeat;}
(you can also add background-attachment: fixed if you want the image to stay put while the rest of the page content scrolls over it.)
then put a <div style="width: 100%; height: x;"></div> (where x equals the height of your image plus the amount of space you want between the image and the content (in pixels)) at the top of your code. this will push everything else on the page below the image.
|
| |
| |
|
| |
Thanks, I'll try that! 
jean
|
| |
| |
|
| |
oops, dammit, i just realized that won't work on blogspot-hosted blogs, because of their ad banner. sorry about that. 
(i always forget to take the ad into account when making my own skins as well... and then have to work around it later.)
the same principle still applies though. you need the following between the <style> tags:
body{
margin: 0px;
padding: 0px;}
.banner{
width: 1100px;
height: 219px;
background-image: url("http://paginas.terra.com.br/lazer/bimgallery/allthesame.jpg"
background-repeat: no-repeat;}
and then this at the top of the code between the <body> tags:
<div class="banner">
</div>
(doesn't have to be called 'banner', can be anything you want, of course )
|
| |
| |
|
| |
LOL
Thanx, again.
I had tried the other code and it worked fine, excet for the banner that kep appearing below the image.
I tried this new one and blogger won't let me PUBLISH (Damn!) so I can tell you how it looks. As soon as I'm able I'll tell you know.
Thank you!
|
| Subscribe To This Thread: RSS 2.0 or Atom (?) |
| This thread has been locked, and no new replies can be posted. |
Home | Top Skins | Tags | All Skins | Forums | Contribute |
About
;