use your woman as a human shield ([info]milou_veronica) wrote,
@ 2008-10-25 00:28:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Current music:Stars all seem to weep - Beth Orton
Entry tags:style: flexible squares, wot: s2 layout

s2 layout: nightswimming [flexible squares]

not crossposted

I'm still working on all the layout requests, but I also have a backlog of random layouts collecting that I'd like to post.

layout: nightswimming
style: flexible squares
accounts: Basic, Paid, and Sponsored
features:custom comment pages, topbar, lotsa mini icons
browsers: IE7, FF, Safari, and Opera

picture | live






installation
>> Choose Journal Style
>> Select a "Grays" Flexible Squares layout in "Select a New Theme"
>> In Choose a Page Setup select 2 Column (sidebar on right) . If you have a plus or basic account, make sure the ads are set to horizontal or between entries.
>>Go to " Customise your Theme " and then "Style ". Change the "Background color of the outer table" to #ffffff.
>> Then go to the "Sidebar " section. Make sure that the default user picture, Blurb, Links List, and Tags are set to "Yes". This is also where you add the free text. Also delete the Title of the blurb sidebar box.
>>Still in "Customise your Theme", go to "Custom CSS ". Ensure Use layout's stylesheet(s) is set to no
>> Paste code into the Custom Stylesheet box.

notes:
>> To make your tagslist visible like in the preview I've put a bit right at the end of the code so it's easy to find. Just remove the display: none;.
>> To add a header. The code for this is right at the top: put your url in between the brackets and the width and height in their repective sections.
>> mini icons by Brand Spanking New
>> Need help, or have questions? First check out the F.A.Q.

troubleshooting:
>> If you notice that you're userpic for the first entry has benen displaced, to fix this simply go to #sidebar { right at the beginning of the code and increase the min-height.




(22 comments) - (Post a new comment)


[info]mychalian
2008-10-24 03:01 pm UTC (link)
Words cannot express how much I love this. Yayayay! Will be using soon!

(Reply to this) (Thread)

[info]milou_veronica
2008-10-24 08:16 pm UTC (link)
:D Thank-you

(Reply to this) (Parent)

[info]arksky
2008-10-24 04:20 pm UTC (link)
Another beautiful layout by you...gah...so tempted to use. D:

(Reply to this) (Thread)

[info]milou_veronica
2008-10-24 08:19 pm UTC (link)
(*≧▽≦)

(Reply to this) (Parent)

[info]diepi
2008-10-24 05:05 pm UTC (link)
Meming it!

(Reply to this) (Thread)

[info]milou_veronica
2008-10-24 08:19 pm UTC (link)
Thank-you!

(Reply to this) (Parent)

[info]kseenaa
2008-10-24 05:27 pm UTC (link)
Seriously. Your my favorite layout-maker. I LOVE this!!! Am using, with credit in my userinfo, like always!

(Reply to this) (Thread)

[info]milou_veronica
2008-10-24 08:21 pm UTC (link)
（*＾▽＾*）Uwah. Thank-you!

(Reply to this) (Parent)

[info]daisuki
2008-10-24 06:18 pm UTC (link)
so using this soon. it's love~

(Reply to this) (Thread)

[info]milou_veronica
2008-10-24 08:24 pm UTC (link)
Thank you ♥

(Reply to this) (Parent)

[info]orli121
2008-10-24 08:12 pm UTC (link)
Oooh love it!

(Reply to this)


[info]marcasite
2008-10-28 12:41 am UTC (link)
Pretty! ♥

(Reply to this)


[info]pamparumpum
2008-11-04 03:43 am UTC (link)
This is beautiful! Will use and credit :D

(Reply to this)


[info]burnbook31
2008-11-14 03:43 pm UTC (link)
LOVELY.

using. :)

(Reply to this)


[info]nitrogene
2008-11-30 12:08 am UTC (link)
I love this layout to pieces !
However, I wanted to add a header to it but when I do it's misaligned & everything. D:

Is there any way I could fix that?
I tried all I could. . .

(Reply to this)


[info]radiovoltage
2008-12-08 12:33 pm UTC (link)
I love it. Adding it to mems!

(Reply to this)


[info]jessilestrange
2009-01-31 10:28 am UTC (link)
such a cute design.
the mini icons are absolutely adorable.

(Reply to this)


[info]aynohyeb
2009-09-27 09:20 am UTC (link)
I love all your layouts and I am using them since I started to costumize my own journal. I am dropping by to tell you that I made a fandom related costumization of this layout with a header and some changes of colors. But then I decided not to use it for myself. Now I'd like to ask you, if it's ok if I show and offer it in a post of mine as an addage to the header/FO banner and icon I made. Please visit http://aynohyeb.livejournal.com/24539.html and tell me, if that's ok for you. If not, I am going to delete the added layout immediately.

(Reply to this) (Thread)

[info]milou_veronica
2009-09-28 01:28 am UTC (link)
G;hkskjdfg;aj;; Usually I'd say no, but you made me visit and it's really cute and it's Mad Men. Damn. So yes, it's okay.

But if I could suggest the following changes (you should be able to see them by adding this to the end of the code):
#sidebar {color:#ffffff}
.view {background: url(http://i35.tinypic.com/r2555h.jpg)}
ul.navheader li a:hover {background-color: #171717 }
.defaultuserpic img {padding: 19px; background: url(http://i35.tinypic.com/k1vzac.png); border: none; margin-top: 0}

.sbarbody2 {float:right; width: 380px; padding: 0 10px 0 0}
li.sbaritem{ padding: 3px 7px;background: transparent url(http://i35.tinypic.com/k1vzac.png);margin:1px 0;display:block;border:none}
li.sbaritem:hover{background-image:url(http://i35.tinypic.com/244p0na.png)}
li.sbartitle{display:none}

#sidebar_linklist {width:250px}
.skiplinks {background:url(http://i35.tinypic.com/r2555h.jpg)}
.userpiccomment {background:url(http://i35.tinypic.com/k1vzac.png);padding:20px;border:none;margin-top:-10px;margin-left:-160px}

.commentreply { background-color:#FFFFFF; min-height: 65px;margin:0;padding:20px;color:#444}

.commentbox { background:url(http://i35.tinypic.com/r2555h.jpg); border: 0px; background-color: #ffffff; padding: 0 0 0 160px;margin: 7px 0px 7px 0px;color:#B0CF9B}
.datesubjectcomment{background:url(http://i35.tinypic.com/k1vzac.png);margin:0;padding:10px;color:#A1CF81} .datesubjectcomment .ljuser a b{color:#FFFFFF}
#postform{background-color:#FFFFFF;padding:10px}
form#qrform table {border:none !important;color:#fffffff;background-image:url(http://i35.tinypic.com/244p0na.png);padding:10px} form#qrform table b, #qrform{color:#B0CF9B}

(Reply to this) (Parent)(Thread)

[info]aynohyeb
2009-09-29 05:13 am UTC (link)
thank you so much! And especially for the corrections you suggested. I haven't been able to see what the effect is. I tried this morning to put it, as you said, to the end of the code, but I got a response about a failed connection from the server. Do I understand that right, that I only have to put it at the end? Will it overwrite the former commands?

(Reply to this) (Parent)(Thread)

[info]milou_veronica
2009-09-29 07:59 am UTC (link)
Ugh, I as afraid of that- it just means that with the additions the code is too long. But it should be enough if you go through the code and delete the dashes from the titles of the sections (e.g. /*-------------------HEADER-----------------------*/ would become /*HEADER*/). That'll make enough room for you to just add the adjustment code to the bottom.

In any case all I did was adjust it slightly so it looked like this and the comments would look like this, and fix some bugs.

(Reply to this) (Parent)(Thread)

[info]avas_colors
2009-09-29 09:16 am UTC (link)
aww, wow, I love the new top bar with the dark frame around the links and the default userpic! And that you used the bg for the comment pages, that's so neat! Now it's really perfect! I didn't want to use the bg for the navigation though, because otherwise it melts with the topbar and I like it better when the two sections are clearly separated. But everything else! Amazing! Now I am already thinking of keeping it for myself ;) Thank you so much. That was very inspiring! I wish I would be only half as good as you are with the coding. Most of what I learned for now I read in your tutorials anyway :D

(Reply to this) (Parent)

(22 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…