Shop More Submit  Join Login
×




Details

Submitted on
January 11
File Size
1.3 KB
Link
Thumb
Embed

Stats

Views
1,205
Favourites
54 (who?)
Comments
16
Installs
78
×
Embedded Hover CSS Snippet by SimplySilent Embedded Hover CSS Snippet by SimplySilent
:points: Commission Me | Journal Skins | Gallery Skins | Create your own Journal Skins!

Stamp: Yes if Fav and Credit by SimplySilent Live Version


CSS Snippet created for TheGalleryOfEve, who wanted to know how to create thumbs similar to those used in features at devPREMIUM. I tried to make the format as simple as possible to use, but there's still a lot of HTML code that needs to be copy and pasted for each thumb.

Features

  • Uses embedded thumbs instead of :bigthumb: codes (see that version here)
  • Embedded Thumbs can expand or shrink well. To customize the max-width, edit the second line of the CSS: .feature{max-width:400px;}
  • Easy customization for the font and color of the Title and Artist section


How To Use

  1. Install this skin by clicking the "Install" button on the right hand side of this page.
  2. From Sta.sh, click the blue "Edit Skin" link and open up the CSS code.
  3. Copy everything in the main "Skin CSS" section.
  4. Paste this code at the bottom of the CSS of a Journal Skin and Save.
  5. Use the example HTML given in the "Header CSS" section of this skin to format the HTML for your feature.


More Code Snippets


Big Thumb Hover CSS Snippet by SimplySilent Simple and Clean Thumbs Snippet by SimplySilent Mini Thumb Gallery Code Snippet by SimplySilent 
Add a Comment:
 
:iconkeiichou:
Keiichou Featured By Owner Aug 21, 2014  Student Filmographer
Can you get the caption to do a slow fade-in somehow?
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Edited Aug 20, 2014  Hobbyist General Artist
update, i just figured it out, sorry for asking... :ashamed:
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Aug 20, 2014
Awesome. :D
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Aug 20, 2014  Hobbyist General Artist
is it possible to have a hover text that says something else aside from the deviation title and artist? 

what i have in mind:

a commission advertisement placed in a journal where a sample of an art style (for example: chibis) would be displayed, and then on hover, it says: chibis, 50 points, click here to learn more.

something like that, hehe. :D
Reply
:icontana-jo:
TaNa-Jo Featured By Owner Jun 6, 2014  Hobbyist General Artist
this is a custom box would be cool *_*
Reply
:iconcality:
cality Featured By Owner Feb 2, 2014  Hobbyist Writer
What a great idea! :D
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Feb 2, 2014
:la:
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Jan 22, 2014  Hobbyist General Artist
i like the way that this looks! i would just like to ask for permission if i can use the code and modify it for this journal:

Save Points on Commissions and Adopts Now!Commissions for as low as 25 points! Check here for available offers now!


what i have in mind is that i will be experimenting with the hover code so that i can add descriptions to the adverts on that journal. i might be using your code to darken the image (like in your example), then add custom text elaborating about the offer. would that be ok with you? i can also add credit, of course. :D
Reply
:iconsimplysilent:
SimplySilent Featured By Owner Jan 22, 2014
Of course! Feel free to use the code however you wish, as long as you credit me somewhere. :la:
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Jan 22, 2014  Hobbyist General Artist
ok, thanks a lot!
Reply
Add a Comment: