Malionette \(o_O)/ ([info]wingweaver22) wrote in [info]mintyapple,
@ 2008-03-27 19:55:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:maker: wingweaver22, style: smooth sailing

S2 Smooth Sailing : Alice * Blues!



Click for a live preview.



#012 : Alice Blues
more previews IMAGE Preview | Entries Page
tested browsers Firefox, Safari, Internet Explorer 7+, Chrome, Opera
minimum screen resolution at least 800x600+ pixels
features You MUST have a SUBTITLE defined for the header to show up.
information I made this layout with tons of advice from Lucius!! Featuring Cuilan from Senko no Ronde.


Installation manual
Please read all instructions carefully. DO NOT SKIP ANY STEPS or the layout will be messed up!
01. Select your theme Apply any of these layouts ( Smooth Sailing ).
02. Sidebar & ad postition i. Select 2 Column (sidebar on left)
ii. Set the ads to "Vertical"
03. Add the CSS! i. Select NO beside "Use layout's stylesheets". IMPORTANT!!
ii. Use the default CSS below

iii. Paste the CSS into the "Custom CSS" box.
04. In exchange for using Please link back to [info]fruitstyle in your profile OR sidebar so others can find this community! You may also use a button. (:


Customize this layout! (optional)
Here is some extra information if you want to customize this layout to your liking. Only customize if you know what you are doing!
Replacing colours i. Open up a text editor (NOT Microsoft Word).
ii. Paste your CSS codes in.
iii. Go to Edit > Replace and replace the colours of your choice.
Colours table
#ffffff #f8f8f8 #dddddd #bbbbbb #888888 #79d7ff
#0096c7
Replacing images To guarantee that your images will always work, you should upload them onto your own image host. You may also replace any of these images if you want.
Images used Header | Page BG | User.icon | Comm.icon | Locked.icon | Private.icon


Please post any HELP questions or PROBLEMS at this post!


Site Meter

Comment! Did you like it? Where are you using it? If you customized this, show me! (:
SUBSCRIBE to [info]fruitstyle for more updates!! (:



(42 comments) - (Post a new comment)


[info]envyious
2008-03-28 12:03 am UTC (link)
FIRST!


Gah this is adorable! memed for future uss =3

(Reply to this)


[info]ricordi
2008-03-28 12:25 am UTC (link)
Very cute! Thanks. <3

(Reply to this)


[info]acquity
2008-03-28 01:21 am UTC (link)
Your codes are always so unique and adorable ♥ Thank you for sharing~

(Reply to this)


[info]applesleep
2008-03-28 03:11 am UTC (link)
Amazing! This will definately become a popular layout. :)

(Reply to this)


[info]juukai
2008-03-28 03:28 am UTC (link)
This layout is so ridiculously cute.

(Reply to this)

Awesomeness
[info]bunko_san
2008-03-28 04:35 am UTC (link)
Awesome Layout, Although I have a question where did you get the header in the sample?
Can I borrow it, if I link back to you?

(Reply to this) (Thread)

[info]wingweaver22
2008-03-28 12:21 pm UTC (link)
The character is Cuilan from Senko no Ronde and the image was from a pack of SnR official art.

(Reply to this) (Parent)

[info]autumnishleaves
2008-03-28 05:08 am UTC (link)
Not so huge on the grid background, but I'll definitely keep this in mind when I'm looking for a new layout. Immensely cute. ;)

(Reply to this) (Thread)

[info]wingweaver22
2008-03-28 12:21 pm UTC (link)
You can always change the background!! Thank you very much! ;)

(Reply to this) (Parent)

[info]lovewls
2008-03-28 05:53 am UTC (link)
Lovely! Using now with own header. You're credited at my user info.Thank you!

(Reply to this)


[info]machinebattery
2008-03-28 12:00 pm UTC (link)
normaly not a smooth sailing fan but i really like this one. might use for my community.

(Reply to this) (Thread)

[info]machinebattery
2008-03-28 02:09 pm UTC (link)
i added the header code but my header won't show. i added the height. my code


or do i have to add it somwhere specific?

(Reply to this) (Parent)(Thread)

[info]machinebattery
2008-03-28 05:15 pm UTC (link)
figured it out. maybe you should tell people the need a title and or subtitle

(Reply to this) (Parent)(Thread)

[info]wingweaver22
2008-03-28 08:44 pm UTC (link)
Oh right. I forgot Dx! Thank you for telling me. (:

(Reply to this) (Parent)

[info]decouvrir
2008-03-29 02:41 am UTC (link)
Using this! Thank you! :)

(Reply to this) (Thread)

[info]decouvrir
2008-03-29 02:43 am UTC (link)
Quick question! Is there anyway to make the icons in the comments normal sized instead of the small ones that show up? I really like seeing the usual size of 100x100 px icons. ^__^

(Reply to this) (Parent)(Thread)

[info]wingweaver22
2008-03-29 03:52 am UTC (link)
Yup. Find .commentUserinfo-usericon img and remove width: 50px and height: 50px;

(Reply to this) (Parent)

[info]main_titles
2008-03-29 03:35 am UTC (link)
Very cute layout. ^__^

You have a Howl icon!!! <3

(Reply to this)


[info]lushlou
2008-03-29 05:46 pm UTC (link)
Love this, adding to mems, thanks for sharing :)

(Reply to this)


[info]adfirmatiosg
2008-03-30 04:49 am UTC (link)
Beautiful layout! Am definitely going to use! THANK YOU! :D

(Reply to this)


[info]reaiden
2008-03-30 12:58 pm UTC (link)
I used this layout <3
I have a few questions too.

uhm... Is there anyway to not show the page summary
and the tags? and uhm.. I also used the header for the layout
I'll give credit ^^

(Reply to this) (Thread)

[info]wingweaver22
2008-03-30 02:32 pm UTC (link)
Edit your sidebars! Find summary position and tags sidebox position and choose hide to hide those. (:

(Reply to this) (Parent)

[info]sinsyne
2008-03-30 09:06 pm UTC (link)
Lovely layout ♥ Using and credited in profile. :)

(Reply to this)


[info]rebbe
2008-03-31 02:24 am UTC (link)
Oooh, this is so pretty! Using it right now~♥

(Reply to this)


[info]velvet_strings
2008-04-01 01:09 am UTC (link)
This is pretty. I might use it in the future. XD

(Reply to this)


[info]duskspoken
2008-04-14 12:19 am UTC (link)
I really like this!

And could you tell me how to do a block quote? Thanks.

Edited at 2008-04-14 12:19 am UTC

(Reply to this) (Thread)

[info]ringingsound
2008-04-14 12:23 am UTC (link)

(Reply to this) (Parent)(Thread)

[info]duskspoken
2008-04-14 12:27 am UTC (link)
thank you! so much easier than i thought it would be lol :D

(Reply to this) (Parent)

[info]3kame
2008-04-16 03:00 am UTC (link)
I'm using it now!! Love it!! I changed the width and header. And the BG, eh I don't like it even now. I will change again. :P

How do I make the "mood" pictures align on the same side as the text part is. Mine keep coming up like
mood: confused _____________________________________________ [icon]
---> icon way over there

(Reply to this) (Thread)

[info]wingweaver22
2008-04-16 04:51 pm UTC (link)
Find .entryMetadata img { padding: 5px; float: right;} under META and change right to left.

Also, could you please credit [info]fruitstyle instead of [info]mintyapple...?! Thank you lots!

(Reply to this) (Parent)(Thread)

[info]3kame
2008-04-16 10:45 pm UTC (link)
AWESOME!!! Thanks for quick reply! It worked like a champ and I got the credit right for you~ :3
<3

(Reply to this) (Parent)

[info]toda
2008-04-30 01:51 am UTC (link)
Hey sweetie! I just wanted to say how amazing this layout is... but I'd like to point something out to you that you may not of noticed.

Lj has changed the file url to their icons, so the icon override doesn't work. I managed to fix it on my CSS but I though you might want to change the code for others to use. ^^

user is now:
http://p-stat.livejournal.com/img/userinfo.gif

community is now:
http://p-stat.livejournal.com/img/community.gif

and locked is now:
http://p-stat.livejournal.com/img/icon_protected.gif

(Reply to this)


[info]maechi
2008-05-09 05:39 am UTC (link)
This layout is fantastic! I'm rebooting my LJ this weekend & I'll be using this (with credit & many thanks). So, well, thanks! XD

(Reply to this)


[info]x_audioscene
2008-05-16 08:38 pm UTC (link)
I think I might use this, it's great!

(Reply to this)


[info]shoebox_addict
2008-05-28 04:02 pm UTC (link)
i can't get the header to show up! And i have a subtitle.

(Reply to this) (Thread)

[info]wingweaver22
2008-05-28 09:28 pm UTC (link)
You put the code in the wrong spot! All you had to do was put it at the end of your codes.

The problem is here!
.header-subtitle{font-size: 0px;}
background-image: url(http://i163.photobucket.com/albums/........

Delete the bolded bracket! (:

(Reply to this) (Parent)(Thread)

[info]shoebox_addict
2008-05-28 11:42 pm UTC (link)
So, just put it at the end of everything?

Thanks!!!

(Reply to this) (Parent)

[info]shoebox_addict
2008-05-28 11:58 pm UTC (link)
I still don't think it looks right...can you look at my journal and maybe spot what I'm messing up?

(Reply to this) (Parent)(Thread)

[info]wingweaver22
2008-05-29 12:01 am UTC (link)
.header-subtitle{font-size: 0px;
background-image: url(http://i163.photobucket.com/albums/t319/PolareHeroes/Sinttulo-Colorreal-11copia-1.png); background-position: center bottom; background-repeat: no-repeat;
height: 187px; width: 770px;
margin: auto; padding: 0;
font-size: 0px;
border-top: 5px solid #0096c7;

You forgot the ending } bracket that goes behind border-top: 5px solid #0096c7;.

(Reply to this) (Parent)(Thread)

[info]shoebox_addict
2008-05-29 01:41 am UTC (link)
Thanks so much! I think I'll try it tomorrow. :)

(Reply to this) (Parent)

[info]chibikaya
2008-07-23 08:09 pm UTC (link)
Using this layout, but changing the picture if you don't mind!

Thank you so much for making a wonderful layout! ;w;

(Reply to this)


[info]ichigo_246
2008-09-08 09:10 am UTC (link)
i'll be using this layout, thanks so much for sharing :)

(Reply to this)

(42 comments) - (Post a new comment)

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