amavel_bel | Nature - Sunflowers (Reply)

Yay, today we have a beautiful and sunny day here. Thought it would be funny to make a sunny layout. *giggles*

As always, it's for free and paid accounts. Hope you like it!!!

Preview:

You can see it working here:

bel_nature002.

Title: Sunflowers
Features: Layout S1 to free and paid accounts using GENERATOR style
Best view: 800x600. It gets centralized in higher resolutions.
Browser(s) compatible: Firefox, Internet Explorer, Netscape.
Note: Supported by LiveJournal and GreatestJournal. To use it at GreatestJournal, just replace every www.livejournal.com by www.greatestjournal.com in the code.
Author:

amavel_bel

| IMAGES |
Obs.: Upload all the images in your own server, EVEN THE ICON.

Header/Banner:
http://img.photobucket.com/albums/v481/amavel_bel/journal/sunflower_header.jpg

Background:
http://img.photobucket.com/albums/v481/amavel_bel/journal/sunflower_back.gif

Icon:

Friends Only Banner:

| COLORS |
Obs.: The colors don't need to be fulfilled.

| CODE |

GLOBAL_HEAD<=

<title>Sunflowers</title>

background-image: url(http://YOUR-SERVER-LINK-HERE/sunflower_back.gif);

background-attachment:scroll;
background-repeat: repeat-y;
background-position: center top;
background-color:#FCF6B7;

scrollbar-face-color: #FCF6B7;
scrollbar-arrow-color: #B58202;
scrollbar-highlight-color: #B58202;
scrollbar-3dlight-color: #FCF6B7;
scrollbar-shadow-color: #B58202;
scrollbar-darkshadow-color: #FCF6B7;
scrollbar-track-color: #FCF6B7;
}

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 80;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #E5DC7F;
border-bottom: 1px solid #FCF6B7;
}

#navcontainer a:link, #navlist a:visited
{
color: #B58202;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #F8F37D;
color: #B58202;
}

a:link {color:#B58202}
a:active {color:#B58202}
a:visited {color:#B58202}
a:hover {color:#6C4109; cursor:e-resize; text-decoration:none}

body, td, font, div, p { 
font-family: "Verdana", "Arial", "Helvetica"; 
color: #B58202;
font-size: 8pt; 
}

.hb {
position: absolute;
top: 0px;
width: 702px;
left: 50%;
margin-left: -351px;
z-index: 4;
}

table, tr, td, .shadowed {
background: transparent;
}

table { 
width: 490px; 
margin-right: 200px; 
margin-top: 0px;  
}
 
table table { 
width: 100%; 
margin:0; 
}

table table table { 
width: auto; 
}

p .index {
font-size:11px;
color: #B58202;
}

p table table td.caption {
font-size:11px;
color: #B58202;
}

table table table td.meta {
font-size:9px;
}

.caption, .index {
background-color: #E5DC7F;
}

.caption {
font-weight:bold;
}

.comments {
font-align:center;
}

.menubox {
position: absolute; 
visibility: visible;
top: 416px; 
left: 50%;
margin-left: 120px;
width: 250px; 
height: auto; 
z-index: 2;
}

.withindent { 
text-indent: 80px; 
}

table table table table .meta {visibility: hidden}
table table table table table .meta {visibility: visible}

</style>
<=GLOBAL_HEAD

LASTN_DATE_FORMAT=>%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%%

FRIENDS_DATE_FORMAT=>%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%%

DAY_DATE_FORMAT=>%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%%

LASTN_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/sunflower_header.jpg" class="hb" style="display:inline;" border="0">

<BR><BR>
                    
<DIV class="withindent"><B>...J O U R N A L...</B><BR></DIV>
                    
<DIV id=navcontainer>
<UL id=navlist>
<li><a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE">Entries</a></li>
<li><a href="http://livejournal.com/userinfo.bml?user=YOUR-LJ-USERNAME-HERE">User Info</a></li>
<li><a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE/friends">Sunny Friends</a></li>
<li><a href="http://livejournal.com/tools/memories.bml?user=YOUR-LJ-USERNAME-HERE">Memories</a></li>
<li><a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE/calendar">Calendar</a></li>
<li><a href="http://livejournal.com/allpics.bml?user=YOUR-LJ-USERNAME-HERE">Current Icons</a></li>
</LI></UL></DIV><BR>

</DIV>

<=LASTN_WEBSITE

FRIENDS_HEAD<=
<style type="text/css">
body {
overflow-x: hidden;
margin-top: 346px !important;
margin-top: 340px;
}
</style>
<=FRIENDS_HEAD

FRIENDS_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/sunflower_header.jpg" class="hb" style="display:inline;" border="0">

</DIV>

<=FRIENDS_WEBSITE

CALENDAR_HEAD<=
<style type="text/css">
body {
overflow-x: hidden;
margin-top: 346px !important;
margin-top: 340px;
}
</style>
<=CALENDAR_HEAD

CALENDAR_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/sunflower_header.jpg" class="hb" style="display:inline;" border="0">

</DIV>

<=CALENDAR_WEBSITE

DAY_HEAD<=
<style type="text/css">
body {
overflow-x: hidden;
margin-top: 346px !important;
margin-top: 340px;
}
</style>
<=DAY_HEAD

DAY_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/sunflower_header.jpg" class="hb" style="display:inline;" border="0">

</DIV>

<=DAY_WEBSITE

FRIENDS_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> 
%%readlink%%<a href="%%urlpost%%"> <b>smell one</b></a> 
</td> 
</tr> 
<=FRIENDS_TALK_LINKS

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% smelled%%mc-plural-%%</b></a> |

LASTN_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> 
%%readlink%%<a href="%%urlpost%%"> <b>smell one</b></a> 
</td> 
</tr> 
<=LASTN_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% smelled%%mc-plural-%%</b></a> |

DAY_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> 
%%readlink%%<a href="%%urlpost%%"> <b>smell one</b></a> 
</td> 
</tr> 
<=DAY_TALK_LINKS

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% smelled%%mc-plural-%%</b></a> |

FRIENDS_OPT_ITEMS=>15

LASTN_OPT_ITEMS=>15

| SPECIAL INSTRUCTIONS |

First of all, replace every YOUR-SERVER-LINK-HERE by the server address where you uploaded the images.

Be aware, you will have to do these two steps below FOUR TIMES (for LASTN_WEBSITE, FRIENDS_WEBSITE, CALENDAR_WEBSITE and DAY_WEBSITE sections).

1- In the section JOURNAL, replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal).

2- In the section LINKS, pay attention to the part that starts with BEGINNING OF YOUR CUSTOMIZED LINKS SECTION and ends with END OF YOUR CUSTOMIZED LINKS SECTION. It's where you can put your favorite links. Replace YOUR-LINK1 by your first favorite link and YOUR-LINK1-NAME with the name of the related web site. Do the same with the other links and names (YOUR-LINK2, YOUR-LINK2-NAME, YOUR-LINK3, YOUR-LINK3-NAME and so on) with other of your favorite links.

Finally, for this code to work properly, MAKE SURE that you have a WEBSITE URL in your personal info page. If you don't do that, the header image and side bar with links won't appear (that's for sure!!!).

You also must have a DEFAULT ICON marked in the configuration of your LJ (users pics), otherwise the margin-top of the entries will shift up a bit and won't look pretty.

Tip: Copy and paste the code in the Notepad and use FIND or REPLACE to find the key-words (above, in red capital letters) that must be replaced.

----------------------------------------------

Any doubts about how to configure your LJ, just take a look at this very useful LINK or ask me.

Cross-posted to

layouts_for_fun and

freelayouts.

Nature - Sunflowers

Post a comment in response: