HE. DOES. NOT. GET. IT. (beaute__exquise) wrote in _lovelayouts,
HE. DOES. NOT. GET. IT.
beaute__exquise
_lovelayouts

  • Mood:

Tutorial/Coding for Generator Layout

First: Open some kind of program like Microsoft Word or Apple Works.

Second: Copy & paste the overrides below the black line into that program.

Third: Make sure to read every step & ask questions after you work on the layout.

_________________________________

 

LASTN_HEAD=><title>  _LOVELAYOUTS; MAKING LIVEJOURNAL FABULOUS ONE JOURNAL AT A TIME.  

 

LASTN_TALK_READLINK<=

<a href="%%urlread%%">

%%messagecount%% READ %%mc-plural-%%

</a> l

<=LASTN_TALK_READLINK

 

LASTN_WEBSITE<=

<style type="text/css">

<!--

table table table table .meta

{visibility:hidden;position:absolute;top:1px}

table table table table table .meta

{visibility:visible;position:relative;top:1px}

-->

</style>

<tr><td colspan="5" width="100%">

<table style="float:right" cellspacing="0" border="0"

cellpadding="0">

<tr><td class="meta">

<div align="justify">

<a href=http://www.livejournal.com/userinfo.bml?user=_lovelayouts>INFO</a> l <a href=http://www.livejournal.com/community/join.bml?comm=_lovelayouts>JOIN</a> l <a href=http://www.livejournal.com/~_loveicons> ICONS & GRAPHICS </A><br>

</div>

</td></tr></table></td></tr>

<=LASTN_WEBSITE

 

LASTN_TALK_LINKS<=

<tr><td colspan="2" width="100%"

bgcolor="%%color:weak_back%%"

     class="READ" style="text-align: right">

%%readlink%% <a href="%%urlpost%%">COMMENT</a>

</td></tr>

<=LASTN_TALK_LINKS

 

GLOBAL_HEAD<=

 

<style type="text/css">

<!--

BODY{

scrollbar-darkshadow-color:#ECDFD3;

scrollbar-track-color:#ECDFD3;

scrollbar-face-color:#ECDFD3;

scrollbar-shadow-color:#ECDFD3;

scrollbar-3dlight-color:#ECDFD3;

scrollbar-highlight-color:#ECDFD3;

scrollbar-arrow-color:#9E727C;}

 

A:hover{

color:#000000;

cursor: default;

font-family:Trebuchet MS;

font-size:8pt;}

 

A,,A:visited, A:active, A:link

{color:#black;

font-family:Trebuchet MS;

font-size:8pt;}

 

body,td,font,table,p

{color:#black;

font-family:Trebuchet MS;

font-size:8pt;}

 

b {color:#black;

font-family:Trebuchet MS;

font-size:8pt;}

 

-->

</style>

 

<style type="text/css">

<!--

 

body, td, font, div, p {

font-family: "Trebuchet MS";

LETTER-SPACING: 0PT;

text-transform: none;

line-height: 11px;

margin: 2px;

}

 

td.caption {

font-size: 8pt;

}

 

.index {

font-size: 8pt;

color:color;

}

 

td div {

font-size: 8pt;

}

 

table table table table td.meta {

font-size: 8pt;

}

 

p .index {

font-size: 8pt;

}

 

p table table td.caption {

font-size: 8pt;

}

 

td {

font-size: 8pt;

}

 

table table table td.meta {

font-size: 8pt;

}

 

.comments {

font-size: 8pt;

}

 

--> </style>

 

 

<style type=text/css>

table table table table .meta

{visibility: hidden}

 

table table table table table .meta

{visibility: hidden}

 

tr.caption

{visibility: hidden; position: absolute}

</STYLE>

 

<style type="text/css">

 

 

table {

width: 30%;

margin-right: 25%;

margin-left: 25%;

}

 

table table {

width: 100%;

margin:0;

}

table table table {

width: 0;

}

</style>

 

 

 

<style type="text/css"> 

table {

width: widthpx;

align: center;

bg-color: #color;

margin-left: 0%;

margin-right: 0%;}

 

table table {

width: 100%;

margin:0;

border: 0;}

 

table {

border: 1px solid #000000;}

 

table table table {

width: auto;

border: 0;}

</style>

 

<xx-p>

<style type="text/css">

div {

background-image: url(URL OF HEADER HERE);

background-repeat: no-repeat;

background-position: top center;

padding-top: HEIGHT OF HEADER HERE;

text-align: center;

}

 

div div { background: none; width: auto; height: auto;

padding: 2; }

div table { width: width you want the table below to

be }

div table table { width: 100%; }

div table table table { width: auto; }

div table table table table { width: 100%; }

 

</style>

 

<style type="text/css">

body{background:url()}

</style>

 

<=GLOBAL_HEAD

 

 

________________________________________

 

As you can see, I copied the coding from lovelayouts layout & kept everything as is, so you can check the coding and the layout to get a good idea of where everything goes. Now onto the tutorial.

 

1. In between <title> & </title> is where you type the title which will appear on the top of the web browser. Check this picture for a visual. So simply take out "love layouts..." and replace it with whatever you would like to appear there.

 

2. Replace "Read" with whatever you would like to appear next to the number of comments which you receive. Once again, check the picture for a visual.

 

3. Replace the "l" with whatever you would like to appear between "Read" & "Comment". It separates the two links. Once again, check the picture for a visual.

 

4. The next set of text are the urls which will appear on the layout.  Once again, check the picture for a visual. Since these links are currently set up for the community, you will have to do the following. First copy this a number of times (which is the url code)  <a href=URL HERE>TEXT HERE</a>.

Then go to your user info--copy the url & paste it into one of the url codes. Then go to your user icons and do the same, then friends page, and whatever else you would like to link there. Make sure you paste it all back into the original location of the original urls. After you finish putting all the links together, go to the "user info" edit page, and add a url to the "url" space, it can link to your journal or to some community, whatever. If you don't have a url there, the links won't appear on the layout.

 

5. Replace "Read" with whatever you would like to appear next to the number of comments which you receive. Once again, check the picture for a visual.

 

6. Replace "Comment" with whatever you would like to appear when someone wants to leave a comment. Once again, check the picture for a visual.

 

7. I believe the next set, which is for the scroll bar, is pretty obvious. Go to www.coloryourprofyle.com, go to the "color" table, find colors you like & put the codes in place of what is there.

 

8. This is the font which will appear on the layout & the fon'ts size. Pick a font & size, and change them all to appear the same.

 

9. "11px" is the line height. So if you want to double space the sentences in your entries, make the number larger. If you want the sentences squished ontop of eachother, make the number smaller.

 

10. Change all of the "8pt" to the chosen font size.

 

11. "Width 30%" is how wide the entry boxes will appear. If you choose to use a header, play around with it so that the entry boxes are the same size of the header. To do this, simply add percent or take percent away until it is perfect.

 

12. If you want the entry boxes to appear to the left of the page change "center" to "left". If you want it to appear to the right, change "center" to "right" & if you want to keep it in the center, don't change it.

 

13. If you want the entries to be to the left but not all the way to the left, put in "30%" or some such number, see where the location is, and minus percent or add percent based on the location.

 

14. Do the same for the right.

 

15. This is where you decide if you want a border. If not, make it "0px". If you want a  thick border make it "3" or even "4". If you want a solid border, leave solid. If you want a dashed border, replace "solid" with "dashed". And finally, replace the current color code with whichever color you'd like the borders to be.

 

16. If you want a header, paste the url of the header in this place. If you don't want a header, leave it empty.

 

17. This is where you type the height of the header. If its 12px tall, put 12px, if its 300px tall, type 300px. If you choose not to have a header, make this between 5-10px tall.

 

18. If you want a background of some kind, whether it be a pattern or just a picture, paste the url here. If not, leave it blank.

 

And that is it. If you have any questions, feel free to ask, but do so after trying out the layout. Credit is not necessary but if you want to paste the button for this community so others can come here to get a new layout, I'd really appreciate it. (take the button from the user info).

 

Subscribe
  • Post a new comment

    Error

    default userpic
    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 146 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →