LJ Layout: And the winner is
I'd like to call this layout the runner up -- Because it was close in the Eden lj layout contest, so thank you to those who voted. It really makes me happy that some of you guys actually liked this clusterfuck layout XD It took me HOUUURS to make this layout because I was totally experimenting on something to break out of the everyday norm and sometimes Flexible Squares just did not want to work with me.
I wanted to take these two | pages from this photoshoot and convert it into an LJ layout, so I have to say after 1,000 hours in Photoshop -- it came out the way I wanted it to look.
Now, for those who want this crack layout on your journal, here's the codes.
*This layout is designed for those with 1280x*** resolutions, sorry folks
1. Go to Customize Your Journal Style/Theme
2. Find Flexible Squares, this layout will not work with any other layout BUT flexible squares.
3. Go to the Custom CSS option and select NO for everything: Use Layout Stylesheet, Use Layout Style Sheet When Including Custom blahblahblah, Use External blahblahblah.
4. Click on Save Changes then go to your journal and see the magic happen.
TERMS:
1. Do not alter this layout in anyway. Seriously. Don't. It took me a long time to make the graphics and code it, I appreciate if you don't alter it. If you want alterable layouts, check out Minty Peach for 50+ Flexible Squares layouts (that you can edit).
2. If you like it and are using it, a comment would be nice so I can see how it looks on your blog :DDDDDDDDDDD
3. If you are going to repost this layout, link them to this entry. Do not repost this layout on your own journal and do not claim it as your own work.
4. Credit is really really nice, so give credit where credit is do. Anywhere is nice \:D/
5. And yes, you can use the layout. You do not have to ask. If anyone askes me " can I use this layuot? " i won't bother responding.
the layout in action here (will probably end up changing if I'm working on a new layout)
/* layout designed by ladymercury - lady_mercury.livejournal.com for flexible squares: paid, plus and free do not edit below and comment if taking this layout! */ BODY { margin-top: 0px; background-color:#228b64; background-image: url('http://i43.tinypic.com/10h7zep.jpg'); background-repeat: repeat-y; background-attachment: fixed; background-position: top-left; text-align: center; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 8pt; } a, a:link, a:visited { text-decoration: none; color: #003c06; padding: 0px; } a:hover { color: #fcca00; background-image: url(''); padding: 0px; } p, td { font-size: 8pt; } blockquote { margin: 0px 20px 0px 20px; padding: 13px; color: #000000; font-size: 7pt; border: 1px dotted #228b64; background: #8fc987; text-align: justify; } code, kbd, pre, tt { font-family: monospace; } #content { width: 800px; margin-left: 232px; margin-right: auto; background-color: #228b64; padding: 0px; text-align: justify; } #maincontent { margin-top: 10px; padding: 0px; font-family: "arial", sans-serif; font-size: 8pt; line-height: 15px; background-color: #; color:#000000; border-style: solid; border-color:#e3cb84; border-width: 0px; margin-right:20px; margin-left: 210px; text-align: justify; } #header { width: 800px; text-align: center; font-size: 10px; font-weight: none; letter-spacing: 2px; background-color: #228b64; border-width: 0px; color:#ffffff; line-height: 10px; } #footer { width: 800px; float: center; text-align: center; font-family: tahoma,georgia; text-transform:uppercase; font-size: 10px; font-weight: none; letter-spacing: 1px; background-color: #228b64; border-width: 0px; color: #ffffff; z-index: 100; clear: both; } #sidebar { padding-top: 5px; margin-top: 5px; background-color: #228b64; border-width: 0px; font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #ffffff; width: 180px; float: left; text-align: justify; margin-left: 15px; } /* Header Stuff */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #fbd712; padding: 5px; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 5 3px 5 3px; } .title { text-align: center; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 0px; letter-spacing: 0pt; text-transform: uppercase; display: none; } .subtitle { text-align: center; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 0px; letter-spacing: 0pt; line-height: 0pt; text-transform: lowercase; display: none; } /* footer */ ul.navfooter { padding: 10px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* SIDEBAR */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #FFCC00; } div#sidebar a:hover { color:#FFFFFF; background-repeat: repeat; text-decoration: none; } .defaultuserpic { text-align: center; padding: 5px; } .sbarheader { padding: 0px 5px 0px 5px; color: #000000; text-align: center; } .sbarbody { padding: 0 2px 0 2px; } .sbarbody2 { padding: 0 2px 0 2px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #ffea00; border-width: 1px; border-style: solid; text-align: center; font-family: "arial", sans-serif; font-size: 10px; } .sbarcalendarposts { border-color: #ffea00; border-width: 1px; text-align: center; font-family: "Arial", sans-serif; font-size: 10px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { margin: 2px 3px 2px 3px; padding: 2px 3px 2px 3px; list-style: none; background-color: transparent; background-image: url(''); background-repeat: repeat; border-bottom: 1px solid #e3cb84; } li.sbaritem:hover { color: #000000; background-image: url(''); background-repeat: repeat; border-bottom: 1px solid #ffea00; } li.sbartitle { padding-left: 0px; padding-right: 0px; text-align:left; padding: 2px; list-style: none; margin-bottom: 1px; margin-top: 0px; color:#FFFFFF; border-bottom: solid #ffea00 5px; font-weight: none; font-family: "arial", sans-serif; text-transform:uppercase; font-size: 11px; letter-spacing: 1pt; } /* MAINCONTENT */ .subcontent { background-color: #ffffff; } .entry { margin: 0px 3px 2px 2px; padding: 2px; background-color: #FFFFFF; color:#666666; font-family: "arial", sans-serif; font-size: 11px; text-align: justify; border-width: 0px; border-color: #DFDFDF; line-height: 10pt; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic { position: relative; float: left; background-color: #ffffff; background-image: url(''); background-repeat: repeat; padding: 1px; margin-right: 0px; margin-left: 5px; z-index: 15; border-width: 5px; border-color: #228b64; border-style: solid; } .userpicfriends { position: relative; float: left; padding: 1px; margin: 10px; text-align: center; border-style: solid; background-color: #ffffff !important; background-image: url(''); background-repeat: repeat; border-width: 5px; border-color: #228b64; font-family: "arial", sans-serif; font-size: 10px; z-index: 15; } .date { line-height: 200%; top: 5px; font-family: "arial", sans-serif; font-size: 9px; color: #666666; letter-spacing: 2px; font-weight: none; text-transform:lowercase; text-align:right; letter-spacing: 0pt; background-color: transparent; } .subject { padding: 2px; font-weight: none; color:#86C303; font-family: "arial", sans-serif; border-bottom: 1px #228b64 solid; text-transform:uppercase; text-align:right; font-size: 10px; background-color: #ffffff; background-image: url(''); background-repeat: repeat; letter-spacing: 3pt; } .subject a, .subject a:link, .subject a:visited { color: #000000; } .subject a:hover { color: #555555; } .datesubject { background-color: #fffffff; background-image: url('http://i42.tinypic.com/s4tnx3.jpg'); padding: 2px; } .currents, .currentmood, .currentmusic { font-family: "arial", sans-serif; font-size: 10px; color: #555555; } .comments { font-family: "arial", sans-serif; font-size: 15px; text-align: right; background-image: url('http://i44.tinypic.com/14uyq2o.jpg') !important; font-weight: none; padding: 10px; position: relative; top: 0px; } .separator { height: 25px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #000000; font-size: 15px; font-weight: lighter; background: ; background-image: url(''); padding: 5px; } div.comments a:hover { font-size: 15px; font-weight: lighter; background: ; background-image: url(''); padding: 5px; } .ljtags { font-family: "arial", sans-serif; font-size: 10px; color: #dddddd; margin-top: 20px; font-weight: none; text-transform: lowercase; position: left; } .headerimage { position: relative; width: 800px; height: 360px; margin-left: 232px; margin-right: auto; margin-bottom: 0px; background-image: url('http://i41.tinypic.com/2earx9g.jpg'); background-repeat: no-repeat; background-position: right; } /* Comments */ .datesubjectcomment { padding: 5px; margin-top: 20px; border-bottom: 1px solid #ffea00; } .skiplinks { text-align: center; padding: 10pt; } .userpiccomment { position: relative; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #ffea00; } .userpiccomment img { border: 1px solid #ffea00; } .box { padding: 8px; clear: right; } input, textarea, select { background-color: #228b64; color: #ffea00; border: 1px solid #ffea00; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 20px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "arial", sans-serif; font-size: 11px; line-height: 100%; background-color:#FFFFFF; color: #ffffff; } .replytosubject { font-weight: none; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "arial", sans-serif; color: #FFFFFF; } .commentbox { border-left: 5px solid #ffea00; border-right: 5px solid #ffea00; padding: 10px; margin: 10px; color: #ffffff; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #000000; } .datesubjectcomment a:hover { color: #888888; } .commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 9px; margin: 9px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } /******************** TINY USER PICS **********************/ .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i36.tinypic.com/2cyquyw.png); padding: 14px 14px 0 2px !important; }
Get more of my layouts here!
I wanted to take these two | pages from this photoshoot and convert it into an LJ layout, so I have to say after 1,000 hours in Photoshop -- it came out the way I wanted it to look.
Now, for those who want this crack layout on your journal, here's the codes.
*This layout is designed for those with 1280x*** resolutions, sorry folks
1. Go to Customize Your Journal Style/Theme
2. Find Flexible Squares, this layout will not work with any other layout BUT flexible squares.
3. Go to the Custom CSS option and select NO for everything: Use Layout Stylesheet, Use Layout Style Sheet When Including Custom blahblahblah, Use External blahblahblah.
4. Click on Save Changes then go to your journal and see the magic happen.
TERMS:
1. Do not alter this layout in anyway. Seriously. Don't. It took me a long time to make the graphics and code it, I appreciate if you don't alter it. If you want alterable layouts, check out Minty Peach for 50+ Flexible Squares layouts (that you can edit).
2. If you like it and are using it, a comment would be nice so I can see how it looks on your blog :DDDDDDDDDDD
3. If you are going to repost this layout, link them to this entry. Do not repost this layout on your own journal and do not claim it as your own work.
4. Credit is really really nice, so give credit where credit is do. Anywhere is nice \:D/
5. And yes, you can use the layout. You do not have to ask. If anyone askes me " can I use this layuot? " i won't bother responding.
the layout in action here (will probably end up changing if I'm working on a new layout)
/* layout designed by ladymercury - lady_mercury.livejournal.com for flexible squares: paid, plus and free do not edit below and comment if taking this layout! */ BODY { margin-top: 0px; background-color:#228b64; background-image: url('http://i43.tinypic.com/10h7zep.jpg'); background-repeat: repeat-y; background-attachment: fixed; background-position: top-left; text-align: center; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 8pt; } a, a:link, a:visited { text-decoration: none; color: #003c06; padding: 0px; } a:hover { color: #fcca00; background-image: url(''); padding: 0px; } p, td { font-size: 8pt; } blockquote { margin: 0px 20px 0px 20px; padding: 13px; color: #000000; font-size: 7pt; border: 1px dotted #228b64; background: #8fc987; text-align: justify; } code, kbd, pre, tt { font-family: monospace; } #content { width: 800px; margin-left: 232px; margin-right: auto; background-color: #228b64; padding: 0px; text-align: justify; } #maincontent { margin-top: 10px; padding: 0px; font-family: "arial", sans-serif; font-size: 8pt; line-height: 15px; background-color: #; color:#000000; border-style: solid; border-color:#e3cb84; border-width: 0px; margin-right:20px; margin-left: 210px; text-align: justify; } #header { width: 800px; text-align: center; font-size: 10px; font-weight: none; letter-spacing: 2px; background-color: #228b64; border-width: 0px; color:#ffffff; line-height: 10px; } #footer { width: 800px; float: center; text-align: center; font-family: tahoma,georgia; text-transform:uppercase; font-size: 10px; font-weight: none; letter-spacing: 1px; background-color: #228b64; border-width: 0px; color: #ffffff; z-index: 100; clear: both; } #sidebar { padding-top: 5px; margin-top: 5px; background-color: #228b64; border-width: 0px; font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #ffffff; width: 180px; float: left; text-align: justify; margin-left: 15px; } /* Header Stuff */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #fbd712; padding: 5px; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 5 3px 5 3px; } .title { text-align: center; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 0px; letter-spacing: 0pt; text-transform: uppercase; display: none; } .subtitle { text-align: center; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; font-size: 0px; letter-spacing: 0pt; line-height: 0pt; text-transform: lowercase; display: none; } /* footer */ ul.navfooter { padding: 10px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* SIDEBAR */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #FFCC00; } div#sidebar a:hover { color:#FFFFFF; background-repeat: repeat; text-decoration: none; } .defaultuserpic { text-align: center; padding: 5px; } .sbarheader { padding: 0px 5px 0px 5px; color: #000000; text-align: center; } .sbarbody { padding: 0 2px 0 2px; } .sbarbody2 { padding: 0 2px 0 2px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #ffea00; border-width: 1px; border-style: solid; text-align: center; font-family: "arial", sans-serif; font-size: 10px; } .sbarcalendarposts { border-color: #ffea00; border-width: 1px; text-align: center; font-family: "Arial", sans-serif; font-size: 10px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { margin: 2px 3px 2px 3px; padding: 2px 3px 2px 3px; list-style: none; background-color: transparent; background-image: url(''); background-repeat: repeat; border-bottom: 1px solid #e3cb84; } li.sbaritem:hover { color: #000000; background-image: url(''); background-repeat: repeat; border-bottom: 1px solid #ffea00; } li.sbartitle { padding-left: 0px; padding-right: 0px; text-align:left; padding: 2px; list-style: none; margin-bottom: 1px; margin-top: 0px; color:#FFFFFF; border-bottom: solid #ffea00 5px; font-weight: none; font-family: "arial", sans-serif; text-transform:uppercase; font-size: 11px; letter-spacing: 1pt; } /* MAINCONTENT */ .subcontent { background-color: #ffffff; } .entry { margin: 0px 3px 2px 2px; padding: 2px; background-color: #FFFFFF; color:#666666; font-family: "arial", sans-serif; font-size: 11px; text-align: justify; border-width: 0px; border-color: #DFDFDF; line-height: 10pt; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic { position: relative; float: left; background-color: #ffffff; background-image: url(''); background-repeat: repeat; padding: 1px; margin-right: 0px; margin-left: 5px; z-index: 15; border-width: 5px; border-color: #228b64; border-style: solid; } .userpicfriends { position: relative; float: left; padding: 1px; margin: 10px; text-align: center; border-style: solid; background-color: #ffffff !important; background-image: url(''); background-repeat: repeat; border-width: 5px; border-color: #228b64; font-family: "arial", sans-serif; font-size: 10px; z-index: 15; } .date { line-height: 200%; top: 5px; font-family: "arial", sans-serif; font-size: 9px; color: #666666; letter-spacing: 2px; font-weight: none; text-transform:lowercase; text-align:right; letter-spacing: 0pt; background-color: transparent; } .subject { padding: 2px; font-weight: none; color:#86C303; font-family: "arial", sans-serif; border-bottom: 1px #228b64 solid; text-transform:uppercase; text-align:right; font-size: 10px; background-color: #ffffff; background-image: url(''); background-repeat: repeat; letter-spacing: 3pt; } .subject a, .subject a:link, .subject a:visited { color: #000000; } .subject a:hover { color: #555555; } .datesubject { background-color: #fffffff; background-image: url('http://i42.tinypic.com/s4tnx3.jpg'); padding: 2px; } .currents, .currentmood, .currentmusic { font-family: "arial", sans-serif; font-size: 10px; color: #555555; } .comments { font-family: "arial", sans-serif; font-size: 15px; text-align: right; background-image: url('http://i44.tinypic.com/14uyq2o.jpg') !important; font-weight: none; padding: 10px; position: relative; top: 0px; } .separator { height: 25px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #000000; font-size: 15px; font-weight: lighter; background: ; background-image: url(''); padding: 5px; } div.comments a:hover { font-size: 15px; font-weight: lighter; background: ; background-image: url(''); padding: 5px; } .ljtags { font-family: "arial", sans-serif; font-size: 10px; color: #dddddd; margin-top: 20px; font-weight: none; text-transform: lowercase; position: left; } .headerimage { position: relative; width: 800px; height: 360px; margin-left: 232px; margin-right: auto; margin-bottom: 0px; background-image: url('http://i41.tinypic.com/2earx9g.jpg'); background-repeat: no-repeat; background-position: right; } /* Comments */ .datesubjectcomment { padding: 5px; margin-top: 20px; border-bottom: 1px solid #ffea00; } .skiplinks { text-align: center; padding: 10pt; } .userpiccomment { position: relative; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #ffea00; } .userpiccomment img { border: 1px solid #ffea00; } .box { padding: 8px; clear: right; } input, textarea, select { background-color: #228b64; color: #ffea00; border: 1px solid #ffea00; font-family:Arial, Helvetica, sans-serif; font-size: 8pt; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 20px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "arial", sans-serif; font-size: 11px; line-height: 100%; background-color:#FFFFFF; color: #ffffff; } .replytosubject { font-weight: none; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "arial", sans-serif; color: #FFFFFF; } .commentbox { border-left: 5px solid #ffea00; border-right: 5px solid #ffea00; padding: 10px; margin: 10px; color: #ffffff; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #000000; } .datesubjectcomment a:hover { color: #888888; } .commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 9px; margin: 9px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } /******************** TINY USER PICS **********************/ .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 12px 13px 0px 0px !important; background: url(http://i33.tinypic.com/10gxwgp.png); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i34.tinypic.com/xpy3pi.png); padding: 14px 14px 0 2px !important; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i36.tinypic.com/2cyquyw.png); padding: 14px 14px 0 2px !important; }
;){kind=link}
;){kind=link}
;){kind=link}
Get more of my layouts here!