Layout: S2 Bloggish - Light FX

Dec 13, 2008 20:09

Style: S2 Bloggish (works on Insane Journal, JournalFen and Livejournal!)
Best view: 800x600 and up
Browsers Tested On: Latest versions of IE, Opera and Firefox only
Custom Comment Pages: Yes
Navbar: No

Layout : Light FX


Live Preview @ gingerwine or InsaneJournal!

Since IJ doesn't have Expressive, the next best option is Bloggish :)

Features
  • Insane Journal, JournalFen and Live Journal compatible
  • Perfectly centralized entries
  • Horizontal Menu
  • Usernames above entry titles for easy reading
  • Will work on free layouts
  • Custom comment pages included (How comments look!)
  • Images for the Linkbar included! (Reply/Edit/Track etc.)
  • You can also change the header, link colors and entry title colors :)
Instructions for Insane Journal
  • Go to Customize Journal on insanejournal (here)
  • Type in a Title and Subtitle
    Note: Make sure they're not too long - title should be under 37 characters and subtitle under 64 characters
  • Click Save and then go to Look and Feel
  • Choose "Bloggish" for Layout and "None" for Themes
  • Click Save and go to Custom Options
  • Make sure the Layout Type is "Two column (Sidebar on Right)"
  • Use layout's "Base Weblog" stylesheet: Yes
  • Under Custom external stylesheet URL, copy and paste this URL:
    http://gossymer.com/storage/CSS/gingerwine.css
Make sure you have a link list set up as well as tags.

Instructions for Live Journal And JournalFen

Go to Customize Journal on livejournal (here)or on journalfen (here)
Type in a Title and Subtitle (optional)
Note: Make sure they're not too long - title should be under 37 characters and subtitle under 64 characters

Under Select a New Theme
Type in Bloggish
Choose the "Unstyled" theme at the end
Choose 2 column (sidebar on right)
Click Customize Selected Theme

Under Custom CSS
Use layout's "Base Weblog" stylesheet: YES
Copy and paste this link for Custom external stylesheet URL:
http://gossymer.com/storage/CSS/gingerwine.css
(Pasting the codes directly will not work)

Make sure to set your links list and your tags.

Credits
I could not find a decent starter sheet for Bloggish so I asked grrliz and used one of hers layouts as a base ( Holiday in Vegas @ thefulcrum)- any bugs you find are due to my tweaking the code till its barely the same anymore >__<

Paste this code into your profile page:


Credits:
+ header by
+ layout by (http://gossymer.livejournal.com/183219.html">here), with base codes by (http://community.livejournal.com/thefulcrum/5972.html">here)
+ linkbar icons from http://www.famfamfam.com/">famfamfam.com




Customization Instructions
If you want to add a header and change colors
  • Download the code here
  • Open it in a text editor
  • Refer to the customization instructions bellow
  • You MUST upload the code to a web server. I use awardspace myself.
  • Follow the instructions above for IJ or/and LJ and just change the URL with the stylesheet you uploaded.
  • Adjust the credits accordingly

If you want to add your own header, add this code to the end:

#banner h1, #banner h2 {
display:none; }

#banner-inner {
background: url(YOUR IMAGE URL HERE);
background-position: top center; /* Change to whatever position you want */
background-repeat: no-repeat; /* Can be changed to repeat, repeat-x or repeat-y */
background-color: #000; /* Change to whatever color you want */
height: 200px; /* The height of your image */
}

If you want to change colors, do find/replace for the following codes:

Blue links are #007ba7
Orange titles are #E35E00
Green ljuser links are #85B800

You are free to make any changes - only requirement is to comment and credit. Oh and if you do try to customize it beyond the instructions listed, please refer to s2bloggish and s2_bloggish for help.

★ Feel free to watch noveltybox

# layouts

Previous post Next post
Up