?

Log in

No account? Create an account
 
 
24 August 2011 @ 12:30 am
Layout: A Box of Chocolates  
Set Title: Box of Chocolates - live preview
Colours: | Cherry Cream | White Chocolate |
Type: Flexible Squares S2
Tested in: Firefox and Chrome, Safari, IE
For: free, sponsored and paid
Customized comment pages: Yes 
Sidebar:
 Your sidebar appears on the top, left hand side. You can customise it however you chose but remember to nudge down the main sidebar if yours is larger than the one in the demo. I have put a simple table with three pics in mine.
Credits: | ellymelly & ellys_showcase | comments are | textures by the incomparable chamberten |
Instructions: !important the navigation menus are disabled. To get the links to your journal, profile, friends page and calendar you must put them in your LINK LIST.
Comments: When designing this, I wanted to go back to a really clean and simple layout specifically for things like graphic journals. The entries are a set height which gives the overall journal a more structured look. There is no header image but it is easy enough to add one by nudging the entries down and using the .headerimage in the css. Customise this however you wish. Let me know if you need help.



Tags:
 
 
Feeling...: annoyedannoyed
 
 
 
The Nikola Tesla Protégé: Nikola/Afina 2tardis_mafia on August 23rd, 2011 02:35 pm (UTC)
Ah, more colors! I like the dark one! :)
Mryeska_rina on August 25th, 2011 02:33 pm (UTC)
using :)
lovebites_modslovebites_mods on August 26th, 2011 06:13 am (UTC)
I love these!

They're so cool and I found them just in time, I was looking for a layout for my new Com. It's a Big Bang [Unknown LJ tag]
and the White Chocolate is just what I was looking for.
lovebites_modslovebites_mods on August 26th, 2011 06:17 am (UTC)
nikolat3sla: angelnikolat3sla on August 26th, 2011 08:49 am (UTC)
(this is ellymelly)

thank you so much! <3
(Deleted comment)
nikolat3sla: science with benefitsnikolat3sla on August 29th, 2011 10:36 am (UTC)
Hey :D <3

did you mean the userpic on the right-hand side? or like a header image?

Edited at 2011-08-29 10:37 am (UTC)
(Deleted comment)
nikolat3sla: aww come onnikolat3sla on August 30th, 2011 08:33 am (UTC)
sorry - LJ IS KILLING THIS REPLY

Yep it can be done. the headerimage code is still there - it just doesn't have anything in it.

.headerimage {
position: relative;
width: 0px; <<give it a width height: 0px; <<<give it a height margin-left: auto; margin-right: 100px; <<<moves it further from the right margin-bottom: 0px; background-image: url(''); <<<your link background-repeat: no-repeat; background-attachment: fixed; }

Edited at 2011-08-30 08:36 am (UTC)
nikolat3sla: a bit of innocent plottingnikolat3sla on August 30th, 2011 08:37 am (UTC)
all those parameters should be on new lines. lj just - ate them and i can't fix it.
(Deleted comment)
nikolat3sla: s'all goodnikolat3sla on August 30th, 2011 11:28 am (UTC)
No worries. if you run into trouble, just post back here with what you want and the links to your pic. :D
(Deleted comment)
nikolat3sla: about to be deviousnikolat3sla on August 30th, 2011 09:42 pm (UTC)
lol i knew it would need a little playing with.

i'm at work atm but i'll have a look at it when i get home :D
(Deleted comment)
ellymelly: can i borrow you for a momentellymelly on August 31st, 2011 12:19 pm (UTC)
.headerimage {
position: absolute;
top: 150px;
right: 0px;
width: 307px;
height: 448px;
background-image: url('http://img195.imageshack.us/img195/333/backgroundfkt.jpg');
background-repeat: no-repeat;
}


if you want to move it further to the left, just add a value to the right: 'x'px ;

:D
shinodabear on September 10th, 2011 05:52 pm (UTC)
Stumbled here looking for a snazzy new layout that was easy on the eyes and I found it! 'Cherry cream' is gorgeous. Thank you!
The Vixen of Argentumvixenofargentum on September 28th, 2011 06:12 am (UTC)
I love this layout, and I want to use it for a community of mine, but I cannot figure out how to get it to work.

I've pasted the CSS code into the dialogue box. Is there anything that I need to make sure that I have checked/unchecked?

As you can see here it's not looking anything like what is shown:
http://well-not-easy.livejournal.com/
nikolat3sla: smilenikolat3sla on September 29th, 2011 12:55 am (UTC)
Hey :D make sure you've unchecked everything except 'use external stylesheet'
teelikes: qtπteelikes on October 4th, 2011 05:47 am (UTC)
Using white chocolate!
Henry Fosshenryf on October 4th, 2011 05:57 pm (UTC)
Gonna use it for my new Sanctuary rpg comm layout XD



Shelley/shelma32
Robi (´ー`*): Avengers - Capitan America (movie)chibi_saru11 on November 30th, 2011 03:50 pm (UTC)
This layout is amazing and I'm going to use it for one of my comms, but I have a problem.
This comm is probably going to need a lot of different tags - too many to be proprerly displayed in the sidebar - but I can't figure it out how to make the tag appear on the tag!page. I think they are hidden by the sidebar, but I'm not sure D:
I've noticed the same thing happens in the live preview you linked.
There's something to do in order to make it work?
Sorry for the trouble and thanks in advance ♥
jangborghinijangborghini on January 7th, 2012 08:33 am (UTC)
Hello, this layout is gorgeous and all, I really like the design and currently using it! ♥

However, I have a little problem with the sidebar, is it incompatible with Vertical ads? Please do take a look at my LJ, I added Blurb, tags & Calendar in there. But somehow they're all jammed into one even though I copy&paste exactly like you wrote in above entry. I figured out it's probably because of the ads, then I added this code inside my css to hide it :

max-height: 300px;
overflow: hidden;

but apparently it doesn't lower the ad's position at all lol.

Looking forward for your reply, thank you so much!
ellymellyellymelly on January 8th, 2012 04:40 am (UTC)
hey there :D all you have to do is nudge the sidebar down a little - i have it all as a set height from the top - it's your long blurb that is causing the trouble :)

so...

i think if you play with this (padding-top) you should be set.

#sidebar {
position: fixed;
top: 0px;
float: left;
height: 100%;
padding-top: 140px; <<<<< make this 400px or something like that >>>>
background-color: #ffffff;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #A3A3A3;
width: 160px;
text-align: left;
overflow: auto;
}
jangborghinijangborghini on January 8th, 2012 09:35 am (UTC)
ooh I get it. It's all cool now, thanks for the help~!
Rokudou Mukurotsubakirenge on March 10th, 2012 12:04 pm (UTC)
Nice layout! I'm using the cherry cream for this journal :)

I want to ask one thing, though: how can I fix it so it will be able to show my tag page? It looks like this when I checked it :<

And, yes, as you can see I'm deleting the tag option from sidebar because apparently I got too many tags that the sidebar refuses to show em all. Oh, and I use Chrome for my browser.
Nann_nanini on March 29th, 2012 03:40 am (UTC)
I just now stumbled upon your layouts, and they're gorgeous! Snagging, and thank you!