New Layout!

May 23, 2009 13:13

Hey!

So I was getting bored with my previous layout and with the release of the new Edward/Bella New Moon still I just had to use it for my header. :D

It's very plain and simple, which is what I wanted. So love to know what you think…

I'm also working on a batch of Twilight/New Moon icons, as well as The Curious Case of Benjamin Button (my new ( Read more... )

Leave a comment

pin_me_down May 23 2009, 18:12:37 UTC
i really like it!! what about a light blue on the sides? i love simple layouts but i personally can't stare at too white of a screen all the time. :)

Reply

uremy1 May 23 2009, 18:16:14 UTC
You mean the background colour? Hmm… maybe I'll try that… or maybe a light grey would look better. I don't wanna overdo the blue, but I get what you mean about too white. It is a bit bright…

Thanks!

Reply

pin_me_down May 23 2009, 18:18:03 UTC
yeah...not the box area where you write everything....the background on the left and right.

all of my www knowledge has been sucked out of me by school books. i used to design my own layouts back when LJ was still on the old operating system and not this CSS2 thing. :-/

Reply

uremy1 May 23 2009, 18:33:31 UTC
There I made it a light grey. The light blue took too much away from the header. Yeah, my website design knowledge is very basic, I'm not very good at making layout from scratch, but I know enough to be able to read the code and know what colours to change and all that…

Reply

pin_me_down May 23 2009, 18:35:34 UTC
PERFECTO!! I didn't even realize you matched your icon and profile to the layout...it's awesome!

you're gonna have to show me how to put a header into my layout. bc i have one i've been wanting to use but no idea how to do it :(

Reply

uremy1 May 23 2009, 18:53:34 UTC
Thanks, yeah, I always make a new default icon and a profile header to match my new layout. I love continuity… Hehe ^^

The code to add a header is this:

.headerimage
{
position: relative;
width: xxxpx;
height: xxxpx;
margin-left: auto;
margin-right: auto;
background-image:url(xxx);
background-repeat: no-repeat;
padding: 0px;
}

First you upload your header image to a image server like Photobucket or Imageshack.

The xxx above are where you replace your info so-the width and height of the header and the direct url of the header.

Sometimes the person who made the layout will have the .headerimage code in the layout code already and you just have to find it and replace your info.

If it isn't already in there usually you can just copy and paste the .headerimage code right at the bottom of the code and it'll still work.

Does that make any sense? Let me know if it doesn't and I'll try to clarify better… :)

Reply

pin_me_down May 24 2009, 23:35:24 UTC
mehhhh. i stink at this. do u use any communities with free layouts? i use minty_apple...but haven't found many with headers. help me?! :)

Reply

uremy1 May 25 2009, 15:16:39 UTC
The header is separate from the layout. I haven't seen that many layouts that come with headers. But people do make headers for people to use. it's really easy to add a header after that. Do you want your header to be Twilight themed or…? 'Cause if you do just go to lion_lamb and search the tags for fanart: headers.

Once you've chosen the header you want - save to your own computer. upload it to a online photo site like ImageShack or Photobucket. Add the piece of code I mentioned above to the layout code and input the dimensions of your header and the url. And that should work.

Or if you want I could make a header for you. I don't usually make headers for other people, but… you're special Hehe ^^

If you do, just let me know which layout you want to use and that way I can get the right dimensions and color scheme. :)

Reply


Leave a comment

Up