ScotchBonnet
Scotchsour's Place for Layouts, Codes, Icons, Mood Themes...
Previous Entry
Layout .04 - S2 Flexible Squares : Tomato 
Next Entry
27th-Nov-2008 03:05 pm
With minor up and downs, mostly on IE side I have enjoyed skimming Flexible Squares. I would like to thank so much [info]babyelefant at Everything_LJ as always for last minute help.

Tomato was created for Livejournal base layout Flexible Squares.
Free: Cascading Style Sheet




Preview of Tomato Layout
[Click Here for Free Preview]



Press for bigger size of Tomato Layout


Details
layout available: right-side navbar position only
custom colors : in stylesheet
best view: : 1024x768 or higher (unknown with lower res)
browser checked : firefox 3.0.4, internet explorer 7(decent with IE6, unknown with lower)
works with : free, nav bar (decent with plus)
available at : http://asylums.insanejournal.com/scotchbonnet/
original design by : scotchsour
images used : scotchsour





Instructions

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 Flexible Squares 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 Flexible Squares - (No plain theme available) Choose any by Yati Mansor 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 "Tomato" 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.



CSS Code
LiveJournal Cascading Style Sheet for Free Users



Images
If using, please don't hotlink. There is no direct link in the css layout, just the images' names. Upload to another storage online, try photobucket. Or try this post for other places I might add.


Please upload to your site or use photobucket to host.


Images

sidebar image | entry topper | layout logo | header | footer | entry bottom | archive topper | calendar archive

Mini Images

red tomato | yellow tomato | green tomato | purple tomato






Notes
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. Right now, this only available as a free theme so no fancy stuff added. However, I do plan on revisiting this layout to add a paid version as well in the future. If you want the same sidebar as mine, just go to the sidebar's customization area 1. Make sure your Tags | Page Summary | Linkslist are turned on (Yes). 2. In the 1-6 boxes choose from the drop down menu. Default Userpic | Calendare | Links List | Blurb | Tags Page | Summary. If you wish to use the Navigation Strip, which is coordinated with the layout go to Customization Area, look for Navigation Strip and check off either:
Always show on my journal/community
Always show on any journal or community I view

Credit
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.

Questions
If you have questions, please ask in comments. I'll try my best to get to you.
Comments 
3rd-Dec-2008 08:28 pm (UTC)
I remember this - I voted for it. I liked your work because it had a sense of whimsy about it, and didn't look like everything else.

Alas! I'm in my dark/bleeding cowboys phase, or I would use this.

4th-Dec-2008 07:14 pm (UTC)
Anonymous
Thanks for voting but if I was given the proper amount of time compared to the others people as I only had three days, if you count Saturday I could of done better. I find it funny that the next week all the people got two weeks when I didn't get any extension.

Mini rant over. :)

Whimsy, hmm I didn't think of that! I do really like the tomato theme and trying my best to improve it for public use because I want to move on to the Poison Ivy layout. I love all the little tomatoes I made in photoshop. :)

Ah, I see. 3:10 to Yuma, I haven't watched it yet. I heard it was good though.
8th-Dec-2008 12:20 am (UTC)
Anonymous
If you had asked for a few more hours on Saturday they would have done it. And as far as the next week it's because pretty much all of us needed an extension.
4th-Dec-2008 07:15 pm (UTC)
Oops, that's was me.
20th-Dec-2008 10:41 am (UTC) - Hey
This layout is really cute, I might use it, but I was wondering if the codes to the Coffee Template is still available somewhere, cause it looks really cool at the little image I can see in the sidemenu and I'd love to use it for my livejournal :)
20th-Dec-2008 10:43 am (UTC) - Re: Hey
Ops, sorry, I just noticed it said that it was not available yet.
2nd-Jan-2009 09:09 am (UTC)
Anonymous
hi Scott, thanks for such a lovely layout.

I have applied it, but for some reason the tomatoes didn't appear.
Please help?

thanks
l1sh.livejournal.com
2nd-Jan-2009 06:02 pm (UTC)
Under Images section, it stated that the images in the css file are removed with just the name of image is left for people to remember what is placed there. You will need to upload the images to your own site or a storage site like Photobucket and use the direct image link into the css file.

It will work.
Code by masterslacker. Fiddled by userinfoscotchsour. This page was loaded on Oct 20th 2017, 5:52 pm GMT.