deviant art





Login
Join deviantART for FREE Take the Tour Lost Password?
Deviant Login
Buy Art Buy deviantWEAR Buy adCast Buy Premium Upgrade
Shop
 Join deviantART for FREE Take the Tour
[x]

More from *weida34

Featured in Groups:

group avatar #DD-Catalogue
The Home of Daily Deviations group avatar #HighQualityArt

Details

December 4, 2010
4.5 KB
Link
Thumb

Statistics

Comments: 109
Favourites: 407 [who?]
Views: 9,390 (6 today)
Installs: 888 (0 today)
[x]
:iconweida34:
so, this is my and *tincek-marincek's contribution to this year's CSS Calendar Project run by ^ginkgografix
you should check it out: there's a new design every day - starting with dec 1st - all the way to xmas day

this skin is free to use :)
... if this install will work ;P

you can see a live preview of this skin


|| -- design&graphics: *tincek-marincek
|| -- coding: *weida34

the background in this skin is a part of *tincek-marincek's artwork:



//------ I N S T R U C T I O N S
------------------------------------------------------------

:bulletgreen: the basic structure:
-----------------------------------

the following is what you need to copy and paste in your journal for the thing to work:

<div class="contentwrapper">

__here comes your journal content__

</div>
<div class="specialFeature"></div>

even if you don't use the specialFeature option, you can leave it there for the journal to have a nice rounded bottom. or you can leave it out, if you don't want it :) though, the contentwrapper is a must!!

:bulletgreen: t i t l e s:
-----------------------------------

you enclose the subtitles with <div class="subTitle"></div>
and the smaller titles with <div class="minorTitle"></div>

:bulletgreen: f e a t u r e s:
-----------------------------------

code for the feature that appears in the body of journal:

<div class="feature"></div>

and then you just put your thumbnails in, like this for example:
<div class="feature">thumb0000 thumb0000 thumb0000 thumb 0000</div>

:bulletgreen: floating boxes:
-----------------------------------

example from the preview would be written like this:

<div class="thumbBox floatLeft fancy">your_thumbnail_here <em>your_text_here</em></div>

you see there are 3 classes: thumbBox, floatLeft and fancy

1. thumbBox is a must
2. instead of floatLeft you can use floatRight, depending where you want to float the box, but you have to use one of them
3. fancy is optional, it gives the slightly brighter background to the box and a hint of a border, so if you drop this class nothing changes only the background and borders are gone

enclosing text in <em></em> ensures that it doesn't wrap around the thumbnail, instead it moves beneath it


:bulletgreen: special feature:
-----------------------------------

<div class="specialFeature"></div>

basically, you can use every feature as above, that is titles, floating boxes...

only when it comes to featuring thumbs you use class thumbs

the code for special feature like you see it in the preview would look something like this:

<div class="specialFeature">
<div class="subTitle">Special Feature for xy deviant</div>
<div class="thumbs">you_put_your_thumbnails</div>
</div>

------------------------------------------------------------
//------ end of I N S T R U C T I O N S


errr.. i hope that's not too complicated ^^; you're free to drop me a note!

probably took me longer to write these instruction than the coding itself .. having a senile computer sucks ;P

i'd really appreciate some feedback on this, if you use it, how it looks in different browsers - i use firefox myself

hope you like it.. :)
:icon:
Add a Comment:
 
Preview   Add Comment

Daily Deviation

Given 2012-03-01
Nature by ~weida34 and *tincek-marincek The suggester said, "this skin is so clean and well laid out". It also has many options for you to use and choose from. Do read the Artist's Comments on how to use it!

deviantART Related / Skins & Scripts / Journal & Gallery Skins / Installable ( Suggested by *neurotype and Featured by ^namenotrequired )
love 3 3 joy 4 4 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconcrissarain:
~CrissaRain Mar 24, 2012  Student General Artist
I cant try this T_T
Reply
:iconweida34:
*weida34 Mar 25, 2012  Hobbyist
yeah.. only premium members can use skins, sorry .. :hug:

--
-- you can't have everything. where would you put it?! --
Reply
:iconcrissarain:
~CrissaRain Mar 31, 2012  Student General Artist
ah,, I know it now :iconsaywhaplz: .. huhu .. its okay Weida~ thanks for told me :iconweekenddanceplz:
Reply
:iconodyrah:
=Odyrah Mar 18, 2012  Hobbyist General Artist
Beautiful and clean, so using this!

--
:peace:"What a long, strange trip it's been." - Jerry Garcia
And zombie thinks glarbh GARBHGL BAARGHL.
Reply
:iconweida34:
*weida34 Mar 18, 2012  Hobbyist
thanks! :hug:

--
-- you can't have everything. where would you put it?! --
Reply
:icona-kid-at-heart:
*a-kid-at-heart Mar 11, 2012  Hobbyist General Artist
Congrats on the DD! I'll have to use this for my photo journals!

--
Art is the expression... of an impression.

Use a point and shoot? Check out ArtisticPAS
Reply
:iconweida34:
*weida34 Mar 12, 2012  Hobbyist
thanks! and for all the faves as well :hug:

cool avatar! :D

--
-- you can't have everything. where would you put it?! --
Reply
:icona-kid-at-heart:
*a-kid-at-heart Mar 12, 2012  Hobbyist General Artist
My pleasure! :huggle:

`Synfull is doing the avatars on commision. She's posted some free to use versions as well. =)

--
Art is the expression... of an impression.

Use a point and shoot? Check out ArtisticPAS
Reply
:iconnilanja:
=Nilanja Mar 3, 2012  Hobbyist
the journal is really awesome!! thanks for sharing it :love:
I had a bit of problems using all these features but after a lot of time I did it haha and it looks awesome :heart:

--
Facebook | Flickr
Reply
:iconweida34:
*weida34 Mar 3, 2012  Hobbyist
thanks so much, Pezi! :hug:

--
-- you can't have everything. where would you put it?! --
Reply
:icon:
Add a Comment:
 
Preview   Add Comment
©2012 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy