LJ layout help please :( [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : LJ layout help please :(

yayoi_chan

07-28-2006, 08:38 PM

ok so i have a lievjournal but i always used premade layouts but now i want to make one myself, i followed http://www.dysdaera.net/lj/tutorials02.html < that tutorial but none of the tags she said to use are working :( also the layout is distorted see here> http://yayoi_chan.livejournal.com and i keep getting little bits that say customize and advertizment, this is my code so far .....

GLOBAL_HEAD<=
<title>Yayoi chan the jpop/jrock iconist</title>

<style>
html,body
{
scrollbar-DarkShadow-Color: #444444;
scrollbar-Track-Color: #545454;
scrollbar-Face-Color: #444444;
scrollbar-Shadow-Color: #444444;
scrollbar-Highlight-Color: #444444;
scrollbar-3dLight-Color: #444444;
scrollbar-Arrow-Color: #ffffff;
background-image: url(http://img57.imageshack.us/img57/5121/bgjy6.jpg);
font-family: verdana;
font-size: 10px;
color: #000000;
overflow-x: hidden;
background-color: #545454;
letter-spacing: 1px;
}

select {
color:#ffffff;
background-color:#d5d4d2;
font-family:Verdana;
font-size:10px;
}
input {
color:#FFFFFF;
background-color:#d5d4d2;
font-family:Verdana;
font-size:10px;
}

tr, td, table {
font-size: 10px;
font-family: verdana;
}

A:link {color: #666666;

align:right;
padding:2; margin:1;
text-decoration: none;
font-family: Dotum;
font-size: 11px;
text-transform: capitalize;
}
A:visited {

align:right;
padding:2; margin:1;
text-decoration: none;
font-size: 9px;
color: #999999;
text-transform: lowercase;
text-decoration: none;
}
A:hover{

<=GLOBAL_HEAD

LASTN_WEBSITE<=
<style>
align:right;
padding:1; margin:2;
color: #777777;
text-decoration:line-through;
font-weight: bold;
background-image: url(hoverrr.JPG);
font-family: verdana;
font-size: 11px;
text-align: right;
}

.head {

align:right;
padding:2;
margin:0;
font-size: 10px;
letter-spacing: 4px;
color: #777777;
border-collapse: collapse;
text-transform: uppercase;
font-family: georgia;
height: 15px;
text-decoration: none;
margin-bottom: 2px;
padding-bottom: 3px;
font-weight: bold;
padding-top: 5px;
text-align: right;
}
#content
{
position: absolute;
left: 80px;
top: 586px;
width:570px;
}

#navigation
{
position: absolute;
left: 716px;
top: 586px;
width: 222px;
}
</style>

<center>
<img src="http://i7.tinypic.com/21afgy1.jpg">
</center>
<div id="content">

"%%events%%"

</div>

<div id="navigation">
Web Alias 
"%%userpic%%" 
Name:Yayoi chan 
Gender:female chobit 
Online times:4:00pm-9:00pm 
Role:webmistress, emo master *i have a apprentice called xlittlexstarx ehehehehehe* 
msn:wednesday13rox at msn.com omg if you want a new friend to chat to add me!! :) *ill be friendly :P* 
Navigation
"%%skiplinks%%" 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
credits
Site:<a href="mailto:wednesday13rox@msn.com">Yayoi chan</a> 
Layout:<a href="mailto:wednesday13rox@msn.com">Yayoi chan</a> 
brushes&texture:<a href="http://puzzle.digital-distortia.com/">Jigsaw puzzle</a>, <a href="http://www.grieved-lightness.

com">Greived lightness</a>, <a href="http://www.celestial-star.net">Celestial-Star</a> 

</div>
<=LASTN_WEBSITE

can anyone help me here?

tokyo bleu

07-28-2006, 10:33 PM

Try disabling the black navigation bar first: http://www.livejournal.com/support/faqbrowse.bml?faqid=264

yayoi_chan

07-29-2006, 05:55 PM

hmm i tried that but it didnt work :(

bourdelson

07-30-2006, 05:09 AM

Okay, I changed a few things, but not much because your style tags began to confuse me. You had it stop in the middle of an attribute in your GLOBAL_HEAD tags and finished it up and added more CSS in your LASTN_WEBSITE tags, and CSS only goes in the *_HEAD tags, so I moved it all to your GLOBAL_HEAD. I also added quotation marks around your class name in so that it'll be recognized.

GLOBAL_HEAD<=
<title>Yayoi chan the jpop/jrock iconist</title>
<style type="text/css">
body
{
scrollbar-DarkShadow-Color: #444444;
scrollbar-Track-Color: #545454;
scrollbar-Face-Color: #444444;
scrollbar-Shadow-Color: #444444;
scrollbar-Highlight-Color: #444444;
scrollbar-3dLight-Color: #444444;
scrollbar-Arrow-Color: #ffffff;
background-image: url(http://img57.imageshack.us/img57/5121/bgjy6.jpg);
font-family: verdana;
font-size: 10px;
color: #000000;
overflow-x: hidden;
background-color: #545454;
letter-spacing: 1px;
}

input,select {
color:#ffffff;
background-color:#d5d4d2;
font-family:Verdana;
font-size:10px;
}

tr, td, table {
font-size: 10px;
font-family: verdana;
}

a:link {color: #666666;
align:right;
padding:2; margin:1;
text-decoration: none;
font-family: Dotum;
font-size: 11px;
text-transform: capitalize;
}

a:visited {
align:right;
padding:2; margin:1;
text-decoration: none;
font-size: 9px;
color: #999999;
text-transform: lowercase;
text-decoration: none;
}

a:hover {
align:right;
padding:1; margin:2;
color: #777777;
text-decoration:line-through;
font-weight: bold;
background-image: url(hoverrr.JPG);
font-family: verdana;
font-size: 11px;
text-align: right;
}

.head {
align:right;
padding:2;
margin:0;
font-size: 10px;
letter-spacing: 4px;
color: #777777;
border-collapse: collapse;
text-transform: uppercase;
font-family: georgia;
height: 15px;
text-decoration: none;
margin-bottom: 2px;
padding-bottom: 3px;
font-weight: bold;
padding-top: 5px;
text-align: right;
}
#content
{
position: absolute;
left: 80px;
top: 586px;
width:570px;
}

#navigation
{
position: absolute;
left: 716px;
top: 586px;
width: 222px;
}
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<center>
<img src="http://i7.tinypic.com/21afgy1.jpg">
</center>
<div id="content">
"%%events%%"
</div>

<div id="navigation">
Web Alias 
"%%userpic%%" 
Name:Yayoi chan 
Gender:female chobit 
Online times:4:00pm-9:00pm 
Role:webmistress, emo master *i have a apprentice called xlittlexstarx ehehehehehe* 
msn:wednesday13rox at msn.com omg if you want a new friend to chat to add me!! *ill be friendly :P* 
Navigation
"%%skiplinks%%" 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
<a href="main.html" target="main">Link Here</a> 
credits
Site:<a href="mailto:wednesday13rox@msn.com">Yayoi chan</a> 
Layout:<a href="mailto:wednesday13rox@msn.com">Yayoi chan</a> 
brushes&texture:<a href="http://puzzle.digital-distortia.com/">Jigsaw puzzle</a>, <a href="http://www.grieved-lightness.com">Greived lightness</a>, <a href="http://www.celestial-star.net">Celestial-Star</a> 
</div>
<=LASTN_WEBSITE

I'm not sure how much this is going to change, but at least it's a start. :)

yayoi_chan

07-30-2006, 12:44 PM

hmmm thanks alot it definetly helped :) but do you know how i could get it to display my blog entries in the right place and not have those links at the top of the page???

bourdelson

07-30-2006, 02:55 PM

Take the "" marks off of %%events%%, %%userpic%%, and %%skiplinks%% and see if that changes anything.