HOME | DD

Miamoto — August Journal CSS by-nc-nd

Published: 2007-07-21 21:31:55 +0000 UTC; Views: 23801; Favourites: 368; Downloads: 2994
Redirect to original
Description So yeah, here's the concept for my August journal design. If I could design any journal CSS without worrying about any coding, This is what it would look like. It's my entry to *ginkgografix 's eCSSellence Contest , which is one of my only chances to get this thing coded properly.

I kept everything clean and simple, making sure not to have anything that would distract the reader from the content (heh, you DID read it!). It allows room for plenty of text and a bunch of thumbs. I'm pretty sure that the blur of the text to create a glow effect is possible through coding, though I'm not sure if the blur behind the glass effect is possible. The background is a stock from sxc.hu to which I made some color and levels adjustments.

Public or private... uhm... I'm going to go with public in order to make everyone happy.

--------------------------------

18 OCT 2008

The CSS for this journal is finally available for download. Since the re-coding of it apparently will never happen, I'm releasing the orgininal coding. I recommend that you host the background image on your own (free hosting sites such as imageshack.us and Photobucket are easy to use). When you host the background image, be sure to change the URL in line 8 of the CSS to point to the image that you have hosted. I'm going to also ask that you please leave my avatar in the bottom right and do not replace it with your own because without that, there is no credit to me for the design. So please be fair.

and YES, REMOVING MY AVATAR FUCKS UP THE JOURNAL. HAH.

Enjoy
Related content
Comments: 197

texuga In reply to ??? [2007-07-29 19:08:16 +0000 UTC]

oh.. ok!
you win that contest!

👍: 0 ⏩: 1

Miamoto In reply to texuga [2007-07-29 19:45:42 +0000 UTC]

👍: 0 ⏩: 0

PascalPixel [2007-07-25 15:49:39 +0000 UTC]

i'm coding this, and it's working allmost, just not IE6 compatible

👍: 0 ⏩: 1

Miamoto In reply to PascalPixel [2007-07-26 16:54:15 +0000 UTC]

Sweetness, thanks. (we care nothing about IE...)

👍: 0 ⏩: 1

PascalPixel In reply to Miamoto [2007-07-26 21:59:26 +0000 UTC]

WHOOHOO

👍: 0 ⏩: 0

waga27 In reply to ??? [2007-07-24 10:06:26 +0000 UTC]

how can I use it? it's wonderful

👍: 0 ⏩: 1

Miamoto In reply to waga27 [2007-07-24 17:04:44 +0000 UTC]

This hasn't been coded yet. Hopefully if I do well in the contest, it'll be coded and people can use it.

👍: 0 ⏩: 0

rob-meinel In reply to ??? [2007-07-23 23:09:41 +0000 UTC]

overwhelming...this is what i call DESIGN!

👍: 0 ⏩: 1

Miamoto In reply to rob-meinel [2007-07-23 23:34:53 +0000 UTC]

Thanks man.

👍: 0 ⏩: 0

Felissauria In reply to ??? [2007-07-23 02:09:00 +0000 UTC]

Nice!

👍: 0 ⏩: 0

Zortje In reply to ??? [2007-07-22 21:38:17 +0000 UTC]

omg this is so awsome, love the blur effect and the vista inspired overall theme...

Fantastic

👍: 0 ⏩: 0

GinkgoWerkstatt In reply to ??? [2007-07-22 21:35:05 +0000 UTC]

write me a note... i have seen it, but like mentioned in the contest rules... only note-entries will be allowed for the contest

👍: 0 ⏩: 1

Miamoto In reply to GinkgoWerkstatt [2007-07-23 01:32:57 +0000 UTC]

I was strategically not noting you until the contest was almost over.

But heh, who cares, here comes my note.

👍: 0 ⏩: 1

GinkgoWerkstatt In reply to Miamoto [2007-07-23 07:13:00 +0000 UTC]

Oh... damn

👍: 0 ⏩: 0

SoNiC4000 In reply to ??? [2007-07-22 21:08:20 +0000 UTC]

hmm did you use some toturial for photoshop to make graphic in this ??

👍: 0 ⏩: 1

Miamoto In reply to SoNiC4000 [2007-07-23 01:29:28 +0000 UTC]

Nope, I pretty much taught myself the techniques used. I don't use tutorials anymore.

By the way, I use the GIMP .

👍: 0 ⏩: 0

Lyastri In reply to ??? [2007-07-22 16:48:30 +0000 UTC]

Egads, such high visual appeal. Sleek and shiny (shiny is very important in my eyes) and a sheer pleasure to the eyes. I dub this most excellent, a fabulous design.

👍: 0 ⏩: 1

Miamoto In reply to Lyastri [2007-07-23 02:08:02 +0000 UTC]

Most excellent. That's almost better than any response I was hoping for, thanks a ton.

👍: 0 ⏩: 0

Uribaani In reply to ??? [2007-07-22 09:43:34 +0000 UTC]

So this is your entry. Nice job mate.

👍: 0 ⏩: 1

Uribaani In reply to Uribaani [2007-07-22 09:46:41 +0000 UTC]

Looks really soft. Meybe becouse you used a lot of blur and shadows.

👍: 0 ⏩: 1

Miamoto In reply to Uribaani [2007-07-23 23:33:14 +0000 UTC]

Aye, the glow on the title sets the tone.

👍: 0 ⏩: 0

parvezz [2007-07-22 08:12:49 +0000 UTC]

oh man you suck

lol I was so eager to download the CSS of this journal entry and use it tomorrow.

ughhhhhhhh!

👍: 0 ⏩: 2

Miamoto In reply to parvezz [2008-10-19 00:58:49 +0000 UTC]

Available for download now.

👍: 0 ⏩: 1

Dreamyluff In reply to Miamoto [2009-05-14 00:07:48 +0000 UTC]

so we can use it?

By the way, love it!
Awesome job!

👍: 0 ⏩: 1

Miamoto In reply to Dreamyluff [2009-05-19 23:50:49 +0000 UTC]

Sure you can use it For personal use in your journal, and not to redistribute of course...

👍: 0 ⏩: 1

Dreamyluff In reply to Miamoto [2009-05-20 21:43:19 +0000 UTC]

Okay, thanks *smiles and bows* Why would I distribute something that's not mine?

👍: 0 ⏩: 1

Miamoto In reply to Dreamyluff [2009-05-27 11:10:15 +0000 UTC]

Because quite a number of people have redistributed this code and claimed ownership. But yeah, you're fine.

👍: 0 ⏩: 0

Miamoto In reply to parvezz [2007-07-22 18:05:00 +0000 UTC]

Gotcha.

👍: 0 ⏩: 0

Dunki3 [2007-07-22 07:09:52 +0000 UTC]

WOW ....... very nice.

👍: 0 ⏩: 0

adriel001 In reply to ??? [2007-07-22 02:24:33 +0000 UTC]

Ye, very nice. BTW you can add a shadow to the text from in the code, as shown here: [link]

👍: 0 ⏩: 1

Miamoto In reply to adriel001 [2007-07-22 06:02:07 +0000 UTC]

Thanks. It looks like the code on that site works only in Safari... though it is good news, I remember seeing a shadow/glow effect that works in Firefox. Many thanks for that link though, if all else fails I'll be able to get it to work in Safari.

👍: 0 ⏩: 0

the-ace-chef In reply to ??? [2007-07-22 02:09:06 +0000 UTC]

Amazing design! Just graphically perfect

👍: 0 ⏩: 1

Miamoto In reply to the-ace-chef [2007-07-22 05:58:32 +0000 UTC]

"Graphically perfect"? Whoo, thanks a ton, that means quite the lot

👍: 0 ⏩: 1

the-ace-chef In reply to Miamoto [2007-07-22 12:47:15 +0000 UTC]

I liked it

👍: 0 ⏩: 0

FSDown In reply to ??? [2007-07-22 00:39:12 +0000 UTC]

Very slick, nicely done

👍: 0 ⏩: 1

Miamoto In reply to FSDown [2007-07-22 05:49:26 +0000 UTC]

Thanks man, great to hear that.

👍: 0 ⏩: 0

Droneguard In reply to ??? [2007-07-21 21:56:02 +0000 UTC]

It's pimpin baby, pimpin *uchifieverneedacsscaniknockonyourdoor?uch*

👍: 0 ⏩: 1

Miamoto In reply to Droneguard [2007-07-22 05:47:41 +0000 UTC]

They see me rollin' wit da pimp cane?

Yussah, you may place some knockage upon my door.

👍: 0 ⏩: 1

Droneguard In reply to Miamoto [2007-07-22 09:27:32 +0000 UTC]

Think they see ya riding dirtay

Will keep a eye on ya door fo sho

👍: 0 ⏩: 0

Nestalgica In reply to ??? [2007-07-21 21:51:54 +0000 UTC]

Dude, that's hot. The blur works very well -- excellent design

👍: 0 ⏩: 1

Miamoto In reply to Nestalgica [2007-07-22 05:42:58 +0000 UTC]

Thanks man, I hope the coding can cover everything.

👍: 0 ⏩: 0

NewYorkKid618 In reply to ??? [2007-07-21 21:35:59 +0000 UTC]

Simple ^.^ and see through

👍: 0 ⏩: 1

Miamoto In reply to NewYorkKid618 [2007-07-21 21:47:29 +0000 UTC]

see... through... It's going to look awesome in IE.

👍: 0 ⏩: 0

simonbouchard In reply to ??? [2007-07-21 21:35:31 +0000 UTC]

Well... AMAZING!

👍: 0 ⏩: 2

edbaxter In reply to simonbouchard [2008-10-19 10:04:20 +0000 UTC]

Couldn't Agree More! Looks Fab!

👍: 0 ⏩: 0

Miamoto In reply to simonbouchard [2007-07-21 21:44:50 +0000 UTC]

Thanks a ton!

👍: 0 ⏩: 0


<= Prev |