LIVE PREVIEW (no background): art vs artist box

CSS BASED WIDGET CODE DESIGN

Widget type: Featured deviation
Deviant type: Core member
Last update: 31 X 2016
Before purchase, please get to know with the On Premium Content and Refunds Q&A.

Following the trends I created this custom box!

This code divides your widget for two sections.
First section is the art display. the code allows to display thumbnails, forcing square view even if the deviation is not square, and shows the title of the artwork after hovering it. Thumbnails are clickable and leads to full deviations.
Second part is a smaller text box for your text content, such as a short info about the artist or other important information. Below it there is a place for two buttons, respectively 'Commission info' and 'FAQ' whoever you can change the button names to include your own, special buttons. It's possible to add more buttons if needed.

The code works with ALL TYPES OF DEVIATIONS - it's best for square and vertical oriented ones, however it works really well with horizontally oriented ones with small height to width ratio. It works great with literature thumbnails.

A really nice way to show off your thumbnails when you love tiny profiles at the same time!

Premium content pack contains:

Text files codes:
- CSS base codes (the layout)
- Journal base code (the content)
- Widget base code (the background)
Step by step tutorial on how to install it - click HERE to see the preview!
READ-ME.txt file with additional info about how to customize the content

Background is not included. Artworks from the thumbnails from the preview are mine except the literature in live preview which belongs to Amarantheans .

---

RULES
1. No distribution is allowed! Only for personal use.
2. You can change the code anyhow you want, but no further selling is allowed.
3. You cannot use this premium content as journal skin for your journal, or as a base to create a journal skin.
4. Please give a PROPER CREDIT as described in my Terms of Service
5. If you have any questions or problems with installing or editing it, note me for help

---

Other similar resources:
 

Do not hesitate to note me if something doesn't work right! I'll try to fix the code ASAP!