Shop Mobile More Submit  Join Login
Lolly Journal CSS by ipholio Lolly Journal CSS by ipholio
My entry for $lolly's CSS Contest.

Here are the features (including all the ones he asked for):

:pointr: Large Lolly logo at top

:pointr: Top menu with main links (with bg image on hover)

:pointr: Side menu with community links

:pointr: Side area for stamps

:pointr: Blockquote area for thumbs, quotes, etc

Fully coded version coming soon.
Add a Comment:
 
:iconrevay:
Revay Featured By Owner Dec 15, 2009
AMAZING!
Reply
:iconstillnotsorry:
stillnotsorry Featured By Owner Jul 27, 2008
:heart: Feature here: click!
Reply
:icon33xit:
33xiT Featured By Owner Feb 14, 2008  Hobbyist Photographer
Hey +ipholio,

Very nice work on this, have you finished the coded version?

Thanks ;)
Reply
:iconipholio:
ipholio Featured By Owner Feb 17, 2008  Professional Interface Designer
There won't be a coded version as this didn't win the contest.
Reply
:icon33xit:
33xiT Featured By Owner Feb 23, 2008  Hobbyist Photographer
Too bad, even it didn't win, I think $lolly probably use it as well, no?
Reply
:iconipholio:
ipholio Featured By Owner Mar 10, 2008  Professional Interface Designer
i doubt it...but i could always note him and check. ;)
Reply
:icon33xit:
33xiT Featured By Owner Mar 10, 2008  Hobbyist Photographer
Of course ;)
Go ahead..
Reply
:iconnekoori:
Nekoori Featured By Owner Jan 28, 2008
When do you think you'll have the coded version up?
Reply
:iconaimanstudio:
AimanStudio Featured By Owner Jan 9, 2008  Professional Digital Artist
cute :wave:
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Oct 19, 2007  Professional Interface Designer
:O damn man, the best journal design I ever saw! :faint:
Reply
:iconomart:
OmART Featured By Owner Oct 12, 2007
Haha, this one is cute :P
Reply
:iconblindfoldchalito:
blindfoldchalito Featured By Owner Oct 5, 2007
coool!!
great work! :D
Reply
:iconcandysores:
candysores Featured By Owner Oct 1, 2007
Sweet! :D
Reply
:iconuribaani:
Uribaani Featured By Owner Sep 25, 2007  Professional Interface Designer
Pretty big font used for those "100 Comments | Previous journal entries." Otherwise very nice. :) :thumbsup:
Reply
:icondczed:
DCZed Featured By Owner Sep 16, 2007
Well. I was going to enter, but there's no way I can beat this :XD: Ace design mate!
Reply
:iconandrewdbarker:
AndrewDBarker Featured By Owner Sep 13, 2007  Hobbyist General Artist
If this doesn't win it'll be a criminally insane crime.
Reply
:iconipholio:
ipholio Featured By Owner Sep 28, 2007  Professional Interface Designer
Well it's official...a criminally insane crime was committed. :(
Reply
:iconandrewdbarker:
AndrewDBarker Featured By Owner Sep 28, 2007  Hobbyist General Artist
Aww. What won? I can't find the news post anywhere. :(
Reply
:iconipholio:
ipholio Featured By Owner Sep 14, 2007  Professional Interface Designer
Haha well we'll see...I put plenty of time and thought into this one so hopefully it will have a good chance.
Reply
:iconcodex-nz:
Codex-nz Featured By Owner Sep 13, 2007
best one dude
Reply
:iconipholio:
ipholio Featured By Owner Sep 14, 2007  Professional Interface Designer
Glad you think so bro. :)
Reply
:iconcodex-nz:
Codex-nz Featured By Owner Sep 16, 2007
all good mate xD
Reply
:iconjozie-m:
jozie-m Featured By Owner Sep 13, 2007  Student Interface Designer
Looks awesome! I love the colors and everything looks so smooth/clean! =D :+fav:
Reply
:iconipholio:
ipholio Featured By Owner Sep 14, 2007  Professional Interface Designer
Thanks for the comments...I'll be making a few minor changes, but this was the clean look I was aiming for. :)
Reply
:iconjozie-m:
jozie-m Featured By Owner Sep 16, 2007  Student Interface Designer
Well, I can't wait to see it! =D
Reply
:iconviika:
Viika Featured By Owner Sep 13, 2007
That looks really delicious! :nod:
Reply
:iconipholio:
ipholio Featured By Owner Sep 14, 2007  Professional Interface Designer
:lick:
Reply
:iconevilsyndicatemember:
evilsyndicatemember Featured By Owner Sep 12, 2007  Professional Artist
Simple and Effective! Keep up the awesome work! :D
Reply
:iconipholio:
ipholio Featured By Owner Sep 14, 2007  Professional Interface Designer
Thanks mate!
Reply
:iconevilsyndicatemember:
evilsyndicatemember Featured By Owner Sep 16, 2007  Professional Artist
NP! :D
Reply
:iconsynthes:
synthes Featured By Owner Sep 11, 2007  Professional Interface Designer
big links for the comments and previous journals, a little bit too big in my eyes. but I like the other parts, great journal!
Reply
:iconipholio:
ipholio Featured By Owner Sep 11, 2007  Professional Interface Designer
Yeah I'm thinking about reducing the size of those...probably will do that soon.
Reply
:iconwordsrioting:
wordsrioting Featured By Owner Sep 11, 2007
Great design. This seems perfect for the style of his journals :clap:
Reply
:iconipholio:
ipholio Featured By Owner Sep 11, 2007  Professional Interface Designer
Thanks...I was hoping I integrated every element he would be needing in a journal.
Reply
:iconenzudes1gn:
EnzuDes1gn Featured By Owner Sep 11, 2007  Professional Interface Designer
love it bro
Reply
:iconipholio:
ipholio Featured By Owner Sep 11, 2007  Professional Interface Designer
Thanks mate. :)
Reply
:icondanielrabjerg:
DanielRabjerg Featured By Owner Sep 11, 2007  Professional Interface Designer
Looks good, but I'd do a bit about Lolly's ugly mug up in the corner, I think the integration isn't that well. If you chose to leave it like that, you should probably fix that little bump in the right corner of the white circle. It's a little thing, but it's clearly visible.

I'd also suggest that you draw in the title of the journal from the right so that it doesn't space out over the sidebar. Section wise I think it's a bad composition to have it like that even tho it looks the best for balance. I'd shift the sidebar to the left side or eliminate it completely.

How are you going to integrate the mouseovers with the CSS? Negative position values?
Reply
:iconipholio:
ipholio Featured By Owner Sep 11, 2007  Professional Interface Designer
If you're referring to the right side of the head where the white cuts out...I pulled this from the tshirt design of his and that's how it appears there as well. The title is right aligned, so it won't be overlaying the sidebar unless he has a ridiculously long title. For mouseovers, I'll either do negative positions or just a different background-image on the :hover.
Reply
:icondanielrabjerg:
DanielRabjerg Featured By Owner Sep 12, 2007  Professional Interface Designer
That's not what I meant about the title. You know about the rules of association? Objects aligned with each other will be associated with each other. If the title starts way to the right above the right sidebar, it'll essentially become the title to the sidebar, and not the content itself.

Check this [link] out for what I mean. I know it'll basically bugger up the design with the lolly logo in the left, but I think it'd be a better solution. Of course, that's all up to you. :)
Reply
:iconipholio:
ipholio Featured By Owner Sep 14, 2007  Professional Interface Designer
Ah ok...yeah I totally missed the jagged part of the circle there, thanks for pointing it out. For the title though...I might just switch that sidebar to the left side so that the title can still stay right aligned with the 20px or so padding on the top and right sides.
Reply
:iconenzudes1gn:
EnzuDes1gn Featured By Owner Sep 11, 2007  Professional Interface Designer
mouseovers are easy lol
Reply
:icondanielrabjerg:
DanielRabjerg Featured By Owner Sep 11, 2007  Professional Interface Designer
lololo, o rly? (That's sarcasm)

I can certainly tell your CSS skills from the mess of your journal and website, you're a .. pro!

Sigh.. There's such a thing as optimization so a design doesn't take a million years to load, like yours do. Key to loading a website with external elements from other hosts is to minimize the load of data that's brought in like using only ONE picture for the mouseover. I won't elaborate further, I'm sure you can't grasp it.
Reply
:iconipholio:
ipholio Featured By Owner Sep 11, 2007  Professional Interface Designer
What that totally necessary? He wasn't being rude at all...not sure why you went all jackass on him. :|
Reply
:icondanielrabjerg:
DanielRabjerg Featured By Owner Sep 12, 2007  Professional Interface Designer
Couldn't help it, it just came over me. I'm a mean guy. My apologies for making a scene in your deviation.
Reply
:iconenzudes1gn:
EnzuDes1gn Featured By Owner Sep 11, 2007  Professional Interface Designer
oh i see your one of them people who was beaten at school every day, so now you go online to put others down for the lack of brains or understanding they have, i was not trying to be rude to you, as mouse overs are easy as far as on a journal in this site is concerned, but i see your quick to poke fun, well good for you, i hope that makes you happy, i'll just say this yes i suck at code sure i do i'm self taught and learned most of what i know from making these fucking journals. Yes i know all of what you said about loading externally etc, but knowing and doing are two different things for me, as i am not yet at this stage of understanding i design not code, but yea get over yourself already. oh and thanks for making me feel like utter shit.
Reply
:icondanielrabjerg:
DanielRabjerg Featured By Owner Sep 11, 2007  Professional Interface Designer
You're welcome.
Reply
:iconjanvanlysebettens:
janvanlysebettens Featured By Owner Sep 11, 2007  Professional Interface Designer
very nice.

just one thing:
how will the top menu look like on smaller resolutions ?

( on a 1024 x 768px resolution the journal is only 450px wide when viewed on the userpage .. )

but apart from that,
sleek, stylish and creative.. very well done :)
Reply
:iconipholio:
ipholio Featured By Owner Sep 11, 2007  Professional Interface Designer
I'll be fixing it to be compatible with 1024x768...no worries. ;)
Reply
:iconbenijamino:
Benijamino Featured By Owner Sep 10, 2007
pretty nice
Reply
:iconzacthetoad:
zacthetoad Featured By Owner Sep 10, 2007
Very sweet design, well done.
Reply
Add a Comment:
 
×




Details

Submitted on
September 10, 2007
Image Size
184 KB
Resolution
766×873
Link
Thumb
Embed

Stats

Views
6,592
Favourites
61 (who?)
Comments
53
×