Show & Tell
Good morning, class! Share your work and tell us all about it. Thanks everyone who participated in last week's #thumbshare . It's been a week, do you have anything new? Feel free to self promote or share from your faves. Mention a friend to tag them to share their picks.Watcher & Faves
Previous Thumbshares
Lots of gorgeous faves were shared, though not so many from our watchers' galleries.Show n' Thumbshare
Show n' ThumbshareShow and Thumbshare
Everyone, introduce yourselves and thumbshare your best codes in the comments below.
Showcase
Thumbshare your top journal skin creations or from your favorites. What skin do you use? I'll add them here for all to see. And tell us a bit about yourself. Do you skin? Or, if you're just here to show us support and watch our gallery, introduce yourself.
Skin Faves
:iconmelikebat:
:icondrake1:
:iconcelvas:Tropical Fruit CSS by SimplySilentPanda Skin by Nesmaty
:icongillianivy:Hidden Skin by artbymba Into the Space by Drake1 A Warriors Call - Journal Skin Design by KovoWolf Classic - Journal Skin by ZeBunnyzz
Suggestions
For the #csschallenge , share your ideas for future themes. There will be a mini feature of the suggester, and you can thumbshare an inspiration as the theme suggestion.CSS Tip
by LineBirgitteSpecified Selectors
deviantArt uses a lot of selectors in their css, most common ones you can find in tutorials like .gr-top and .gr-body - most of you probably also know .shadow-holder which holds a.thumb, but did you know that avatars are being held in a selector called .avatar ? That means that you can customize how avatars should look throughout a journal or in a specific part, like in a menu:Basically, you can add specific styling to a class that is in any section. Great for use in menus, but also where there are multiple instances that use the same selector. Such as the title of your journal, .gr-top h2{}. If you wish to use h2 in your text area, then it would edit your title instead of only the text area. That might not be ideal. So, I add the specification .text h2{}. This affects only the specified h2 and not all instances..menu .avatar {
border:1px solid #000;
background-color:#ccc;
padding:5px;
float:right;
margin-left:5px;
}