HOME | DD

CypherVisor — Modern Elite CSS Contest - Premium Prizes to win
Published: 2012-08-27 16:41:41 +0000 UTC; Views: 7864; Favourites: 22; Downloads: 0
Redirect to original
Description body div#devskin8117737 .gr-box * { border:none; margin:0px; padding:0px; background:transparent; } body div#devskin8117737 .gr-box { background:#40465b url(https://fc03.deviantart.net/fs70/f/2012/216/6/c/blue_noise_pattern_by_cyphervisor-d59tdeh.png); padding-top:3px; color:#c2c2c2; margin:4px; box-shadow:0px 0px 4px #373737; -moz-box-shadow:0px 0px 4px #373737; -webkit-box-shadow:0px 0px 4px #373737; border:1px solid #2e2e2e; } body div#devskin8117737 .gr1, body div#devskin8117737 .gr2, body div#devskin8117737 .gr3, body div#devskin8117737 .tri, body div#devskin8117737 .list, body div#devskin8117737 .gr-top h2 img { display:none; } body div#devskin8117737 .text { margin-top:110px; text-shadow:-1px -1px 0px #242424; padding:0px 15px 0px 15px; text-align:justify; } body div#devskin8117737 .avatar { background:#1e222e; padding:4px; margin:0px 10px 10px 0px; box-shadow:0px 0px 4px #252938; -moz-box-shadow:0px 0px 4px #252938; -webkit-box-shadow:0px 0px 4px #252938; border:1px solid #171717; } body div#devskin8117737 .gr-top h2 { position:relative; border-bottom:1px solid #1e2438; padding:0px 0px 10px 0px; left:-15px; right:15px; top:25px; font-family:Comfortaa; font-size:30px; text-shadow:-1px -1px 0px #242424; text-align:center; color:#fff; } body div#devskin8117737 .gr-top h2 a { color:#fff; text-shadow:-1px -1px 0px #242424; background:transparent; } body div#devskin8117737 .gr-top span { position:absolute; display:none; } body div#devskin8117737 a { margin-right:15px; color:#f7f7f7; text-shadow:-1px -1px 0px #242424; text-shadow:none; text-decoration:none; } body div#devskin8117737 a:hover { color:#e9c226; position:relative; } body div#devskin8117737 .star { width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:50px solid #cc3c3c; position:absolute; top:35px; left:15px; } body div#devskin8117737 .star:after { width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:50px solid #cc3c3c; position:absolute; content:''; top:17px; left:-30px; } body div#devskin8117737 .menuholder { position:absolute; left:15px; right:15px; top:51px; border-bottom:1px solid #1e2438; padding:10px 0px 35px 80px; text-align:left; } body div#devskin8117737 .menuholder a { margin-right:15px; color:#c2c2c2; text-shadow:-1px -1px 0px #242424; text-decoration:none; background:rgb(30, 36, 56); background:rgba(30,36,56,.8); padding:7px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #181c2b; } body div#devskin8117737 .menuholder a:hover { color:#fff; background:rgb(30, 36, 56); background:rgba(30,36,56,.9); position:relative; } body div#devskin8117737 .menuholder a:hover:after { content:attr(title); padding:4px 8px; color:#c28561; position:absolute; top:-30px; white-space:nowrap; z-index:20; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 5px #222; -moz-box-shadow:0px 0px 5px #222; -webkit-box-shadow:0px 0px 5px #222; background:rgb(30, 36, 56); background:rgba(30,36,56,.4); } body div#devskin8117737 em { text-decoration:none; position:relative; width:auto; padding:0px 25px 6px 25px; font-style:normal; font-family:Comfortaa; font-size:20px; color:#d74242; } body div#devskin8117737 .fbox { background:#1e222e; padding:6px; box-shadow:0px 0px 4px #252938; -moz-box-shadow:0px 0px 4px #252938; -webkit-box-shadow:0px 0px 4px #252938; border:1px solid #171717; } body div#devskin8117737 .text ul { padding-left:40px; list-style-type:circle; } body div#devskin8117737 .text li { margin-bottom:-15px; padding-top:4px; color:#b4b4b4; } body div#devskin8117737 span.shadow-holder { background:#1e222e; padding:6px; margin:0px 10px 10px 0px; box-shadow:0px 0px 4px #252938; -moz-box-shadow:0px 0px 4px #252938; -webkit-box-shadow:0px 0px 4px #252938; border:1px solid #171717; } body div#devskin8117737 span.shadow img { border:1px solid #171717; } body div#devskin8117737 span.shadow-holder a:hover:after { content:attr(title); color:#c28561; position:absolute; top:-20px; white-space:normal; z-index:20; background:rgb(30, 36, 56); background:rgba(30,36,56,.7); font-size:9px; max-width:400px; } body div#devskin8117737 .gr-body .bottom { background:#1e222e; height:70px; border-top:1px solid #141414; } body div#devskin8117737 .commentslink { color:#6de000; position:absolute; bottom:25px; right:10px; } body div#devskin8117737 .commentslink:hover { background:transparent; color:#ddfc09; position:absolute; bottom:25px; right:10px; } body div#devskin8117737 .commentslink:before { content:url(https://aux.iconpedia.net/uploads/19814092822024146523.png); position:absolute; top:-8px; left:-33px; } body div#devskin8117737 .credit { position:absolute; bottom:28px; left:7px; font-size:10px; color:#959595; font-family:Abel; } body div#devskin8117737 .credit a { font-size:10px; text-decoration:none; color:#959595; } body div#devskin8117737 .credit a:hover { color:#00b8ad; }

Skin by CypherVisor


HOME Gallery Install this Skin



Hi fellas,

A new contest is in the house! Yes, you have heard me right! A new CSS contest with premium prizes to grab for yourself is here for you!

You and I can see a lot of journal skins present in our DA's Journal & Gallery Skins category till date but we see only a few of them are modern style designs. As, many of you probably know that I mostly like modern design for my journal skins. So, I want you to go crazy with your own creativity and do the same for this contest.

Many of you might wonder, what is modern style web designs anyway? Please mind that I'm using the word "web design" here because journal skins in DA are nothing but web designs that we code in CSS. So coming back, a modern design generally..


    1) has few colors
    2) contains simple yet elegant images to make the design look smart
    3) has all it's elements well arranged
    4) has minimalistic touch (not always though)
    5) includes high usage of typography

NOW DON'T GET SCARED! It isn't that hard!

I am providing you with some example of modern designs below. You can have a general idea of what a modern design is from these.

:thumb323660563:




What do you need to do for the CSS contest?
You just have to design a modern style CSS skin. You may include different features such as dropdown menus, feature boxes, sidebar, progress bars, etc. etc. or you MAY NOT use any.. it is completely up to you! Just go creative with your design and follow the rules given below, that's all!


DESIGNING RULES

  • The design should have a solid base color or a simple repeating pattern for it's background
  • Apart from the base color you are allowed to use 7 more colors at max (A slight variation of any color shall be considered as one color)
  • Your design should not contain more than 3 images for the design (thumbnails of deviations and small icon images are excluded and are not counted)
  • The images can be used anywhere such as header, footer or in the body of the design
  • The overall space consumed by the images used should not cross approximately 35% of the whole design



HOW TO ENTER THE CONTEST?
1) Fav this journal
2) Design your skin
3) Send your entries by providing a link to your deviation in the comments

All entries shall go to a favorite folder


SUBMISSION RULES

  • The entry has to be new and created by you
  • You can submit a CODED version or just the DESIGN of the skin
  • Collabs are allowed
  • If you do a collab work then the prize will be split between all the collab partners
  • Any stock used should be credited and get prior permission for it's usage from the owner
  • A maximum of 3 entries is allowed per person/collab
  • By entering into the contest you agree that you will allow your design to be coded (if it is not coded) and publish it to DA for everyone to use
  • Any copyright infringement of design shall lead to disqualification of the submitted entry instantly



PRIZES



JUDGES



ARE YOU INTERESTED TO JUDGE or SPONSOR PRIZES?
  • If you want to donate a prize or want to be a judge then leave a comment in this journal or note me CypherVisor

*Please note that only those people who have prior experience in CSS shall be granted to judge the contest.

Please note that if you are willing to sponsor prizes for the contest then we can go robust and add a coded entries category for this contest.

Any kind of promotion or spreading the word for this contest will be greatly appreciated!




DEADLINE
28th September 2012, 24:00 Hrs IST


SUBMITTED ENTRIES
Check folder: cyphervisor.deviantart.com/fav…


Please note CypherVisor if you have any queries!

Good luck all!!

Related content

CypherVisor - Button - Slide Arrow

CypherVisor - Button - Slide Diagonal Background

CypherVisor - The Ladder Gallery Icons

CypherVisor - Circular Profile Menu - Template

CypherVisor - Fransis PREIMUM Skin (with cool CSS3 features)

[ TEXT ]


CypherVisor - Wtf is wrong with status updates??

[ TEXT ]


CypherVisor - Sorry for disappearing! + Core Giveaway

[ TEXT ]


CypherVisor - CustomizeDeviantART.com BETA Launch

[ TEXT ]


CypherVisor - TROLOLOLOLOLO
Comments: 81

CypherVisor In reply to ??? [2012-09-25 15:05:12 +0000 UTC]

Added to entries!

👍: 0 ⏩: 1

jonarific In reply to CypherVisor [2012-09-27 18:56:36 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

jonarific [2012-09-16 11:36:36 +0000 UTC]

Here's my entry: [link]

I hope the design isn't possibly considered "too minimal", but since minimalism and unobstrusiveness are central parts of modern web design, I believe it fits the requirements well. As mentioned in the description, the skin is already coded as normal HTML (the presented screenshot is actually from my browser), so transforming it into a real Journal skin shouldn't be too hard (especially considering that I already tried to implement some of the restrictions that apply to Journal skins — more info in the description).

Anyway, good luck to everyone!

👍: 0 ⏩: 1

CypherVisor In reply to jonarific [2012-09-20 08:48:29 +0000 UTC]

Added to entries!

Good luck!

👍: 0 ⏩: 2

jonarific In reply to CypherVisor [2012-09-21 21:19:46 +0000 UTC]

By the way, do you judge the submissions solely by their design, or are skins that are already coded (installable) at an advantage?

👍: 0 ⏩: 1

CypherVisor In reply to jonarific [2012-09-25 15:04:41 +0000 UTC]

For this contest, only the design will be judged even if someone has coded it. There won't be any advantages for those have coded it.

It is clearly mentioned in the contest rules.

👍: 0 ⏩: 0

jonarific In reply to CypherVisor [2012-09-21 16:55:36 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

xReiichiru [2012-09-16 00:33:44 +0000 UTC]

weee. well, ignore my last comment!
my submission [link] (though, if I have time in the morning I should fix some things orz)

👍: 0 ⏩: 1

CypherVisor In reply to xReiichiru [2012-09-20 08:47:32 +0000 UTC]

Added to entries!

Good luck!

👍: 0 ⏩: 1

xReiichiru In reply to CypherVisor [2012-09-20 09:40:35 +0000 UTC]

Thanks

👍: 0 ⏩: 1

CypherVisor In reply to xReiichiru [2012-10-30 15:32:14 +0000 UTC]

It's my pleasure. You're most welcome!

👍: 0 ⏩: 0

xReiichiru [2012-09-15 23:18:48 +0000 UTC]

Just checking it's not too late? I'm not sure what time on the 16th it ends o3o;

*nearly finished x3*

👍: 0 ⏩: 0

kanoshl [2012-09-15 07:39:25 +0000 UTC]

Hi. Please I change my mind. Please change the "Free Journal Skin or Feature" into "Free Journal Feature" thanks..

👍: 0 ⏩: 1

CypherVisor In reply to kanoshl [2012-09-20 08:49:43 +0000 UTC]

Updated.

👍: 0 ⏩: 1

kanoshl In reply to CypherVisor [2012-09-20 09:04:30 +0000 UTC]

Thanks!~

👍: 0 ⏩: 0

kunehoGod [2012-09-12 14:36:53 +0000 UTC]

here's my entry [link]
i hope it fits the "modern" theme!

i attached the note/screencap so moderators can view it.. should i also show the note here?

👍: 0 ⏩: 1

CypherVisor In reply to kunehoGod [2012-09-20 08:46:07 +0000 UTC]

Added to entries!

Good luck!

👍: 0 ⏩: 0

Bliood-Kira [2012-09-07 12:00:13 +0000 UTC]

ok, since my first design wasn't approved by the person from whom i used the stock img (my fault i should have asked first >.>) I have made another one This time it's approved

Her's the link [link]

👍: 0 ⏩: 1

CypherVisor In reply to Bliood-Kira [2012-09-20 08:45:01 +0000 UTC]

Added to entries!

Good luck!

👍: 0 ⏩: 1

Bliood-Kira In reply to CypherVisor [2012-09-22 21:22:26 +0000 UTC]

Thank you

👍: 0 ⏩: 0

miontre [2012-09-04 05:53:39 +0000 UTC]

I have my design roughly planned out. Time to start le coding!

👍: 0 ⏩: 1

CypherVisor In reply to miontre [2012-09-20 08:44:25 +0000 UTC]

Where is it?

👍: 0 ⏩: 1

miontre In reply to CypherVisor [2012-09-21 00:50:29 +0000 UTC]

Unfortunately I didn't get it finished in time

👍: 0 ⏩: 1

CypherVisor In reply to miontre [2012-09-21 17:28:31 +0000 UTC]

Deadline extended!

👍: 0 ⏩: 0

ThatCanonKid [2012-09-03 10:19:46 +0000 UTC]

I have no idea how to make skins, if someone could help me with that then I'd definitely join. :3

👍: 0 ⏩: 1

CypherVisor In reply to ThatCanonKid [2012-09-03 15:20:06 +0000 UTC]

CSS Skin designing in DA is similar to web designing. You should get tutorials in DA for skin designs or you may even search in google or something for web designing tutorials.

👍: 0 ⏩: 0

neurotype-on-discord [2012-09-03 04:22:51 +0000 UTC]

If you need judges, I could help.

👍: 0 ⏩: 1

CypherVisor In reply to neurotype-on-discord [2012-09-03 15:15:04 +0000 UTC]

Ohk, that's awesome! I'll add you up.

👍: 0 ⏩: 1

neurotype-on-discord In reply to CypherVisor [2012-09-03 19:27:35 +0000 UTC]

👍: 0 ⏩: 0

Drake1 [2012-09-02 19:30:25 +0000 UTC]

N-I-C-E I'll try to design something to participate here

👍: 0 ⏩: 1

CypherVisor In reply to Drake1 [2012-09-03 15:13:19 +0000 UTC]

That's great!

Looking forward...

👍: 0 ⏩: 1

Drake1 In reply to CypherVisor [2012-09-12 13:18:04 +0000 UTC]

Hey! I finished the skin for the contest, here is it: [link]

👍: 0 ⏩: 1

CypherVisor In reply to Drake1 [2012-09-20 08:44:08 +0000 UTC]

Added to entries!

Good luck!

👍: 0 ⏩: 0

maytel [2012-09-02 17:30:42 +0000 UTC]

Oh! So we don't necessarily need to code it? OH YAY! I don't have time for coding but I might have time to come up with a design
I'll try to submit something

👍: 0 ⏩: 1

CypherVisor In reply to maytel [2012-09-03 15:15:48 +0000 UTC]

Yup, only design can be submitted!

And sure thing...looking forward.

👍: 0 ⏩: 0

kanoshl [2012-09-02 00:54:55 +0000 UTC]

You forgot to add me on the judges?? ^^"

👍: 0 ⏩: 1

CypherVisor In reply to kanoshl [2012-09-02 14:20:23 +0000 UTC]

Hi, I've mentioned in the note that I want people to judge who has prior experience in CSS. Thanks for showing interest for the same btw!

👍: 0 ⏩: 1

kanoshl In reply to CypherVisor [2012-09-02 23:01:16 +0000 UTC]

OIC

👍: 0 ⏩: 0

Bliood-Kira [2012-09-01 23:08:28 +0000 UTC]

This is my entery: [link]

I hope the image doesn't count as journal colors because you have in the examples photo as part of the journal skin.

👍: 0 ⏩: 1

CypherVisor In reply to Bliood-Kira [2012-09-02 14:21:24 +0000 UTC]

Thank you very much for you entry! I've added it to the favorite folder. Good luck!

👍: 0 ⏩: 1

Bliood-Kira In reply to CypherVisor [2012-09-03 16:41:39 +0000 UTC]

i'm sorry to disappoint you but apparently i don't have the permission to use the stock image. It is my fault that i didn't ask her first XD. i hope ill have enough time to change the image in time

I will delete that one.

👍: 0 ⏩: 1

CypherVisor In reply to Bliood-Kira [2012-09-20 08:43:39 +0000 UTC]

The contest date is extended. You may want to alter the changes and re-submit.

👍: 0 ⏩: 0

miontre [2012-08-31 08:22:52 +0000 UTC]

I will definitely enter

Thanks for including my work in the examples!

👍: 0 ⏩: 1

CypherVisor In reply to miontre [2012-09-01 09:10:50 +0000 UTC]

Sure thing buddy! Looking forward..

And you're most welcome!

👍: 0 ⏩: 0

Chivi-chivik [2012-08-30 22:33:00 +0000 UTC]

Here's mine: [link]

I think I'll make more, but for the moment, this is one.

👍: 0 ⏩: 1

CypherVisor In reply to Chivi-chivik [2012-09-01 09:10:06 +0000 UTC]

Great!

Added to the favorite folder!

👍: 0 ⏩: 0

Eternal-Skye [2012-08-30 18:45:29 +0000 UTC]

[link]

Heres my skin

👍: 0 ⏩: 1

CypherVisor In reply to Eternal-Skye [2012-09-01 09:10:08 +0000 UTC]

Great!

Added to the favorite folder!

👍: 0 ⏩: 1

Eternal-Skye In reply to CypherVisor [2012-09-01 16:37:48 +0000 UTC]

Thanks ^_^

👍: 0 ⏩: 1

CypherVisor In reply to Eternal-Skye [2012-09-02 12:35:46 +0000 UTC]

👍: 0 ⏩: 0


| Next =>