Entry tags:

[s2] generator

[S2] Generator / Across the Stars
Layout Style: S2 Generator
Best view: 800x600 and up
Credit: agentjedi
Preview:


(click for fullsize preview)

This layout is exclusive to InsaneJournal! (Nope, won't work at the Other Place.)

---

Everyone uses S1 Generator to do all sorts of customised fun stuff, but if you're the kind of person who just wants a new layout without having to fiddle and change all the links, this one is for you. Heck, I've even embedded the background image and transparency of the tables so you don't have to!

This override "destroys" the link list that would normally appear on the top of the entries. But doesn't the galaxy picture look nice?

For this layout, you must choose S2 as your style system, under "Look and Feel" choose Generator. It doesn't matter which theme as most of the colours are set for you. However, under the "Custom Options" you do need to set style of borders to 'Invisible,' the entry background colour to black and the entry text colour to white (or any light colour that you think will compliment the layout). If you so desire, you can use the bullet image as the seperator between comment | read comments.

There is also a matching icon if you so wish to use it:


Please do save these images to your own photosharing server:

• Main background
  
• Header image
  
• Entry separator
  
• Bullet and (optional) comment separator

In the following CSS code, please search and replace http://yoururlhere.com/ with the path to where you've stored the images.

Here they are, the CSS overrides!

/* ------ Template: Across the Stars ----- */ /* ------ Date: November 25, 2007 -------- */ /* ------ S2 Style: Generator ------------- */ /* ------ Made by agentjedi -------------- */ /* ------ agentjedi.insanejournal.com ---- */ /* ------ agentjedi.livejournal.com ------ */ /* ---------------------------------- */ /* -------------- NOTES ------------- */ /* ---------------------------------- */ /* This layout works ONLY with InsaneJournal! */ /* No need to place background image or make tables transparent. */ /* This override "destroys" the table of links at top of page! */ /* --- THINGS YOU *DO* NEED TO SET! --- */ /* Style of borders needs to be set to INVISIBLE. */ /* Entry background colour needs to be set to BLACK. */ /* Entry text colour needs to be set to WHITE (or other light colour). */ /* No other colors need to be set. However, if you have a paid/permanent account, you can change the colours of the comment bars to match layout if you wish. */ /* You may use the bullet image for the image between comments. */ /* ---------------------------- */ /* ---------- HEADER ---------- */ /* ---------------------------- */ .shadowed{ height:464px; background:url(http://yoururlhere.com/galaxy.gif) top center no-repeat; } .shadowed table{ visibility:collapse; } /* -------------------------- */ /* ---------- BODY ---------- */ /* -------------------------- */ /* places background image */ body{ background: url(http://yoururlhere.com/backstar.jpg) top left repeat scroll; } /* removes table background */ table, tr, td{background:transparent;} body, td{font-size:8pt;} .caption, .index{ font-weight:bold; padding:5px; } a:link{color:#CFB3E8;text-decoration:none;} a:visited{color:#5845AD;text-decoration:none;} a:hover{color:#fff;text-decoration:underline;} .meta{font-weight:normal;} .entrybox a.index font{color:#CFB3E8;text-decoration:none;} .entrybox a.index:visited font{color:#5845AD;text-decoration:none;} .entrybox a.index:hover font{color:#fff;text-decoration:underline;} .entrybox{ padding-top:13px; background: url(http://yoururlhere.com/comet.gif) top center no-repeat; } .comments{padding-bottom:0;} /* bullet image */ ul li{ list-style-image:url(http://yoururlhere.com/flash.gif); }

If you have any problems adapting the layout for your browser or taste—I'm afraid you're on your own! This constitutes about the short and long of what I know about CSS. Good luck, and thanks for looking!