use your woman as a human shield (milou_veronica) wrote,
use your woman as a human shield
milou_veronica

  • Music:

s2 layout: your carbon makes a star [flexible squares]

milou_veronica now has a new layout. It's actually super funky, come check it out. I don't mean design-wise, that's still quite pedestrian - but I have an awesome disappearing-fixed-bottom-bar-thing with all the functionality of a proper sidebar. It'll be released soon - semester starts again next week!


image | live

image | live
layout:your carbon makes a star
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, mini icons, topbar/links list
browsers: IE8, FF, Safari, Chrome



installation
01. Choose Journal Style

Select "Greys" Flexible Squares layout in "Select a New Theme"

02. Choose a Page Setup

i. Set Advertisement display to Horizontal or Between Entries
ii. Select 2 Column (sidebar on right) or 2 Column (sidebar on left).

03. Style

Change the "Background color of the outer table" to #FFFFFF.

04. Custom CSS

Ensure Use layout's stylesheet(s) is set to no

05.

Paste code into the Custom Stylesheet box.
no banner


banner!!!


notes
credit mini icons by Pinvoke and navigation images are by DryIcons
safe keeping

Upload images to your own server to be safe. Tinypic does delete its images after a while.

editing

♚ As per usual, feel free to add your own header/ edit bloody anything you want to.

F.A.Q.

If you have problems with a layout, please post them at the FAQ. I unfortunately I cannot help with stylistic edits, but as I said before, go nuts doing so.

oh, and yeah:

If you see two stars showing up in your header navigation, it's probably because you're linking to a website whose url ends in livejournal.com.
In the HEADER section of the code where it says /* stars showing up twice */, put your website link between the quotation marks of

div#header a[href*=""] {background-image: url(http://i47.tinypic.com/2cery1y.png)}
div#header a[href*=""]:hover {background-image: url(http://i50.tinypic.com/icigra.png)}

For instance, if my website link was http://milou-veronica.livejournal.com, it would look like

div#header a[href*="http://milou-veronica.livejournal.com"] {background-image: url(http://i47.tinypic.com/2cery1y.png)}
div#header a[href*="http://milou-veronica.livejournal.com"]:hover {background-image: url(http://i50.tinypic.com/icigra.png)}


Tags: style: flexible squares, wot: layout
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic
  • 107 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →