Shop Mobile More Submit  Join Login
Colorpad Skin: Crowley by Eilorendil Colorpad Skin: Crowley by Eilorendil
Example #1: *Eil
Example #2: =Aegis-Strife
Example #3: *vampirekitty3


:heart: If you use this, I'd love it if you dropped me a comment - even if it's just a link. :heart:

Should work fine in Firefox and IE, haven't tested on other browsers - then again there aren't any images, only CSS. I mainly only touch CSS when school assignments requires it and even then I always focus more on the graphics than the code; this was a kind of challenge for myself to make something without Photoshop. Feedback much appreciated.

A huge, huge thanks to ^ginkgografix and `thespook for helpful tuts and advice.




READ BEFORE USE
(will NOT be answering questions if I've already answered it here)


:bulletgreen: To insert a title/quote like I did in the preview ("Please read..."), use div tags like these without the spaces:
< div class = "title" > Your quote/title < / div>

:bulletred: To insert a pagebreak (the blue line dividing the text and the thumbs), use < hr > without the spaces.

:bulletgreen: To use the thumb gallery, use this code (again, no spaces):
< div class="minigal" > :thumb####: :thumb####: :thumb####: :thumb####: ...etc< /div>
Code for this is from `thespook - I only did some slight color modifications. You can read more about the minithumbs on his journal here: [link]

:bulletred: To modify the menu, go to the Options tab while you're editing your journal. You'll find the menu in the Skin Header section - replace the # with your own links and name the list items approprietly.

:bulletgreen: You may add as many items you want to the menu (it's a horizontal list, by the way, that's why I call it "list items") or remove them altogether - either way it should work fine.

:bulletred: You may change the colors or modify the skin in any way you like.

:bulletgreen: I will probably make more color variations, so you're free to come with requests (as long as they're not "I want one exactly like this, only with the links in a different color). Also please check my gallery to make sure I haven't done that color before.

Edits
Dec 25th:
:bulletblue: Changed title font from 50px to 40px.
:bulletblue: Fixed menu in IE.
Add a Comment:
 
:iconpurple-haired3lf:
purple-haired3lf Featured By Owner Dec 7, 2012   General Artist
ha, i love it! will definitely be using it sometime!
Reply
:iconxpawkyx:
xpawkyx Featured By Owner Aug 8, 2012
Not sure if I'll use this skin, but thank you for making it!
Its wonderful.
Reply
:iconourak:
ourak Featured By Owner Apr 13, 2012
got it but not sure if i will use it or not yet, either way thanks for making one and sharing with us.
Reply
:iconyami-joey:
yami-joey Featured By Owner Oct 23, 2011  Student General Artist
Going to use it man ^_^

This is awesome. :D
Reply
:icontoasternoris:
Toasternoris Featured By Owner Jan 9, 2011  Hobbyist Photographer
Really like this!

Going to use it :)
Reply
:iconcafe-star:
cafe-star Featured By Owner Sep 7, 2010
Thank you for the skin! Went ahead and installed it. I love simple designs like yours.
Reply
:icondan4archangel:
Dan4ArChAnGeL Featured By Owner Aug 21, 2010  Hobbyist Interface Designer
Hello, i wanted you to know that you have been featured in the Weekly "CSS Fever. Your css source of resources! #6" news article : [link]
Reply
:iconkr8v:
kr8v Featured By Owner Aug 20, 2010
LOVED IT ;)

any idea how to change the alignment??
Reply
:iconfuuhenjin:
Fuuhenjin Featured By Owner Jun 13, 2010
I'm using it 8D! and it looks gorgeous :love:
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jun 19, 2010
thank you! :aww:
Reply
:iconhappilydeluded889:
HappilyDeluded889 Featured By Owner Feb 19, 2010  Hobbyist Traditional Artist
This is near perfection to what I've been looking for :w00t:...but if I might make a color suggestion...this gray instead of combining with red (links, menu), would have purple it would just be wicked--well for me anyway:blush: (I adore that combination gray-purple)!!!

Is it simple, could I change it myself, even though I'm not huge with CSS coding and stuff:XD:?? I'd appreciate the help...I love the skin anyway:)
Reply
:iconhappilydeluded889:
HappilyDeluded889 Featured By Owner Feb 19, 2010  Hobbyist Traditional Artist
I got it! A friend walked me trough it...I got my purple :w00t:

[link]

:)
Reply
:iconeilorendil:
Eilorendil Featured By Owner Feb 20, 2010
I'm glad it worked out for you. Thanks for using :heart:
Reply
:iconhappilydeluded889:
HappilyDeluded889 Featured By Owner Feb 20, 2010  Hobbyist Traditional Artist
With pleasure, you've made me very happy=D!
Reply
:iconaegis-illustration:
Aegis-Illustration Featured By Owner Jan 23, 2010  Professional Digital Artist
Thank you! This is so elegant and the typography is great! I'm using this! :heart:
[link]
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jan 24, 2010
You're quite welcome; I'm honored that you'd use it :aww: Let me know if you get trouble with it or need help to modify the code.

:hug:
Reply
:icongothamspfx:
GothamSPFX Featured By Owner Jan 20, 2010  Professional Artisan Crafter
This is some awesome work. Question: How do change the color for the text, if it's html, what is the specific values to do I enter? Thanks :)
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jan 24, 2010
Never mind the "They can both be found in the stylesheet"... it was supposed to be "You can find the code in the stylesheet".

But I need to know what you want changed so I can figure out which part of the code you need to look at :)
Reply
:icongothamspfx:
GothamSPFX Featured By Owner Feb 9, 2010  Professional Artisan Crafter
how do i set-up links of where i want to point to? Like for example, if I want to point to my website via the website button, how do I set the links for it? Thanks :)
Reply
:iconeilorendil:
Eilorendil Featured By Owner Feb 11, 2010
To modify the menu, go to the Options tab while you're editing your journal. You'll find the menu in the Skin Header section - replace the # with your own links and name the list items approprietly.
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jan 24, 2010
Hmm.. been some weeks since I've looked at the code (by the way, it's css, not html :))

There are actually 4 colors used for the text in this. They can both be found in the stylesheet (hit the Options tab when you edit your journal).

1 - the red links
2 - the grey main text
3 - the dark grey date + mood text
4 - the light grey titles + mood text


Did you want to change all or only one?
Reply
:icongothamspfx:
GothamSPFX Featured By Owner Jan 28, 2010  Professional Artisan Crafter
I just want to change the text color. If at all possible can you update the skin, and change the text color to black? Or point out step by step, on how to change the text color the part where I type want I want in the journal. The color showed up like a white/grayish color, and I couldn't make out everything that I typed in the final version.
Reply
:iconeilorendil:
Eilorendil Featured By Owner Feb 11, 2010
Hmm.. that's odd. I'll check and get back to you with more detailed instructions :) Sorry for the late reply, I've been drowning in homework lately.
Reply
:iconsodiryfe:
SodiRyfe Featured By Owner Jan 15, 2010
i like it , Nice and simple styled
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jan 16, 2010
I'm glad you like it. Thanks for using :hug:

ps: remember you can customize the menu at the top/remove it in the Options tab while editing the journal.^^
Reply
:iconvampirekitty3:
vampirekitty3 Featured By Owner Jan 5, 2010
[link]

Thanks for making!
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jan 6, 2010
You're very welcome :aww: I like what you did with the header - it looks great!

Let me know if you get any trouble.
Reply
:iconsliding-panda:
Sliding-Panda Featured By Owner Jan 4, 2010
Hello I'd love to write you some kind of critique, because I really like your series of journal skins.

First off, I'm really impressed by your results. You haven't use any additional graphics and still managed to create a clean, elegant and what is the most important - interesting journal design. I like the colour scheme of this one particularly. Backgrounds are subdued so that the text is easily readable. Not to mention a nice font that work well with the whole design.

I love the fact that you didn't leave it altogether grey but added some awesome red accents. They make a journal more lively and are a really nice addition. I like a hover effect on links a lot!

It's almost a perfect journal skin. The only bug I noticed is that in actual journal moods don't have this bottom padding that is visible on the screenshot. They are all a little bit crowded. (FF 3.5.6). It's a minor issue, though.

Overall along with the great looks comes great usability. The skin is as simple as it can be for a user. You just paste a bunch of text and it looks awesome. When you want some fancy features you have them all listed in artist comments in a clear way. It's great!

Congratulations on creating such an impressive skin. I hope to see more of your works in the future :hug:
Reply
:iconeilorendil:
Eilorendil Featured By Owner Jan 6, 2010
Thank you :heart:

Yes... I notice that this version got the most installs by far, heh. It's a bit ironic since I started out with the intention of making a skin where the color was the most important part, the one thing that would make it really "pop". I'm glad you like it. Sometimes I tend to write really long journals, and I wanted a skin that was clean and simple, yet bold at the same time. You're right; it does work well even if you strip it of everything but text - I tried :lol: As for the bottom padding.. I haven't noticed :O_o: For me it looks exactly as in the preview. But if you need it, I can take a look at the code and tweak it a bit (or tell you which parts to tweak) - don't think it should be too hard.

Thank you again for writing such a great response! It's not often people take the time to give such detailed feedback, even if you're a member with Request Critique enabled. I really, really appreciate it - made my day :cuddle: I'm happy you notice things I tried to work with on this skin - even though it's really simple, I spent alot of time trying out different fonts, colors, sizes, paddings/margins etc.

Best wishes for the new year!
Reply
:icondailydesign:
dailydesign Featured By Owner Jan 2, 2010  Student Photographer
nice broo
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 26, 2009
I think this is my fav version from all :la:
Reply
:iconlavena-lav:
lavena-lav Featured By Owner Dec 25, 2009  Hobbyist General Artist
Hello! This is really awesome skin. I love simplicity. I'm new to DA so.. hmm.. do you have the manual codes? Coz I can't install them automatically through DA because I'm not under paid account =X. Sorry for the trouble!
Reply
:iconeilorendil:
Eilorendil Featured By Owner Dec 26, 2009
Thank you, I'm glad you like it :) But I have to tell you that non-subscribers can't have CSS in their journal at all, whether it's manually or automatically installed - it needs to be pasted in under the "Options" tab when you edit your journal, and you don't have access to it. Sorry :(
Reply
:iconlavena-lav:
lavena-lav Featured By Owner Dec 26, 2009  Hobbyist General Artist
aww man. Maybe I'll get the premium membership someday XD
Reply
Add a Comment:
 
×




Details

Submitted on
December 24, 2009
File Size
3.0 KB
Link
Thumb
Embed

Stats

Views
3,762
Favourites
82 (who?)
Comments
34
Installs
419
×