theworkshop | Feb. 16th, 2011

Profile Code:

<table width="600" cellpadding="10" background="http://i54.tinypic.com/8xq069.jpg" align="center"><tr height="25"></tr><tr><td></td><td width="90%" align="center" align="center" bgcolor="#f9f9ff"><div align="justify">
<font face="Desyrel, verdana, lucida, tahoma" size="6" color="#ed577c">about</font>
<font face="verdana, lucida, tahoma" size="3" color="#000000">You want to start typing anything about yourself, your journal or you comm here.

This would be a second paragraph.</font>

<font face="Desyrel, verdana, lucida, tahoma" size="6" color="#ed577c">the basics</font>
<font face="verdana, lucida, tahoma" size="3" color="#000000">Hi! this is gokara and ryodapinlover community. This is basically the place where we are going to post our fics
From this year on, we will post everything here and we won´t be posting fics in our journals, our journals will remain as journals and we will accept fic request in there; but the main point is to lessen the posting in others communitys and eventually just post here and maybe the main comms

Anyway I hope you all like our fics and you are welcome to join us whenever you want</font>

<font face="Desyrel, verdana, lucida, tahoma" size="6" color="#ed577c">rules</font>
<font face="verdana, lucida, tahoma" size="3" color="#000000">There are not special rules because we are the only ones allowed to post but we want to tell you all that is absolutely not allowed to insult us or leave mean messages, you can critize all you want but with politness and education

That´s all hope we can be friends and to all of our friends: we are happy to have you here^^</font>

</td><td></td></tr></table><table width="600" height="42" align="center" bgcolor="#000000"><tr><td bgcolor="#000000" valign="middle" cellpading="0"><font size="1" font="font" color="#8A8A8A" face="georgia"><font face="verdaba, lucida, tahoma" size="1" color="#000000"><div align="center"> <a href="LINK ONE URL"><font color="#ed577c">LINK ONE TITLE</font></a></div></td> <td bgcolor="#000000" valign="middle" cellpading="0"><font size="1" font="font" color="#8A8A8A" face="georgia"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"><div align="center"><a href="LINK TWO URL"><font color="#ed577c">LINK TWO TITLE</font></a></div></td> <td bgcolor="#000000" valign="middle" cellpading="0"><font size="1" font="font" color="#8A8A8A" face="georgia"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"><div align="center"><a href="LINK THREE URL"><font color="#ed577c">LINK THREE URL</font></a></div></td> </tr>
</table>

Journal Coding:

/* Cleaned CSS: */
/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #000000;
 background-image: url(http://i739.photobucket.com/albums/xx39/gokara/banner.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
 color: #000000;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #84A0A4; }
a:hover { color: #1da4e6; }

blockquote {
 width: 350px;
 padding: 18px; 
 border: 1px solid #eeeeee; 
 color: #777777;
 font-size: 12px;
 line-height: 14px;
 font-family: "verdana", arial, verdana, sans-serif;
 text-align: left;
 -moz-border-radius: 2%;
 }

img.special { border: 10px solid #eeeeee;   -moz-border-radius: 2%; }

b, strong { color: #ED577C; }
i, em { color: #1DA4E6; }
s, u { color: #777777; }

p, td{  }
	
code, kbd, pre, tt {font-family: "monospace";	}
	
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {  	
 width: 800px;	
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 800px;
 float: left;
 margin: -5px 0px 0px 0px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 background-color: #ffffff;
 width: 800px;
 min-height: 200px;
 margin-top: 5px;
 }

/*---------------Header--------------*/
#header {		
 position: relative;
 width: 800px;
 height: 40px;
 text-align: center;
 color: #777777;
 padding: 0px 0px 10px 0px;
 margin-bottom: 0px;
 font-family: "verdana", arial;
 font-size: 12px !important;
 letter-spacing: 1px;
 text-transform: normal;
 font-weight: bold;
 background-color: #000000;
}

div#header a, div#header a:link, div#header a:visited, div#footer a,

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 10px 2px;
 font-family: "verdana";
 letter-spacing: 1px;
 color: #ED577C;
 text-align: center;
}

div#header a:hover {
 padding: 10px 2px;
 color: #84A0A4;
 border-bottom: 2px solid #ffffff;
 }

ul.navheader {	
 padding: 10px 2px;
 background-color: transparent !important;	
 margin: 0px 2px;
 vertical-align: middle;
 }

ul.navheader li  {
 display: inline;
 padding: 10px 2px;
 background-color: transparent !important;
 margin: 0px 2px;
 vertical-align: middle;
 }
	
.title, .subtitle { display: none; }

/*-----------Footer------------*/

#footer {			
 width: 800px;
 height: 40px;
 margin: 0px;
 text-align: center;
 font-family: "verdana", arial;
 font-size: 12px;
 color: #777777;
 background-color: #000000;
 z-index: 100;
 }

div#footer a {
 padding: 10px 2px;
 color: #ED577C;
 text-align: left;
 }

div#footer a:hover {
 padding: 10px 2px;
 color: #84A0A4;
 background-color: transparent !important;
 border-bottom: 2px solid #ffffff;
 }

ul.navfooter{  padding: 10px 2px;  margin: 0px; }

ul.navfooter li  { display: inline;  padding: 10px 2px;  margin: 0px; }
	
.clearfoot {	clear: both;}

/*-------------Sidebar--------------*/

#sidebar {
 background-color: #ffffff !important;
 padding: 2px 0 2px 0;
 margin-left: auto;
 margin-right: auto; 
 margin-bottom: 10px;
 background-color: transparent;
 font-size: 11px;
 font-family: "arial", verdana, sans-serif;
 text-transform: normal;
 color: #777777; 
 width: 798px;
 height: 155px;
 vertical-align: center;
 overflow: none;
 text-align: left;
 border: 1px solid #dddddd;
 }

/*-----------  Sidebar -----------*/

.sbarheader { padding: 0px 5px 0px 5px; }

.sbarbody {
 padding: 0px;
 float: left;
 margin: -2px 2px 5px 2px;
 height: 16px;
 }

.sbarbody2 {
 padding: 2px 5px 0px 5px;
 float: left;
 margin: 5px 2px 2px 2px;
 width: 260px;
 height: 140px;
 overflow-x: hidden; 
 overflow-y: auto;
 text-align: left;
 -moz-border-radius: 4%;
 }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
 color: #d60014;
 display: inherit;
 text-decoration: none;
 padding: 1px 1px 1px 5px;
 margin: 0px; 
 text-shadow: 2px 2px 6px #BBBBBB;
 }

div#sidebar a:hover {
 color: #84A0A4;
 padding: 1px 1px 1px 5px;
 margin: 0px;
 text-shadow: 2px 2px 6px #888888;
 }

/*----------Sidebar Components ------------*/
#sidebar_tags .sbarcontent {
 width: 200px; 
 height: 140px;
 overflow-x: hidden; 
 overflow-y: auto;
}

l.tagList {width: 100%;}
     .tagBox {
     height: 140px;
     overflow-x: hidden;
     overflow-y: scroll;
     scrollbar-arrow-color: #d60014;
     scrollbar-base-color: #222222;
     scrollbar-face-color: #222222;
     scrollbar-highlight-color: #d60014;
     scrollbar-darkshadow-color: #222222;
     scrollbar-shadow-color: #222222;
}

.defaultuserpic {
 text-align: center;
 vertical-align: center;
 background-color: #ffffff; 
 -moz-border-radius: 4%; 
 padding: 5px;
 float: left;
 margin: 4px; 
 list-style: none; 
 width: 120px;
 height: 140px;
 }

#sidebar_summary .sbarcontent {
 width: 185px;
 height: 140px;
 overflow-x: hidden; 
 overflow-y: auto;
}

#sidebar_summary li.sbaritem {
 color: #777777;
 padding: 3px;
 text-transform: normal;
 margin: 3px;
 text-align: left;
 border-top: 1px solid #dddddd;
 border-bottom: 1px solid #dddddd;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 color: #777777;
 border: 0px solid #6DA9C1 !important;
 background-color: transparent !important;
 }

#sidebar_summary li.sbaritem a: hover{
 text-decoration: none;
 color: #777777;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

#sidebar_linklist .sbarcontent {
 width: 170px;
 height: 140px;
 overflow-x: hidden; 
 overflow-y: auto;
 text-align: left;
 }

/*------------  Sidebar - link box contents----------*/

ul.sbarlist { padding-left: 0px; margin-left: 0px;  list-style: none; }

li.sbaritem {padding-left: 0px; list-style: block; }

li.sbartitle	{
display: none;
 }

/*-----------Entries-----------*/
.entry	{
 padding: 10px;
 margin: 0px;
 color: #000000;
 font-family: "arial";
 font-size: 12px;
 text-align: left;
 }
	
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic {
 background-color: #eeeeee !important;
 position: relative;
 float: right;
 padding: 6px;
 margin: 25px 2px 10px 10px;
 z-index: 15;
 color: #777777 !important;
 border: 1px solid #E0E0E0;
 -moz-border-radius: 2%;
 }

.userpicfriends {
 background-color: #eeeeee !important;
 position: relative;
 float: right;
 padding: 6px;
 margin: 25px 2px 10px 10px;
 text-align: center;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 z-index: 15;
 border: 1px solid #E0E0E0;
 -moz-border-radius: 2%;
 }

.userpicfriends a font {color: #84A0A4;}
.userpicfriends a font:hover {color: #ED577C;}

.date {
 width: 200px;
 margin: 5px -110px 0 0;
 float: right;
 text-align: right;
 color: #eeeeee;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 11px;
 text-transform: normal;
 background-color: #000000;
 }

.subject {
 font-weight: none;
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 15px;
 margin-top: 0px;
 color: #ED577C;
 font-family: "Tabitha", Verdana, Arial;
 font-size: 20px;
 text-transform: normal;
 text-decoration: none;
 border-bottom: 0px solid #eeeeee;
 background-color: #000000;
 }
	
.subject a, .subject a:link, .subject a:visited {color: #ED577C;}

.subject a:hover {color: #84A0A4;}

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #1da4e6;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #84A0A4;
 font-weight: normal;
 }

/*-----Currents, tags, comment links-----*/

.ljtags {
 margin-top: 5px;
 color: #bbbbbb;
 font-weight: lighter;
 font-size: 10px;
 font-family: "Verdana", arial;
 text-transform: lowercase;
 margin: 15px 0px 0px 0px;
 padding: 5px 0px 5px 17px;
 background: URL(http://i31.tinypic.com/15p046e.jpg) no-repeat center left;
 }
	
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong {
 font-family: "Verdana", arial;
 font-size: 10px;
 color: #bbbbbb;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currents, .currentmood, .currentmusic, .currentlocation {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #000000;
 font-weight: lighter;
 text-transform: lowercase;
 }

.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #84A0A4;
 text-transform: lowercase;
 font-weight: lighter;
 }
	
.currentlocation a:hover, .ljtags a:hover {
 font-family: "verdana", arial;
 font-size: 10px;
 color: #1da4e6;
 font-weight: lighter;
 text-transform: lowercase;
 }

.comments {
 font-family: "Verdana", arial;
 font-size: 10px;
 font-weight: normal;
 color: #ffffff;
 text-align: center;
 padding: 5px 5px 5px 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 }
	
div.comments a, div.comments a:link, div.comments a:visited{
 color: #84A0A4;
 border-bottom: 1px solid #E0E0E0;
 border-right: 1px solid #E0E0E0;
 background-color: #f0f0f0;
 -moz-border-radius: 6%;
 padding: 3px 6px;
 }

div.comments a:hover { color: #1da4e6; text-decoration: none;  -moz-border-radius: 6%; }

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 background-color: #ffffff;
 width: 785px;
 }

form div.box {
 text-align:center;
 background-color: #ffffff;
 width: 785px;
  }

.skiplinks {
 text-align: center;
 margin-bottom: 3px;
 font-family: "Verdana", arial;
 padding: 10px;
 font-size: 9px;
 letter-spacing: 1px;
 color: #dddddd;
 background-color: #ffffff;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: right;
 padding: 5px;
 background-color: #000000;
 color: #eeeeee;
 }	
	
.userpiccomment {
 background-color: #eeeeee !important;
 position: relative;
 top: -15px;
 left: 0px;
 padding: 6px;
 margin: 15px 0px -20px 10px;
 z-index: 15;
 float: right;
 border: 1px solid #E0E0E0;
 color: #777777;
 -moz-border-radius: 2%;
 }

div#content input,
div#content textarea,
div#content select {
 color: #000000;
 border: 1px solid #cccccc;
 background-color:#ffffff;
 }
	
textarea.textbox  {width: 100% !important;}

.reply	{
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 line-height: 125%;
 color: #000000;
 }
	
.replytosubject {
 color: #000000;
 text-transform: normal;
 padding: 5px;
 background-color: #000000;
 }

.replytoposter {
 background-color: #ffffff;
 color: #84A0A4;
 text-transform: normal;
 padding: 5px;
 }

.commentreply {
 text-align: left;
 position: relative;
 margin: 10px;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 10px;
 color: #000000;
 }
	
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 20px;
 text-align: left;
 background-color: #ffffff;
 -moz-border-radius: 2%;
 }
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #84A0A4;}
	
.datesubjectcomment a:hover {color: #1da4e6;}

.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: #ffffff;
 }

.commentinfo {
 margin-top: 10px; 
 width: 100%;
 }

/*-----------Year/Archive Page----------*/

ul.year { 	text-align: center; 	padding: 5px;         background-color: #ffffff; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #000000; }

table.yeartable td.yearday { text-align: center; color: #000000; }

td.yearmonth { color: #000000; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #000000;
 font-family: "verdana", arial, verdana, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 20px;
 background-color: #ffffff;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/

.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i28.tinypic.com/ta3abn.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i26.tinypic.com/2r2nkht.jpg); 
 }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i30.tinypic.com/b8nwj7.jpg); 
 }

/* USER */
.ljuser img {
 width: 0;
 height: 0;
 background-repeat: no-repeat;
 background: transparent url(http://i51.tinypic.com/2emn80z.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

.ljuser img[src*="userinfo.gif"] {
 background: transparent url(http://i51.tinypic.com/2emn80z.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
.ljuser img[src*="community.gif"] {
 background: transparent url(http://i51.tinypic.com/2yo5w5d.jpg) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
	
#lj_controlstrip_statustext {
 color: #eeeeee;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #eeeeee;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #eeeeee !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }
	
.headerimage {
 position: relative;
 width: 1000px;
 height: 380px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(http://i739.photobucket.com/albums/xx39/gokara/ryodapinlove2.jpg);
 background-position: center;         
 background-repeat: no-repeat;
 }

.separator { height: 0px; }

You will have to go to the Sidebar Customization to Add in the Blurb Box and set which order you want them in. Here I have Links, Userpic, Blurb and Tags.

Layout Lounge Workshop

just tinkering around

Feb. 16th, 2011

truthful_love4u profile & comm code

Links

About

Tags

Summary