My Thoughts, Art, and Writing - REQUEST FILLED - LiveJournal Layout: Sylar (+ 2 Friends Only Banners)

Previous | Memories | Tell a Friend | Next

janine42584

30 December 2007 @ 03:35 pm

REQUEST FILLED - LiveJournal Layout: Sylar (+ 2 Friends Only Banners)

~Please Comment if Taking
~Please Credit

janine42584 if using

This layout was requested by

define_serenity. Thanks so much for such a fun request! You know I love me my Sylar!

Note: While it is not ever required that you host the image on your own server (or really somewhere free like Photobuck or ImageShack) I am going to start requesting that you do.

There are three images within the code: under "body," "#sidebar," and "#header." All you need to do to host these somewhere else is (for example with ImageShack) under upload click "URL" then paste any of the urls from the code (from http://... to .jpg) and click upload, a new url will be given to you (make sure to take the last one it says "direct link to image") then copy and paste that url where the old one use to be in the code. And there you have it, your own hosted image for the layout.

Now the reason I'm asking this is because, while ImageShack (and Photobucked) do offer quite a bit of hosting time and bandwith use for image you have on there, I've had problems with some layouts in the past having headers or backgrounds disappear. I'm just trying to make it so this will hopefully no longer happen. Thanks!

Made With S2 and Flexible Squares Layout

UPDATE: USING NEW CUSTOMIZE SYSTEM

1. Click "Customize"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste the override code into the box provided
8. Click "Save Changes" and there you have it!

Override Code

/* Cleaned CSS: */

body {
	background: url(http://img146.imageshack.us/img146/6524/backgroundde9.jpg) top center repeat-y #3d4722;
        text-align: center;
        color: #c5c873;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

a, a:link, a:visited {
        color: #79c971;
        text-decoration: none;
        }

a:hover {
        color: #cd8334;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
    {
        width: 950px;
        margin-left: auto; margin-right: auto;
        padding: 0px;
    }

#maincontent {
	margin: 0px 220px 0px 20px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        color: #c5c873;
        text-align: left;
        }

#sidebar {
	background: url(http://img410.imageshack.us/img410/208/sidebarlv2.jpg) top left no-repeat transparent;
        padding-top: 110px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #c5c873;
        width: 200px;
        float: right;
        text-align: left;
        }

#header {
	background: url(http://img146.imageshack.us/img146/3374/headerko2.jpg) top center no-repeat transparent;
	height:350px;
        padding: 0px;
        margin: 0px;
        text-align: right;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #79c971;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #c5c873;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #79c971;
    }

div#header a:hover, div#footer a:hover {
        color: #cd8334;
        text-decoration: none;
    }

ul.navheader
        {
	padding-top:342px;
        padding-left: 25px;
        margin: 0px;
	text-align:left;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title    {
	margin-top:-75px;
	padding-right:25px;
        font-family: "Verdana", sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
	font-style:oblique;
	font-weight:bold;
	color:#70bbb2;
        }

.subtitle{
	padding-right:35px;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
	font-style:oblique;
	color:#70bbb2;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #79c971;
    }

div#sidebar a:hover {
        color: #cd8334;
        text-decoration: none;
    }

.defaultuserpic {
        margin-left: 5px;
        text-align: center;
        }

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

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

.sbarbody2 {
        padding: 0 15px 0 15px;
    }

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #030804 solid;
    }

table.calendar {
        margin-right: auto;
        margin-left: 5px;
        }

.sbarcalendar {
        border-color: #c5c873;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #c5c873;
        border-width: 1px;
        border-style: solid;
        background-color: #030804;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 5px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 5px;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        border-top-width: 2px;
        border-top-color: #e8ddb0;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #e8ddb0;
        border-bottom-style: solid;
	color:#e8ddb0;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #c5c873;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #6e9e87;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
	font-weight:bold;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #6e9e87;
        font-family: "Verdana", sans-serif;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #79c971;
        }

.subject a:hover {
        color: #cd8334;
        }

.datesubject {
        padding: 5px;
        border-top-width: 2px;
        border-top-color: #6e9e87;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #6e9e87;
        border-bottom-style: solid;
	margin-top:10px;
	margin-left:120px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #030804;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #79c971;
    }

div.comments a:hover {
        color: #cd8334;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #030804;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #030804;
        color: #c5c873;
        }

textarea.textbox  {
          width: 95% !important;
           }

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        line-height: 125%;
        color: #c5c873;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Verdana", sans-serif;
        color: #c5c873;
        }

.commentbox {

border-color: #030804;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #030804;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #79c971;
        }

.datesubjectcomment a:hover {
        color: #cd8334;
        }

.commentboxpartial {
        border-color: #030804;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #030804;
        }

.commentinfo {
        background-color: #030804;
        margin-top: 10px;
        width: 100%;
        }

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

table.yeartable {
        margin-left: auto;
        margin-right: auto;
        }

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #030804;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

ul.navfooter li  {
        display: inline;
        margin: 0 5px 0 5px;
        }

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #030804;
        background-color: #3d4722;
    }

#lj_controlstrip {
	background: url(http://img139.imageshack.us/img139/9785/controlstripbgzl2.jpg) top center repeat-y #3d4722;
	margin: auto;
	width:950px;
    border: 0px;
}

#lj_controlstrip td {
    color: #c5c873;
    border: 0px;
}

#lj_controlstrip_statustext {
    color: #c5c873;
    border: 0px;
}

#lj_controlstrip a {
    color: #79c971;
    border: 0px;
}

#lj_controlstrip_user,
#lj_controlstrip_userlinks,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border: 0px;
}

#lj_controlstrip_login td {
    border: 0px;
}

#lj_controlstrip td td {
    border: 0px;
}

#lj_controlstrip_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/pt030804c5c873);
}

#lj_controlstrip_loggedout_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/pt030804c5c873);
}

div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Textures used created by:

abernathi

Tags: friends only banners, layout - livejournal, layout - livejournal - flexible squares, requests, tv show - heroes

Current Mood:

impressed

23 comments | Leave a comment

( Post a new comment )

goth_huntress on December 30th, 2007 11:54 pm (UTC)

That is beautiful. Where does one go to make a request? I'd love a Malcolm Reynolds from Firefly layout.

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 12:24 am (UTC)

::blushes:: Thank you! If you would like to make a request here is the post to do so. I'll give you warning though, I'm VERY behind on filling requests. As long as you don't mind waiting (what could be a few months) I would love to fill it for you. I do LOVE Captain Malcolm Reynolds!!!

(Reply) (Parent) (Thread) (Link)

goth_huntress on December 31st, 2007 02:05 am (UTC)

Darlin' I think we all love our pretty captain so very much.

(Reply) (Parent) (Thread) (Link)

janine42584 on December 31st, 2007 02:18 am (UTC)

Eeek! I love your icon!!! I totally just took a moment to die of laugher. I love Firefly fans! Some of the best people out there.

(Reply) (Parent) (Thread) (Link)

goth_huntress on December 31st, 2007 02:53 am (UTC)

A friend made it special for me. She did a Sawyer one for me too. I'm sure she wouldn't mind if you it for your collection.

(Reply) (Parent) (Thread) (Link)

trinaweena on December 31st, 2007 12:01 am (UTC)

Your layouts are the best! Snagging this one because I was looking for a new Sylar one! Awesome work

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 12:25 am (UTC)

Thank you! I'm so happy you like the layout.

(Reply) (Parent) (Thread) (Link)

brucasnaleyfan1 on December 31st, 2007 12:09 am (UTC)

Aww pretty, not snagging, but it's awesome

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 12:25 am (UTC)

Thank hun!

(Reply) (Parent) (Thread) (Link)

utterbasketcase on December 31st, 2007 01:12 am (UTC)

Taking this and running away with it! It's lovely, as always. ♥

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 02:13 am (UTC)

Thanks sweetie! I'm so glad you like this layout!!!

(Reply) (Parent) (Thread) (Link)

straykim on December 31st, 2007 02:31 am (UTC)

Oh my, that's all sorts of wonderful right there. I might use it and when I do you will have full credit.

Do you take requests?

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 03:05 am (UTC)

Thank you so much! I do take requests, the post can be found here. But just a warning, I'm very behind on filling requests ::sheepish smile:: So it will take awhile for me to get to yours. That being said, I LOVE requests! So if you don't mind waiting, I would love to hear what your request is!

(Reply) (Parent) (Thread) (Link)

melek_naz on December 31st, 2007 10:51 am (UTC)

Hello!

I have just spent about an hour having a good old snoop round your LJ. The things you do are simply beautiful - thanks so much for sharing them with those of us who aren't so artistically minded (indeed, yannow, at all!)

I've put in a request for a Chuck theme (I'm trying to pimp out the show in the UK ready for it starting here next month :D) but in the meantime have nabbed this. Haven't got access to my photobucket from this PC but will change the relevant links over the next day or so.

I just wanted to say thanks so much :D

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 06:23 pm (UTC)

Awwww... Thank you! I'm very happy you like the layouts that I've been making. I just love creating these things, so it's so nice to know that people enjoy using them.

Just got your request (which, by the way, I LOVE CHUCK!!!!). I hope to give it a push when it comes to order in which requests are done, because well I just really enjoy the show. Love the icon BTW! hehehe too cute!

(Reply) (Parent) (Thread) (Link)

melek_naz on January 7th, 2008 11:45 am (UTC)

Oooooooooooh I'm loving YOUR new layout! Summer Glau-ey goodness too!

If you do get a chance to sort the layout then that's fab, but I'm happy with Sylar in the meantime - I've had lots of compliments on it!

Hope you had a lovely Christmas and New Year break :)

Naz
x

(Reply) (Parent) (Thread) (Link)

janine42584 on January 7th, 2008 09:29 pm (UTC)

I had a great Christmas and New Year break! Very relaxing (well maybe not relaxing with the holidays and all), but more lazy than usual ;)

I'm SO happy you like the Summer Layout! I've been trying so freakin' hard to make one like this (with the images that don't scroll and the text going behind the images), I spent all day yesterday hacking out the code! And it works!!! At first I was so scared because I looked at it in Internet Explorer and the images were ALL over the place, but got it testing properly in both now (and I believe Safari and Opera). So I'm very excited about my layout right now! (could you tell?)

(Reply) (Parent) (Thread) (Link)

herm_weasley on December 31st, 2007 12:11 pm (UTC)

THESE ARE AMAZING! *_______* So snagging this one and the other too! Thanks!

(Reply) (Thread) (Link)

janine42584 on December 31st, 2007 06:23 pm (UTC)

You're welcome! And thank you! :D I'm so happy you like the layout!

(Reply) (Parent) (Thread) (Link)

drkestetrnlangl on January 4th, 2008 03:21 pm (UTC)
Fantastic Work!

OMG! Awesome work on the Live Journal layouts! :-D If you don't mind I would like to snag this one! I've been looking everywhere for Sylar/Zachary layouts and I think this one is the greatest one that I have ever seen....(Since its the only one that I have ever seen besides your other two) :-D

(Reply) (Thread) (Link)

janine42584 on January 5th, 2008 09:31 pm (UTC)
Re: Fantastic Work!

Of course you may use it! Thank you so much! I'm very happy you like my work!

(Reply) (Parent) (Thread) (Link)