Scotchsour's Place for Layouts, Codes, Icons, Mood Themes...
Previous Entry
Layout .03 - S2 Tranquility II : Blue Shoes 
Next Entry
27th-Jan-2008 09:56 pm
With minor up and downs, mostly on IE side I have enjoyed skimming Tranquility II. I would like to thank so much [info]babyelefant at Everything_LJ as always for patient help to get this layout working properly and not banging my brains against the monitor.

Blue Shoes was created for Livejournal base layout Tranquility II.
Free: Cascading Style Sheet
Paid/Permanent: Theme Layer (includes metadata to the left and tags in sidebar.)

Preview of Blue Shoes Layout
[Click Here for Free Preview]
[Click Here for Paid Preview]

Press for bigger size of Blue Shoes Layout

layout available: left-side navbar position only
custom colors : in stylesheet and theme layer
best view: : 1024x768 or higher (unknown with lower res)
browser checked : firefox 2.11, internet explorer 7(decent with IE6, unknown with lower)
works with : free, paid, nav bar (decent with plus)
available at :
original design by : scotchsour
images used : scotchsour, sweetie


How to Style? (using the LiveJournal new customize journal area)
Before you start, make sure you're in the correct journal. At the very top, in Customization Area>Choose Journal Style use the drop down menu to choose.
1. In livejournal's navigational menu, go to journal > customize or press the link.
1a. The first page you see is Journal Display that shows four tabs. The first is highlighted as Basics. Look below for Style System and make sure the radio button is highlighted for:
S2 - For users who don't know HTML or CSS, or make only minor alterations.
2. Under (2. Select a New Theme), go the search box and type tranquility ii and press search. Once the layouts appear go to the bottom and in the drop down choose (show all).
3. Find and press (apply theme) to Tranquility II - Plain Theme by Matthew Vince" and then press (apply theme) then press (customize).
4. Under Customize Your Theme, press (custom css).
5. Under custom css > page > where it states: ("Use layout's "Base Weblog" stylesheet") say no. Under that, Custom external stylesheet URL should be blank.
6. Add the LiveJournal "Blue Shoes" Cascading Style Sheet for Free Users into the custom stylesheet textarea.
7. Press "save changes".
8. Go to the blue box on the page that displays your current journal and press your identity link.
9. You should be done.
10. Thank you for trying this layout.

Implement CCS into Theme Layer
(Paid/Permanent Users)
If I offer a theme layer, follow any of the links below on how to implement into any of mine into your journal. Thank you.
[info]s2bloggish Tutorials by [info]carriep63:
1. Creating a Theme Layer(using Livejournal new customized area)
2. Using CSS with a Theme Layer
[info]scotchbonnet Tutorials by [info]scotchosur:
1. Creating a Theme Layer(for InsaneJournal users)
2. Create a Style(Coming Later...)

CSS Code
LiveJournal Cascading Style Sheet for Free Users

CSS Code
LiveJournal Theme Layer for Paid Users

For Paid/Permanent Accounts
If you wish to have tags and metadata function to work in your journal, please click here for extra code.

If using, please don't hotlink. Upload to another storage online, try photobucket.

Please upload to your site or use photobucket to host.

Main Images
shoe banner | logo | blockquote shoes | big box | title box | menu
background 1 | background 2

Mini Images
security image : friends lock | privacy image : private lock
(all in one)user/comm/news

This layout is not to be changed, I spent a lot of time to get the graphics, colors and text right that I don't want to see it broken.

If you keep the image in the layout (logo), then it isn't necessary to have a link in the sidebar. However, if you wish to remove the the image then I would appreciate it.

If you have questions, please ask in comments. I'll try my best to get to you.
25th-Jul-2008 10:08 am (UTC) - Tranquility II Blue Shoes
Just one quick note -

I love this layout, and I will snag it for future use. Really great work.

But for LiveJournal users, the address for tiny icons changed:

Replace this:

with this:

A simple find and replace in any text editor will do.
25th-Jul-2008 11:02 am (UTC) - Re: Tranquility II Blue Shoes
I will adjust it, thank you for telling me. It has been a while since I changed this layout.
30th-Jul-2008 03:58 pm (UTC) - Re: Tranquility II Blue Shoes
I'd use this, if not for the fact that I already have your quite beautiful Baroque as my layout. I usually skipped over Dear Diary because I thought they were so plain. Thank you for making them so lovely!
27th-Jul-2008 12:43 pm (UTC)
Hi, really beautiful layout. Will stock it for future use, or I might use it now. Thank you. - mai
10th-Aug-2008 02:57 pm (UTC)
I'm glad you like it. :)
9th-Apr-2009 12:08 pm (UTC)
Hi! I absolutely love this layout and would really love to use it on IJ. Is there any way I can do that? I tried to use IJ's css but because IJ doesn't have tranquility II I'm not too sure how to do it or if I even can.
10th-Apr-2009 09:09 am (UTC)
If you have a paid account, you can get the base tranquility layout and upload it your customize journal section for IJ. Then you can use the blue shoes base css.
9th-Feb-2018 08:39 am (UTC) - изготовление и поставка элементов трубопроводов
Anonymous - Неподвижные опоры в ППУ
25th-Apr-2018 12:44 pm (UTC) - Деньги теперь не проблема.
Деньги теперь не проблема. Заработать от 5000 руб в день легко на сайте -
3rd-May-2018 08:57 am (UTC) - Сайт знакомств для взрослых
Someone, text me, I wanna webcam! Let's go -
Code by masterslacker. Fiddled by userinfoscotchsour. This page was loaded on Nov 27th 2021, 4:47 pm GMT.