Thumb Snippet Contest

Examples Codes

Basic properties

• border:#ffffff 1px solid;
• background:#ffffff url(img.jog);
• padding:4px 4px 4px 4px;
• margin:4px 4px 4px 4px;
• vertical-align:middle;

Adding a Hover

i.e.
.shadow-holder:hover{
border-color:#000000;
}

The goal of this contest is to make all the variations of codes pertaining to images, deviations and videos be standardized.  I will keep the blank snippet as a resource after the contest is finished and will update it as changes to deviantART's thumb codes are found.

Assets & Resources

CSS Snippet

Recommended Resources

I just found a commissioned tattoo design I made several years ago on a free tattoo wallpapers site  There seems to be a lot of deviantART artists' work on this site.  I did not give permission for my art to be shared there (especially not with their Terms of Use)

This is a test to see.....  Whatever I shall see.  What do we have here?  

This is a test.  redacted because I am a total noob

Yay, I  love the snow!  Built a snow man this morning, which was instantly kicked down by my six year old....  Oh well, I guess playing in the snow was mostly for him.  He didn't really 'help'.  Other than to smoosh its head and put on an arm (which he pulled back out) and he tried to make a face on it.  His Lego men do not fare any better.  He takes the hands off!  I didn't even know the hands came off.  He was mostly interested in throwing snowballs at me and the snow man.  We had a talk about if it were other kids and he destroyed their snow man they wouldn't be very happy.  Maybe next time we will make one with the intent of destroying it.  Or have him ask to destroy it.  Was kind of a fail looking snow man any ways.

Apparently, I never learned to make snow men properly.  I always just piled and packed.  But my bf says you're supposed to roll them.    Do you have a perfect, infallible method of building snow men?  I always loved Calvin & Hobbes.  Which inspired a creation when I was about 14.  I built a cannibal snow man who was eating the head of the snow man beside him.  I used red Kool-Aid to color the snow.  Wish I had a picture of that.  I need better gloves.  Mine are leather and knit, which the snow just sticks to, and my hands get wet.

I bet he'd like making snow forts.  Okay, the real reason for this babbling journal about snow is to change my front page skin....  

Yay!  My son got featured on Dungeon Defender's Weekly Digest!  ~silverbane and I made him this awesome Squire costume ;D

This holiday season has had its share of disappointments.  Hopefully, next year will be better.  Starting tomorrow!  Happy New Year's to all my dA friends.  This quickie skin was mean to have a transition top, but alas, that is not yet enabled.  Boo.  So, I animated the header instead.  Not the same effect, I am not skilled at animation.  I wanted a slide top to bottom on hover.  So not continuous.  Well, I just made this in order to coordinate with my redesigned front page.  Go look at it.  

So I see there is a commissions custom box now available.  I've added in a few of my packages.  My commissions info has been under construction for some time.  Well, you can all be rest assured, once transitions  is enabled, I'll be all over that.  Yes, everything will have a transition!  

I need a nice looking font before I just go leave this.  "Oxygen" will do.

Don't mind my slightly grumpy mood.  We had a good Christmas for the most part.  We saved up all our money to buy our son presents.  He had a great day.  The end wasn't so great, but our son had a blast.  So that's all that really mattered.

Journal Set for `ginkgografix's Annual CSS Calendar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis augue et augue congue malesuada vel nec nibh. Fusce eget urna felis, ac ornare metus. Aenean ullamcorper erat justo. Aenean felis libero, euismod nec semper tempus, imperdiet quis sapien. Aliquam vitae mauris lectus, at convallis sem. Pellentesque venenatis odio ut nunc interdum at commodo nisl convallis. Vivamus sit amet faucibus massa. Nunc vitae venenatis urna. In vehicula, augue bibendum laoreet commodo, felis arcu scelerisque dui, vel lobortis justo tortor id enim. [link]

Sed cursus arcu eu erat dictum in sagittis lacus consectetur.

Praesent a  risus et sapien lacinia lacinia a ornare libero. Sed dui nulla, rutrum at malesuada id, viverra sit amet metus. Maecenas sed arcu nec orci auctor tempus ut eget urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque nec lorem et urna venenatis facilisis. Pellentesque non felis ac nibh tempor aliquam.

---

---

Sed pretium dui vel magna venenatis consequat.

Suspendisse pretium, dui eget commodo aliquet, felis mi aliquet sem, a egestas dolor augue quis purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet ullamcorper orci. Integer pretium imperdiet faucibus. Phasellus eget ligula eget mi egestas vestibulum non nec ipsum. In tristique auctor augue. Nullam ornare, nisl id elementum consectetur, nulla nulla mollis quam, convallis bibendum elit mi ac metus. Duis ac accumsan urna.  Morbi lacinia euismod commodo. Vestibulum sagittis tempor neque non viverra. Mauris sed mi lacus, eu convallis dolor. Duis commodo nisi non elit posuere auctor. Praesent commodo ullamcorper ipsum, eu pellentesque  orci lacinia imperdiet. Maecenas neque turpis, venenatis eu sodales tincidunt, aliquam vitae ante.

---

Subheading 4

Etiam accumsan nunc vitae justo iaculis a volutpat mauris dignissim. Nunc blandit, orci vitae elementum suscipit, odio magna lacinia nunc, a pretium purus urna a velit. Mauris ut purus quis turpis laoreet malesuada id ultricies velit. Donec tempor gravida odio, ac rutrum magna  convallis a. Phasellus laoreet mattis vehicula. Praesent sit amet elit id mauris malesuada porttitor in eu risus. Curabitur ac velit purus, at elementum leo. Duis mi quam, hendrerit sed pharetra sollicitudin, volutpat sed felis. Nam metus velit, faucibus feugiat gravida et, eleifend et urna. Suspendisse sed est ipsum, in convallis eros. Mauris gravida adipiscing facilisis. Nulla sollicitudin massa eget urna blandit  eget pellentesque nunc accumsan.

Subheading 5

Nulla facilisi. Duis erat turpis, elementum eget consequat sed, sodales ac est. Integer fringilla dapibus lacus venenatis gravida. Praesent et pellentesque eros. Fusce facilisis, ipsum gravida faucibus auctor, orci ipsum pretium dui, eu laoreet tortor risus eu dolor. Aliquam erat volutpat. Mauris accumsan, magna eu congue adipiscing, lectus nibh congue lectus, quis posuere nisi enim sit amet neque. Etiam vehicula accumsan scelerisque.

Subheading 6

Donec quis cursus elit. Vivamus non nisi eget dolor faucibus tristique vitae vel lorem. Nullam id dui at lectus elementum scelerisque. Phasellus venenatis viverra diam vel lobortis. Donec quis lacinia ligula. Mauris tincidunt malesuada dapibus.
Bold, Strong, Italics, Emphasis, Underline, Strikethrough, Insert, Acronym, Abbreviation, Code, Teletype, ^SuperScript, _SubScript and Small.

Unordered List

• One
• Two
• Three
  • child
  • child

Ordered List

1. One
2. Two
3. Three
   • child
   • child

Nativity 2: Danger in the Manger

^{Starring David Tennant}

So here is this thing, it was in `ginkgografix's journal, so I participated..  And if you comment then by default, you must participate as well.  Keep in mind that $namenotrequired is having a comment contest, so commenting is in your best interest.  Go there, then come back here and comment, then I'll reply to your comment and so forth.

 

Comment on this journal and I'll...

</li>

1. Tell you something I learned about by looking at your dA page for 13 seconds


2. Tell you a color you remind me of


3. Tell you my first memory of you


4. Ask you a question


5. Tell you something I like about you


6. Give you a nickname


7. Tell you the object that is to the left of me


8. Dare you to do this yourself in your journal

What's going on?

  I haven't been uber active lately as far as doing actual stuff.  Been very preoccupied with my son's bad behavior trying to adjust to school.  Put it this way, he is in Kindergarten and has been suspended 4 times.  It has been ongoing for over a month of good and bad days.  We are taking it one day at a time.  I never knew Kindergarten would be so hard....

Halloween Time!

  I love Halloween, favorite holiday.  I would so celebrate this every day.  We're working on a costume for our son to be The Squire from the game Dungeon Defenders by Trendy Entertainment.  It is pretty awesome.  We're making it out of paper mache and spray paint.

---

for my images

Particularly my fan art works.  I found "The Doctor's Daughter" on a Doctor Who site with credit, however no link back, and they made it into a jigsaw puzzle.  Not certain how I feel about that, however, I contacted the blog owner and await their response.

Then I found my League of Legends fan art "Revelry & Tea" on a Chinese website called 52pk.com, without any credit AND they watermarked my image with their logo.  Not happy about that at all.  I have contacted them as well, using Google Translate to type up my response...  [link]



A site that was an offshoot from them (I will not link as it had some vulgar ads and pop ups) had a tonne of LoL art with 52pk's logo stamped on it.  Many I recognize from the contest.  And even some with dA watermarks across them.

I hope to get a response.  One that I like...  I do not know how to go about persuing them in China.  If anyone of my watchers are from China and may give me a better idea how to get them to remove or properly accredit me, please send me a note.

So, lightning struck and took out my modem, my cable, the Wii and two phones.    The cable and internet just got fixed.  So if anyone was wondering why I hadn't replied constantly like I usually do, that would be why.  The video transmission on the Wii is completely shot though.  On the off chance it is just the cord, my bf's cousin will lend us their old cord to test it.

Hooray for internets again!

I did get a lot of reading done.  I'm enraptured in the third book of Game of Thrones.  Wow, so many divergences the show has taken.  The first season seemed fairly true to the book.  But the second has so many glaring variants.
Also, fried pickles.  My new favorite thing.  We've been growing a tonne of cucumbers in the garden, so instead of letting them ruin them by making nothing but bread & butter pickles (ewwww), I got the mix to make dill.  Death ^{from Supernatural} knows how to live!  Do this, get pickles, dip them in batter, like pancake mix, whatever.  Fry them!  Effing yum!  I never would have thought of such a thing, nor heard of it before seeing Supernatural.  Then saw it on a menu at a local Mom & Pop type of place.  Ordered it.  Was the crappy cheap-o pickles, but was still so good.  Homemade was the ultra awesome.  And it is cheaper than buying pickles.  The mix is $5-$6 for enough to make 10-14 jars of pickles.  I think I've made nine so far.  Not sure, I eat them so fast.

I think the issue with this hr thing is that I have the text set to a min-width due to the images on the side looking silly if you have too little content....  Duly noted.

---

Why is my hr all the ways down here?  Will fix later

---

New journal Design for FREE!!!

It has been decidedly too long since my last free skin.  And what better to offer my watchers than a fresh design featuring the new CSS :before and :after?  As you can tell, I am having a bit of fun with this.  There are two inspirations, the first the #eCSSited contest, Pure and White.  This doesn't quite go within the rules (only one color).  And since I never do anything so bright, figured I'd have a bit of a go at it.  Next, it was mentioned to me that when you enter in CSS to the "Edit Skin" it overwrites the new non-premium default skin to look like the old green type.  Soooo, that was what this began as   This was going to be a mimic of the dA default with a bit of colorful subheadings and links, but everything else the same.  As you can see, it didn't end up that way.  I first added the blue bg, and it just cried out for more color.  Then I remembered, I can put before and after all over the place, enabling me to have 3 images on each element....  Thank you `CypherVisor for reading the entire Site Update, because I skimmed over it.  I have been Waiting for this feature!  So, I have added some scribbles to make this extra spiffy.

The author tag is actually in the Header and would need to be edited for the "moments ago", it hovers to the time I started work on this.  _{(7 hours ago)}  And this is not done.  I haven't touched the thumbs yet....  I have been to busy playing with extra things.   I will work on this more another time.    [link]

Sed cursus arcu eu erat dictum in sagittis lacus consectetur.

Praesent a  risus et sapien lacinia lacinia a ornare libero. Sed dui nulla, rutrum at malesuada id, viverra sit amet metus. Maecenas sed arcu nec orci auctor tempus ut eget urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque nec lorem et urna venenatis facilisis. Pellentesque non felis ac nibh tempor aliquam.

Sed pretium dui vel magna venenatis consequat.

Suspendisse pretium, dui eget commodo aliquet, felis mi aliquet sem, a egestas dolor augue quis purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet ullamcorper orci. Integer pretium imperdiet faucibus. Phasellus eget ligula eget mi egestas vestibulum non nec ipsum. In tristique auctor augue. Nullam ornare, nisl id elementum consectetur, nulla nulla mollis quam, convallis bibendum elit mi ac metus. Duis ac accumsan urna.  Morbi lacinia euismod commodo. Vestibulum sagittis tempor neque non viverra. Mauris sed mi lacus, eu convallis dolor. Duis commodo nisi non elit posuere auctor. Praesent commodo ullamcorper ipsum, eu pellentesque  orci lacinia imperdiet. Maecenas neque turpis, venenatis eu sodales tincidunt, aliquam vitae ante.

---

Subheading 4

Etiam accumsan nunc vitae justo iaculis a volutpat mauris dignissim. Nunc blandit, orci vitae elementum suscipit, odio magna lacinia nunc, a pretium purus urna a velit. Mauris ut purus quis turpis laoreet malesuada id ultricies velit. Donec tempor gravida odio, ac rutrum magna  convallis a. Phasellus laoreet mattis vehicula. Praesent sit amet elit id mauris malesuada porttitor in eu risus. Curabitur ac velit purus, at elementum leo. Duis mi quam, hendrerit sed pharetra sollicitudin, volutpat sed felis. Nam metus velit, faucibus feugiat gravida et, eleifend et urna. Suspendisse sed est ipsum, in convallis eros. Mauris gravida adipiscing facilisis. Nulla sollicitudin massa eget urna blandit  eget pellentesque nunc accumsan.

Subheading 5

Nulla facilisi. Duis erat turpis, elementum eget consequat sed, sodales ac est. Integer fringilla dapibus lacus venenatis gravida. Praesent et pellentesque eros. Fusce facilisis, ipsum gravida faucibus auctor, orci ipsum pretium dui, eu laoreet tortor risus eu dolor. Aliquam erat volutpat. Mauris accumsan, magna eu congue adipiscing, lectus nibh congue lectus, quis posuere nisi enim sit amet neque. Etiam vehicula accumsan scelerisque.

Subheading 6

Donec quis cursus elit. Vivamus non nisi eget dolor faucibus tristique vitae vel lorem. Nullam id dui at lectus elementum scelerisque. Phasellus venenatis viverra diam vel lobortis. Donec quis lacinia ligula. Mauris tincidunt malesuada dapibus.

Bold, Strong, Italics, Emphasis, Underline, Strikethrough, Insert, Acronym, Abbreviation, Code, Teletype, ^SuperScript, _SubScript and Small.

Unordered List

• One
• Two
• Three

Ordered List

1. One
2. Two
3. Three

Donec quis cursus elit. Vivamus non nisi eget dolor faucibus tristique vitae vel lorem. Nullam id dui at lectus elementum scelerisque. Phasellus venenatis viverra diam vel lobortis. Donec quis lacinia ligula. Mauris tincidunt malesuada dapibus.

Bold, Strong, Italics, Emphasis, Underline, Strikethrough, Insert, Acronym, Abbreviation, Code, Teletype, ^SuperScript, _SubScript and Small.

Gillian has a lot to say  I have some opinions on the Premium Content Platform, and had a bit of my say on this poll: As a member of the deviantART Related community, how will you be using the new Premium Content Platform? .  I would be interested to find out other views on this.  

Basically, here is an outline on my plan for this.

  

Price range 80 - 400 ($1 - $5).  The reason for the extremely low cost is that after a few resells, the product will have paid for its costs and from then on, any sale would be profit.  I have a firm belief that digital media, which has no deterioation of quality and has no additional costs for remaking, should be of a neglible amount.  There will still be great value to my commission journal skins which will not be resold and several hours is spent on the creation of each.  I will still be putting a lot of time and effort into the quality of my free, commission and Premium contents allike.

There are quite a few items I have not re-listed in my Etsy store for their poor selling.  All digital products which do not have a strong market on Etsy, though the fees are fair.  Most of these have never been shown in my dA gallery, and many may not even know I create these.  I can accept the 20% fee that dA will take, as there is stronger chance I will be able to sell my products.  Previously, re-listing again and again without any sales was doing nothing but costing me money.  Here, there is no listing fee and no harm would come from my items sitting on the shelf.

I keep thinking of ways for dA to expound upon this feature to make it more convenient for things such as collaborative projects and store fronts.  I want to hear more ideas that deviantART can do to make this better.  I want single purchase options where I can sell to one single buyer for more exclusive design purchase (this item would cost more than the resale premiums).  Perhaps a way to do commission via Sta.sh only, where the purchase option can later be removed.

Please read more of my opinions already posted on the poll: [link]

</p>

I am overly excited to have been given the wonderful honor of being ticked off yesterday and joined the ranks of DA's Seniors.  Wow, beyond anything I ever thought.  I have been on DA since 2003, on my old account. which was badly named and attached to an old life I'd rather not have any attachment to.  I never imagined I'd have any type of achievements on DeviantART.  (besides meeting my love of my life )

I've seen DeviantART evolve a lot, and the community has grown tighter to me, even as the site has gotten bigger.  I've come to have many wonderful friends on DA, and was happy to see a few of them Seniored (I want to say knighted) along with me.  Grats to ^neurotype, `JamminJo, `JoseFelipeM, `SparklyDest, and `miontre.  There may be others I've known, but since names have changed....  But congratulations to everyone!

Thank you ^ladygagz and `Kjherstin for nominating me! ^{and any secret nominators!}

And thank you to everyone who sent me congrats messages.  This has been an amazing week.  I got a DD for a gallery commission for #QaF-LibertyAve, "Bokeh Babylon".

---

---

Then, I placed in the contest I was running in.  My artwork "Das Faerie Gotik" will be printed in the iprintfromhome.com 2012 Calibration Sample Kit, as well as displayed in their showroom.  Sara Campos will be holding a reception event in Tonawanda, New York.  If anyone is in the area might be interested in going, I'd be glad to pass on the details, also, I would be grateful of pictures of the event.

Waking up to finding out I have been granted Seniority was the icing on the cake.  I really teared up to know that all the efforts and hard work I've put into my community interactions have not gone unnoticed.  I love DA.  And I love the friends I have made here.  I cannot describe how overjoyed I am.  ^neurotype said it best with

Now, for some fine 'staches!

---

---

---

---

---

---

---

---

---

---

Tomorrow the contest closes, get your entries in for voting!!!

Especially designers!!!

^{UPDATE: Calling For Designers!!!}So far, we have a nice selection of coded journal skins added to the contest.  We need more designed skins, as we only have a few designs.  This contest is open for everybody, so even if you can't do CSS, you can still create a journal design.

^{New Contest!}I will be the judge in this new contest that #eCSSited is hosting.  Please share the contest details with your watchers and fave her journal.

Entries are open to all deviants and is for two categories, Design and Coded Skins.  I won't be particpating with this one, as I am currently rather busy on the CSS end of things.  So, instead I will be judging, alongside `ginkgografix ^ladygagz, ~Snowshi and `CypherVisor.

CSS Contest :: Pure + White

CSS Contest: Pure & White - EndedWhile people love to work on skins that burst with colors, it is now time to take a step back and try something new.
Not everybody feels comfortable using white, but this time it will be your challenge! Do you feel ready for it?
For this contest you have to create a new design or skin that uses white as the dominant 'color'. You are allowed to use only one additional color, but can use any shade of grey. There should be no black added to your entry either!
Only exception to this would be very small buttons and 1 smaller photo to enhance your entry.
Create something clean, fresh and pure that will enhance your own experience or those of random guests and visitors.
If you are not a coder feel free to create a design, if you know your business go ahead and create a complete skin. Choose on your own if it will be for a journal or a gallery.
Inspiration:
Those examples do not match the description above 100%, but they should give you an idea of the contest theme and point in t CSS Contest: Pure & White - EndedWhile people love to work on skins that burst with colors, it is now time to take a step back and try something new.
Not everybody feels comfortable using white, but this time it will be your challenge! Do you feel ready for it?
For this contest you have to create a new design or skin that uses white as the dominant 'color'. You are allowed to use only one additional color, but can use any shade of grey. There should be no black added to your entry either!
Only exception to this would be very small buttons and 1 smaller photo to enhance your entry.
Create something clean, fresh and pure that will enhance your own experience or those of random guests and visitors.
If you are not a coder feel free to create a design, if you know your business go ahead and create a complete skin. Choose on your own if it will be for a journal or a gallery.
Inspiration:
Those examples do not match the description above 100%, but they should give you an idea of the contest theme and point in t CSS Contest: Pure & White - EndedWhile people love to work on skins that burst with colors, it is now time to take a step back and try something new.
Not everybody feels comfortable using white, but this time it will be your challenge! Do you feel ready for it?
For this contest you have to create a new design or skin that uses white as the dominant 'color'. You are allowed to use only one additional color, but can use any shade of grey. There should be no black added to your entry either!
Only exception to this would be very small buttons and 1 smaller photo to enhance your entry.
Create something clean, fresh and pure that will enhance your own experience or those of random guests and visitors.
If you are not a coder feel free to create a design, if you know your business go ahead and create a complete skin. Choose on your own if it will be for a journal or a gallery.
Inspiration:
Those examples do not match the description above 100%, but they should give you an idea of the contest theme and point in t

Deadline is 15th July 2012 (CEST /GMT +2)