December 15

10 min read

Deviation Actions

Drake1's avatar
By
Published:
6.1K Views


Hey! So this is my contribution for the CSS Calendar Project organized by GinkgoWerkstatt. You can get the skin here!
Thanks ~ :wave:



Heading #1


Did you see the little asterisk below the title? :D
This is some text to see what looks better: Georgia or Times New Roman. I think I'll choose Georgia because I don't really like using too many fonts. I'd be using three: Alice, Georgia and Times. Enough.

This is an outside link. This text is bolded. This text is in italics. Now some usernames to see how they look like: Drake1, GinkgoWerkstatt



Heading #2 - Link to Google



This heading uses a different code and you need to add an extra linebreak. Otherwise, the text will appear too close to the heading and it won't look good. So now you know. A little more filler text and next I'm gonna write a blockquote. As I'm writing this, I don't know how I'm gonna style it. I think I'll do that when I have to code the CSS. I also think my English suck but idk. Anyway, here's the blockquote.

Lalalala~ Blockquote. Text inside the blockquote. Link. Yay~




Heading #3 - Link to my profile


There are many types of headings, as you can see. Maybe I'll create four. Maybe six, one for each heading element. I don't know. Right now, there are three of them. I created them with different alignments because maybe somebody wants to combine them with columns and that would create a nice effect.
Now, here are the lists. There are different list bullets you can use.

  • List Item 1 (default bullet)
  • List Item 2
    • List Item 2.1
    • List Item 2.2
  • List Item 3
  • List Item 4
  • List Item 5
  1. List Item 1
  2. List Item 2
    1. List Item 2.1
    2. List Item 2.2
  3. List Item 3
  4. List Item 4
  5. List Item 5





Heading #4


I decided to create this heading. It's like a variation of the 1st one but without that long line.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, tortor eu egestas accumsan, odio nunc mollis arcu, ut dictum eros justo ut est. Pellentesque sit amet orci adipiscing, tristique lorem at, imperdiet lacus. Ut aliquam dolor erat, eu blandit tortor elementum ac.



Heading #5. Also, thumbnails


The second heading without the underline. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, tortor eu egestas accumsan, odio nunc mollis arcu, ut dictum eros justo ut est. Pellentesque sit amet orci adipiscing, tristique lorem at, imperdiet lacus. Ut aliquam dolor erat, eu blandit tortor elementum ac.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, tortor eu egestas accumsan, odio nunc mollis arcu, ut dictum eros justo ut est. Pellentesque sit amet orci adipiscing, tristique lorem at, imperdiet lacus. Ut aliquam dolor erat, eu blandit tortor elementum ac.




Heading #6

The last heading and more text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, tortor eu egestas accumsan, odio nunc mollis arcu, ut dictum eros justo ut est. Pellentesque sit amet orci adipiscing, tristique lorem at, imperdiet lacus. Ut aliquam dolor erat, eu blandit tortor elementum ac.
Here are some icons just to see how they look like.

:icondrake1: :iconginkgowerkstatt: :iconidontknow: :icongillianivyart: :icondashen15:

© 2013 - 2024 Drake1
Comments2
Join the community to add your comment. Already a deviant? Log In
gillianivyart's avatar
Thanks for thinking of me for the mention ;D  Good to show how the avatars will show up.  I forget that in my previews sometimes.