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 has ended, note me for coordinating future CSS contests
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
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
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.
And if you want it bigger:
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...
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 .
Please include the terms "Thumb, Snippet, Contest
" or comment me with your entries.