Help - Search - Members - Calendar
Full Version: layout help please . .
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
celebritease
http://community.livejournal.com/splurged

does anybody know how to get a layout like that for a community ?
if so could you please post the lj "css" because i`m opening up a community & what layout type is it [generator, magazine, etc . etc .]
Mulder
well, first off, its a PAID community. meaning, they can edit pretty much any part of their layout, so its not exactly obvious what layout they're using.

layouts i recommend (and will achieve a similar effect): http://damnicons.livejournal.com/19658.html#cutid1
most of these -->http://community.livejournal.com/peoplemachines/6876.html#cutid1
celebritease
i have a paid account too for livejournal . .

but i`m sort of new . =|

haha, but i want a layout for livejournal that has a calander on the side i see them at alot of users communities, or personal livejournals .
Mulder
well, most S2 layouts by default come with a calendar in the sidebar :) that layout is an example. you choose the contents of your sidebar. both of the links i gave you will let you have a calendar on the side.
celebritease
yes, but i`d like too have a code with an image at the top . . do you know any sites that have those layouts ? or do i have to make one myself?
Mulder
its included
QUOTE
.headerimage {
position: relative;
width: px;
height: px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url("");
background-repeat: no-repeat;
}


this controls the header in flexible squares.
width = width of image
height = height ""

i'll try to find a good site that will help



------------
found it! i thought it was gone, but i found it.
QUOTE
Can I add an image header to a S2 layout? (This includes sidebar layouts as well)
Yes, it is very simple and guaranteed to work in all browsers (unlike the S1). Once you have downloaded my .css document
(like the one found on this page: a flexible squares style) open it up and scroll to the very bottom of the code. Here is where you insert the info of your header (which should already be hosted somewhere):

.headerimage {
position: relative;
width: 100%;
height: 250px;
margin-bottom: 5px;
background-image: url("http://urlofyourheader.jpg");
background-position: center;
background-repeat: no-repeat;
}

Let's say you want your header and text to be the same width and your header is 600px wide go into the body and change the width of your table (entry data) as well approx. the same value:

#content
{
width: 570px;

With a header you can still load a background image, this can be changed here:

body {
background-color: #f2f2f2;
background-image: url(http://bgimage.gif);
celebritease
do i put both of those in my css? & also does it have too be set too generator?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.