deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop		  Join deviantART for FREE Take the Tour
[x]
CSS Snippets: Fantasy Header:iconikue:
CSS { Snippets : Fantasy Header }
I've noticed a lot of users being simply amazed at the beautiful header for the recent Realm of Fantasy article posted by $techgnotic. It really is a sight to behold, if you haven't already please go do so immediately and inform ~marioluevanos how amazing he is as a designer. Anyway, would you believe that the header is something anyone on dA could do with a few simple CSS tricks? It's true! There is only one element in the header you cannot accomplish with the current CSS rules provided by dA but that is hardly necessary and can easily be rectified with a tweak to the images themselves.
I thought since it was so popular I would take a moment to break it down for you all and show you just how it's done. Here goes…
:iconikue:
Realm of Fantasy Article Header
This particular skin is fairly complex but not overly so. I would recommen
dA adds new CSS attributes Skinners! Must read!Okay, as per the latest dA site update found here. CSS coders are now allowed to use 3 more properties to rock their journal skins.
The properties are:
1) content
2) counter-increment
3) counter-reset
~~~~EXPLANATION~~~~
Lets see what can we do with these new fancy stuffs!
What does these attributes do?
1) content--> it is used to insert generated content in your HTML (Journal body for DA). Don't worry, don't worry! I'll tell you what is this "generated" content!
2) counter-increment --> it is used to insert numbers (or counters) to sections or sub-sections. I'll explain what "sections" and "sub-sections" are don't worry again!
3) counter-reset --> it is used to reset the counters
All these 3 properties are generally interlinked and are used together. But the "content" property can be used alone and has some cool usage.
~~~~"cont
Happy Valentines Day!
Give me News! + CSS3I want your dA related news :eager:

My Profile Page


Browse dA Related


Chat in #dArelated


Suggest a DD

As you may have noticed earlier, I've started doing monthly Community Relations updates, where I feature official news from dA (from the Community Relations team in particular), but even more important,  what's been going on in the community - that's you! :) Do you run/know of a contest or project about stamps or CSS? Do you have a group for dA improvement and suggestions? Have you noticed a trend in the memes or adoptables community? Or combinations of these?:dummy: Let me know! I may want to feature it, or watch the deviant/group to stay in touch with them :happybounce:
CSS3 Updates
I haven't seen much about t
Browse More Like This
Shop Similar Prints
This Print Not Available more ▶

More from `ginkgografix

Featured in Groups:

:iconcalendarproject: #CalendarProject

Details

November 29, 2012
769 KB
574×1629
Link
Thumb

Statistics

Comments: 11
Favourites: 8 [who?]


Views: 380 (0 today)
[x]
:iconginkgografix:
This is a little messy monster, but i like it though: the official calendar project skin for 2012 :la:

Project will start on Saturday, 1st December.
The journal will be full of links that take you either to a brand new skin or to the tasks you should enter to win fancy prizes!



:bulletgreen: not released yet
The skin/feature or task of that day wasn't published yet. Stay patient!

:bulletgreen: Task # - Click for more
A link will forward you the Sta.sh document with the task of that day.

:bulletgreen: deadline reached
The tasks deadline was reached and no further entries will be accepted.

:bulletgreen: "Skin Name" - Click for more
The skin of the day has been released and is now available for you to use.




---
Bokeh brushes by [link] =kuschelirmel-stock
Snowflake brushes [link] by ~meldir
Add a Comment:
 
Preview   Add Comment
love 1 1 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconpreetikasharma:
*PreetikaSharma Nov 30, 2012  Hobbyist Traditional Artist
Already excited! :la:
Reply
:iconginkgografix:
`ginkgografix Nov 30, 2012
:excited:
Reply
:iconsoulfighty:
Mood: Adoration =SoulFighty Nov 29, 2012
Oh my this looks so thrilling :la: .. I love you for this :heart:
Reply
:iconginkgografix:
`ginkgografix Nov 30, 2012
And i love you for that comment! :giggle: :glomp:
Reply
:iconsoulfighty:
=SoulFighty Nov 30, 2012
:iconcocoglompplz:
Reply
:icondbluver:
*DBluver Nov 29, 2012
ALready looks pretty awesome :love:
Reply
:iconginkgografix:
`ginkgografix Nov 30, 2012
Thanks :#1:
Reply
:icondbluver:
*DBluver Nov 30, 2012
Anytime ^-^
Reply
:iconikue:
$Ikue Nov 29, 2012  Hobbyist Digital Artist
:iconeagerpee:
Reply
:iconginkgografix:
`ginkgografix Nov 30, 2012
EWW! :meow:
Reply
Add a Comment:
 
Preview   Add Comment
©2013 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