This Week in CSS

12 min read

Deviation Actions

gillianivyart's avatar
Published:
978 Views


Feature of recent submissions to the DeviantArt Related > DeviantArt Skins & Scripts > Journal & Gallery Skins  category.  These were submitted since last week's feature.  This feature is currently scheduled for every Thursday.

Actively searching through these has really shown me how many miscats are in our beloved dArelated category.  Considering that we no longer have a CV, we should probably take it upon ourselves to make sure others know what goes where.  A lot of people have mentioned not knowing where to post things such as Custom Box BGs.  I think Journal Graphics or Devious Fun are the most popular sections for those.  Where do you post yours?

Another thing I have found, quite often actually...  Commissions being offered as Installables.  If you are doing a skin request, that is okay as it will be something free-to-use for all deviants.  But an exclusive, custom journal skin should be private to the commissioner unless they permit for it to be free for everyone.  Now, there is a really easy solution if you need to make it installable for ease of use for your commission, Sta.sh it.  GinkgoWerkstatt has a great tutorial for this very thing.  It is to create a thumbnail of your own personal skin library, but it can be used for your commission as well.  It's fairly easy to do, just don't fully submit it to deviantART.  You pick out your preview and installation files and that is it.  



Below, I have the sections of the Journals and Gallery Skin category of deviantART Related.

Installables 

These are CSS that have the easy install option.  The txt file has deviantART's code structure parsed and all image files are packed into the installation hosted via dA.  These can have Premium Content added if you wish to offer additional features for points :points:
Blue Stripes ~ Free Journal Skin by Taiamatalah Red Typewriter ~ Free Skin by ClearStyle<da:thumb id="538467537"/><da:thumb id="537392629"/>

Designs

Designs would be any skin layout or commission that are not available for anyone to install where you are the designer of the layout.  If the design belongs to the commission, then Complete CSS may be the proper category for your submission.
Journal skin commission 2 - Mayo-Senpai-Creation by BlackySpyro


Complete CSS

Complete CSS is a package of txt files, images, help documents, etc that the user will need to install, upload and manage files themselves.  This category also includes gallery skins, which are also not installable.  Package can also contain everything that is able to be customized on deviantART like the custom boxes and more.

Graphics/Custom Box

Journal graphics would be the components of your skin.  BGs, mouse cursors, Headers, Footers, dividers, etc.  These are not necessarily stock, you may wish to add in your artist comments whether or not permissions is granted for free use.  Custom Box BGs are commonly in this section as well.  This category is similar to Resource & Stock Images>Designs & Patterns or Design & Interfaces>Web Interfaces except that it is for dA related only.
<da:thumb id="537401309"/> Button - Slide Arrow by CypherVisor Button - Slide Diagonal Background by CypherVisor
Button - Slide Horizontal Background by CypherVisor Button - Slide Vertical Background by CypherVisor<da:thumb id="538457240"/><da:thumb id="538456478"/>
Recipe Banner Clear BKG V2 by WDWParksGal
[Point-Commission] Mariachii-tan by Yuiccia
Journal Signature
If categorization is confusing, I suggest we brainstorm below clean up ideas for each section and what it includes.  Then we can present the ideas to moonbeam13  ikazon who is the staff member who currently accepts DD suggestions for deviantART related .

This art feature is curated from the most recent contributions to the deviantART related CSS skins categories.  I have not added ones with incomplete previews or fan skins with questionable image credits.  Since it is hard to determine the permissions for those, I will not often be featuring such skins.  

CSS Trick

:iconcelvas: by Celvas 

Z-index Topper


The value of the z-index property controls the stacking order of images, text, everything. The deviantART selector .gr-top sports its own z-index value (20), which makes it easier to position other elements below it in order. Yet it's very simple to work around .gr-top's z-index value by setting your own z-index value higher, therefore positioning it above .gr-top. (You'll also need to define the position property of both your intended element and .gr-top as absolute.) You can then move the elements using the top property.

.above-gr-top {
position: absolute;
z-index: 30;
}
.gr-top {
position: absolute;
}

Archive

This Week in CSS - June 4th 2015
Share your tips and challenge ideas below.
:icongillianivyart:


Comments30
Join the community to add your comment. Already a deviant? Log In
SavageFrog's avatar
Wow! There's even more this week! :la: