hmorris_glee: Now with awesome new layout!

[mooners]

So at last! I was able to fix up the layout, including the graphics made by the one and only mrtoulouse! Also, a mood theme, made by me :D

Comments

[mrtoulouse]

Dude. A mood theme! You made a freaking mood theme! kjdg;akjdlkjg. I'm totally using it :DD

(Also, about the header problem, I'm thinking it might just be something in the coding? There might be some way to change the width of it to fit the banner, or to not make the banner repeat and to center it, instead? Worst comes worst, I could edit the banner to make it wider.)

[mrtoulouse]

Okay, it is done! Well, hopefully. Just copy/paste the code below into the 'Custom CSS' box and it should fix things up real nice :)

#header, #header-content {
background-image: none;
}

#header-inner {
background-image: url(http://i718.photobucket.com/albums/ww185/mr_toulouse/hmorris2.png);
background-repeat: no-repeat;
background-position: top center;
height: 290px;
width: 780px;
}

#header-content-inner {
margin: 260px 0px 0px 0px;
}

#header-name a{
display: none;
}

#header-text ul{
font-size: 10pt;
}

#container-inner {
width: 780px;
}

#alpha {
width: 590px;
}

.layout-tw #alpha-inner {
width: 550px;
}

[mooners]

Well it took care of the banner, and the text... sort of... see above to see the problem ;)

[mrtoulouse]

Well, the good news is that that was done on purpose XD

I found the title to be very big and obstrusive, so I removed it. If you want it back, though, just enter these modified codes :

#header, #header-content {
background-image: none;
}

#header-inner {
background-image: url(http://i718.photobucket.com/albums/ww185/mr_toulouse/hmorris2.png);
background-repeat: no-repeat;
background-position: top center;
height: 290px;
width: 780px;
}

#header-content-inner {
margin: 230px 0px 0px 0px;
}

#header-name a{
font-size: 12pt;
}

#container-inner {
width: 780px;
}

#alpha {
width: 590px;
}

.layout-tw #alpha-inner {
width: 550px;
}

That should do the trick. Although, I can't be certain since I'm no longer testing it at my journal, but you can give it a try :)

[mooners]

Well it's not the lack of title that was the problem, it's the location of the 'recent entries, friends, calendar, profile' etc links which is off ;) I'll go test the new code...

[mrtoulouse]

Ooh, font's a little bit smaller than I'd wanted it to be, now; damn.

[mrtoulouse]

Okay, here's hoping this is going to be the last modification to be made :

#header, #header-content {
background-image: none;
}

#header-inner {
background-image: url(http://i718.photobucket.com/albums/ww185/mr_toulouse/hmorris2.png);
background-repeat: no-repeat;
background-position: top center;
height: 290px;
width: 780px;
}

#header-content-inner {
margin: 222px 0px 0px 0px;
}

#header-name a{
font-size: 14pt;
}

#container-inner {
width: 780px;
}

#alpha {
width: 590px;
}

.layout-tw #alpha-inner {
width: 550px;
}

[mooners]

Tweaked it a bit more, think it looks okay now... maybe if I made it go on the right... can I do that?

[mrtoulouse]

Sure can :)

Where you see this :

#header-content-inner {
margin: 0px 0px 0px 0px;
}

Add a number in the bolded spot (I'd say around 240?) until it's where you want it.

[mooners]

360, and we have a winner :D You're a life saver ;)

[mrtoulouse]

Hurray! :'D