Shop Mobile More Submit  Join Login
×

:iconnamenotrequired: More from namenotrequired


Featured in Collections

Community Relations DD Roundups by JamminJo

I've been Featured or Mentioned by kuschelirmel-stock

News Articles by artorifreedom


More from DeviantArt



Details

Submitted on
January 15, 2012
File Size
193 bytes
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
3,856
Favourites
79 (who?)
Comments
56
×

CSS and Skinning Resources

Sun Jan 15, 2012, 6:33 PM
Many people may have ideas about journal skins, or how they want their gallery folders to look. 
FAQs on this topic;

Tutorials

CSS Journal Tutorial -- Part I by cerena CSS Journal Tutorial - Part II by cerena Journal CSS for Beginners by smokin9mirrors Journal CSS - Part 1 by kuschelirmel-stock .:Gallery Structure by ginkgografix .:CSS Guideline by ginkgografix Old vs Gruze Journals by ginkgografix .:Adding Gallery CSS by ginkgografix Designing a Journal Part One by GillianIvy Tutorial: Making Journal Skins from scratch by X-P-T-Z Starting with dA CSSBack when CSS was allowed for journals for the first time there had been only a few deviants like ClaireJones, Lilyas or kuschelirmel-stock who provided free skins for everyone. Through the time more and more people enjoyed working on CSS skins and we also got the chance to skin our galleries.
These days, and thanks to the great resources about journal and gallery CSS that have been created, it is possible for nearly everyone to code their own skins and/or to share them with others. Still there are many people who struggle with some basic things, which is why we want to focus on some of them here.
General
:pointr: Where can you use CSS/HTML
On deviantART you can only use HTML and CSS on your journals, group blogs, your custom gallery folders, as well as your groups' galleries.
When you customize your profile widgets you can't add CSS or HTML like you can for journals/galleries. All you can do is using existing dA code that can be re-us

Groups

:iconecssited:
eCSSited #eCSSited is a group dedicated to the world of deviant CSS (and HTML). Its main purpose is to help deviants customize their journals and galleries. The group aims to be your first choice CSS resource, collecting useful tutorials and guides.

:icondeviantcss:
#deviantCSS is a full CSS and HTML resource/guide regarding available places on deviantART that you can use codes into it (e.g. Devious Journal, Custom Module, Artist's Comment, News Article, dAmn Chat, etc)

:iconjournalcss:
journalcss; We are a group dedicated to providing a variety of CSS related resources and helpful CSS related information to the DeviantART Community! You can find a plethora of Journal CSS designs ready for install, as well as Gallery CSS designs.
They have a folder with many useful tutorials too: journalcss.deviantart.com/gall… :la:

:iconjournalskin:
JournalSkin; The inner workings of journal skins are a mystery to many members of deviantART. This group intends to make journal skins easier to understand and foster a community where skins can be shared and critiqued. Tutorials will be shared as well as free skins. Feel free to join if you create or enjoy journal skins!

Still need help?

Still need help? Have a look at How to: Request CSS Help :D
Good luck and enjoy! :hug:


Add a Comment:
 
:iconginkgografix:
ginkgografix Featured By Owner Dec 19, 2012
Oh btw, #eCSSercise is pretty dead and soon will be deleted. Can you remove it here?
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Dec 19, 2012  Student Interface Designer
Good point thanks! I've replaced it :hug:
Reply
:iconginkgografix:
ginkgografix Featured By Owner Dec 20, 2012
Thanks!
Reply
:iconpegacorngem12:
pegacorngem12 Featured By Owner Oct 15, 2012  Hobbyist General Artist
Do you need photoshop or con you do it with gimp?
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Oct 15, 2012  Student Interface Designer
You can make a design with gimp just as fine, yes :)

The coding, however, is best done in a programme like notepad, or simply in the journal skin editor itself. :D
Reply
:iconpegacorngem12:
pegacorngem12 Featured By Owner Oct 15, 2012  Hobbyist General Artist
Thanks :D
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Oct 15, 2012  Student Interface Designer
No problem, good luck! :D
Reply
:iconpegacorngem12:
pegacorngem12 Featured By Owner Oct 15, 2012  Hobbyist General Artist
Thank you :D
Reply
:iconx-p-t-z:
X-P-T-Z Featured By Owner Aug 25, 2012  Student Digital Artist
:iconsonicdanceplz:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Aug 25, 2012  Student Interface Designer
:giggle:
Reply
:iconxeshaire:
Xeshaire Featured By Owner Apr 20, 2012  Hobbyist General Artist
Thank you so much for sharing this~ It will definitely be useful together with the tutorials. c:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Apr 20, 2012  Student Interface Designer
Yay! Good luck :happybounce:
Reply
:iconwdwparksgal:
WDWParksGal Featured By Owner Jan 24, 2012
These hints, tutorials and links are terrific! Once I step down I want to do a new CSS and widgets. If I have to, I can pay someone to redo the HTML on my widgets, but I should be able to do a CSS myself. Nothing fancy, of course, but something fantasy and/or Disney for sure. Thank you most kindly for putting this together. I'll be referring back to it!
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 24, 2012  Student Interface Designer
Thank you! :D And well, you can't really add CSS to widgets, only the CSS that dA already provides. Good luck though :happybounce:
Reply
:iconwdwparksgal:
WDWParksGal Featured By Owner Jan 26, 2012
What about the HTML that I'm using in the widgets now? Isn't there a way to write out those to get a different look? I've seen some interesting widget backgrounds on deviant pages :aww:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 26, 2012  Student Interface Designer
Yeah, you can use those, but you can only use the CSS that is in dA's code, you can't add your own CSS to apply to custom widgets yourself. :)
Reply
:iconwdwparksgal:
WDWParksGal Featured By Owner Jan 26, 2012
Oh. Can you send me a link to the dA code then? Thanks :aww:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 26, 2012  Student Interface Designer
Reply
:iconwdwparksgal:
WDWParksGal Featured By Owner Jan 26, 2012
:wow: Thank you! I didn't expect all those links but they are appreciated :excited:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 26, 2012  Student Interface Designer
You're welcome! :D I just took them from the source code of my own user page ^^
Reply
(1 Reply)
:iconkuschelirmel-stock:
kuschelirmel-stock Featured By Owner Jan 21, 2012  Hobbyist Digital Artist
:blowkiss: thanks for the feature!
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 21, 2012  Student Interface Designer
Welcome :hug:
Reply
:iconlorreinegeralde:
lorreinegeralde Featured By Owner Jan 20, 2012  Hobbyist General Artist
:hooray:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 20, 2012  Student Interface Designer
:la:
Reply
:iconfivedollarponies:
fivedollarponies Featured By Owner Feb 12, 2013
Is your name really Bart? :o
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Feb 12, 2013  Student Interface Designer
Yup, why not? :O
Reply
:iconfivedollarponies:
fivedollarponies Featured By Owner Feb 12, 2013
Same as Homer's son? Lol, do you ever get teased about it?
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Feb 12, 2013  Student Interface Designer
Yep :giggle: but that's alright :dummy:
Reply
:iconashleyxbrooke:
AshleyxBrooke Featured By Owner Jan 18, 2012  Hobbyist Photographer
This is awsome. Thanks :heart:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 18, 2012  Student Interface Designer
Thank you, welcome! :hug:
Reply
:icongillianivy:
GillianIvy Featured By Owner Jan 16, 2012  Hobbyist General Artist
:huggle: :icondummywooplz: Thank you for the featureness!!!!
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 17, 2012  Student Interface Designer
You're welcome! :la: :hug:
Reply
:iconsilverpixigirl:
SilverPixiGirl Featured By Owner Jan 16, 2012  Professional Interface Designer
thanks for the feature! :squee:


:iconjournalcss:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 17, 2012  Student Interface Designer
You're welcome :hug:
Reply
:icontimothymh:
timothymh Featured By Owner Jan 16, 2012  Student General Artist
Do you want to look at my journal CSS? It's a modification of one by ~LeMex so I shouldn't resubmit it as its own deviation, but I like it. :)
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 17, 2012  Student Interface Designer
Sure! :happybounce:
Reply
:icontimothymh:
timothymh Featured By Owner Jan 17, 2012  Student General Artist
Here's the CSS (as a .txt file, so incorporate the header and footer): [link]
Here's a good example of it in action: [link]

Hope you like it. :)
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 18, 2012  Student Interface Designer
Ohh, really nice! :D
Reply
:icontimothymh:
timothymh Featured By Owner Jan 18, 2012  Student General Artist
Awesome, glad you think so! :lol:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 18, 2012  Student Interface Designer
:dummy: I do!
Reply
:icontimothymh:
timothymh Featured By Owner Jan 18, 2012  Student General Artist
yaaaaaay :iconeagerdummyplz:
Reply
:iconliliwrites:
LiliWrites Featured By Owner Jan 16, 2012  Hobbyist Writer
I made ONE journal. Never again. :noes:

But still good to know where the resources are. :D
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 16, 2012  Student Interface Designer
Why not :noes:
Reply
:iconliliwrites:
LiliWrites Featured By Owner Jan 16, 2012  Hobbyist Writer
I might have lied there. I'm probably going to end up making one for #Critique-It, if I can scrape together enough funds for super group again. Relaunching the poor old bird in February.

But after that NEVER again because coding is so NOT my language. I spend almost sixteen hours making the skin for DLD, and it is a simple one! AND I used a base code!
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 18, 2012  Student Interface Designer
Ah! :noes: let me know if you need any help with that :hug:
Reply
:iconarjuu-na:
arjuu-na Featured By Owner Jan 15, 2012  Student General Artist
I've been looking for this for the longest time, and here it is! I've got this article - and all useful links and groups - bookmarked and faved so that I can refer to it in the future. Thanks for putting this article up!
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 16, 2012  Student Interface Designer
YAY! :la: you're welcome :hug: Good luck learning all this! :D
Reply
:iconjamminjo:
JamminJo Featured By Owner Jan 15, 2012  Hobbyist Photographer
Awesome :la: :la: :la: :la:

Will pass along to my watchers and add link from profile page "FEATURED LINKS" :woohoo:
Reply
:iconnamenotrequired:
namenotrequired Featured By Owner Jan 15, 2012  Student Interface Designer
Yay, thanks! :hug:
Reply
:iconsanpasazzaro:
SanpaSazzaro Featured By Owner Jan 15, 2012  Hobbyist Digital Artist
Great stuff :D
Reply
Add a Comment: