Show n' Thumbshare

12 min read

Deviation Actions

gillianivyart's avatar
Published:
1.3K Views


  • Show 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



In June, I will have more time to devote to the group. I'll be trying to collaborate with a few other CSS groups (check our Affiliates) to promote more CSS skinning across the board. I want to start up a weekly or bi-weekly challenge. Just a theme or idea, which you'll be given a tag to share it. Everything with that tag would be shared in the next issue's feature showcase. You don't need to participate in each challenge, and you can do old ones as inspiration when you're stuck in a code writing block. Themes might be a single word or perhaps a phrase, or even just a concept. One week, the challenge could be animated skins using gifs and transitions to make some snazzy, eye catching effects. Another, it might be something more vague.

Suggestions

  •   What themes should we start off with? We'll keep a list in the backroom and we'll mention your name for the suggestion if we use it. If we manage to make this a regularly scheduled event, then we will need a lot of suggestions.

CSS Tip

:icongillianivyart: by gillianivyart 

Centered Journal

Margin:Auto
Probably the easiest and simplest tip, one I think of as the magic code... But it is a common occurrence in skins of new coders on deviantART, centering the journal body in deviantART's browser window. Many skins with fixed widths are glued to the left wall when you full screen your journal. There is a fix all, wonder code for that. In the same field where you set your journal width, add the following: margin:auto;. Voila! That's it!

Fixed Width Text
Related to that, if you have a full width skin, your text area may stretch the entire width of the screen when you go fullscreen.  Making one long line of text that is tiring on the eyes to read.  pica-ae has suggested this before, limit the width of your text area to somewhere between 600-800 pixels and set that margin to auto.  Then it reads like a book and stays the same no matter how wide your browser gets.


:icongillianivyart:


Comments31
Join the community to add your comment. Already a deviant? Log In
KovoWolf's avatar