Shop More Submit  Join Login
×




Details

Submitted on
May 6, 2013
File Size
752 bytes
Link
Thumb
Embed

Stats

Views
775
Favourites
11 (who?)
Comments
3
Installs
30
×
Multi Thumbstyles CSS Template by GillianIvy Multi Thumbstyles CSS Template by GillianIvy

Various Thumbs and Embedded Deviation CSS


This is an installable blank CSS template. As part of #projecteducate I'm holding a contest for using these to make thumb snippets for everyone to use. The main purpose of this is to standardize the embed code for Sta.sh embedded deviations/lits/videos. This can be used to learn how the code is structured. It does not have any other styling (except I made the small thumbs 75px, you can change this)

How to Use

Install the snippet. Edit the CSS, save as a new file and upload to DeviantART. (more precise instructions in the article)

Contest Article

PE: Thumbs Snippet Contest !Extension!Thumb Snippet Contest
This contest is for beginning coders and pro's alike.  I will provide your asset, an installable thumb snippet blank.  The code will have standard thumb/big thumb, small thumbs, cancel thumb, lit thumbs, embedded deviation, embedded lit, and embedded video.  You do not have to code all of them.
Add backgrounds, borders, curves, hovers, fancy, minimalistic...  Anything you'd like.  You must upload your snippet as an installable skin deviantART Related / deviantART Skins & Scripts / Journal & Gallery Skins / Installable Journal Skins  free f

contest has ended, note me for coordinating future CSS contests

If any changes are found or additional codes, I will add to the file.

HTML Codes for Testing [link]

PE: How to embed thingsWritten by `Infinite-Heart for #projecteducate's community week. 
You may have noticed GIFS and hot things in people's journals and profiles. 
With HTML and CSS, you can add some hotness to your journals and profile.
Pretty neat, yes? 
Embedding Images and GIFs
DeviantART Images
    Images on dA can easily be linked with thumbcodes. 
While on a deviation page, all you have to do is scroll down and look right until you see:

Copy and paste the thumb code. 
:thumb367944988:

And if you want it bigger: 
:bigthumb367944988:

And bam. There you are.
If that's not good enough, you can play around with the size like this.. .
<da:deviation width="Number"  id="deviationID">
It's the thumbcode number without thumb in it... 
Trying it out... 
<d


Donate Prizes

Click Premium purchase to get the non-parsed version of the code so you don't have to install it and can easily put in the code into your other skins. Donation is anonymous and just 10 :points:.
Thank you!

Please include the terms "Thumb, Snippet, Contest" or comment me with your entries.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconkjherstin:
Kjherstin Featured By Owner May 7, 2013
Awesome idea
Reply
:icongillianivy:
GillianIvy Featured By Owner May 7, 2013  Hobbyist General Artist
Will you be participating :D I'd love to see what you would create.
Reply
:iconkjherstin:
Kjherstin Featured By Owner May 7, 2013
I want to but my flu is not helping. I have no ideas that pop to mind
Reply
Add a Comment: