Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
December 14, 2013
File Size
7.1 KB
Link
Thumb
Embed

Stats

Views
383 (1 today)
Favourites
20 (who?)
Comments
13
Installs
49 (1 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
December 15 by Drake1 December 15 by Drake1
:iconfreeperm1::iconfreeperm2::iconfreeperm3::iconfreeperm4::iconfreeperm5::iconfreeperm6:

My contribution for the CSS Calendar Project! I hope you like it. :aww:

Live view here! :la:


About the top menu

To edit it, go to "Edit Skin", on the right part of the Sta.sh skin editor, and then, on the top part, you will have the code.

Where it says LINK 1/2/3, replace that with the url (for example: www.google.com).
Where it says ITEM 1/2/3, replace that with the title of the link (for example: "Google", "My Gallery" etc.)
HERE'S AN IMAGE IF YOU NEED HELP!


Do not delete anything else from there, just replace the two things I bolded above!




How to use headings:

Put any of the following codes:
<
h1>Text here</h1>
<
h2>Text here</h2>
<
h3>Text here</h3>
<
h4>Text here</h4>
<
h5>Text here</h5>
<
h6>Text here</h6>

Please be sure to add an extra linebreak after you use either an H2 heading or an H5 heading. :)


How to use blockquotes:

Put the following code:
<
blockquote>Text here</blockquote>

How to use lists:

Put the following code:
<
ul>
<
li>List Item</li>
<
li>List Item</li>
<
/ul>

Put as many list items you want. And to put an Ordered List, just replace "ul" with "ol"

Also, to add the different list bullets, just add a li2, li3, li4 or li5 class, like this:


<
li class="li2">List Item</li>

That item will appear with the second bullet shown. Change it to 3, 4 or 5 to see which bullet you like the most! :aww:


You can use two columns if you want,

just put the following code:
<
div class="halfCol">Text here</div><div class="halfCol">Text here</div>
<
div class="clear"></div>

To use three columns, put:

<
div class="thirdCol">Text here</div><div class="thirdCol">Text here</div><div class="thirdCol">Text here</div>
<
div class="clear"></div>

And to put four columns:

<
div class="fourthCol">Text here</div><div class="fourthCol">Text here</div><div class="fourthCol">Text here</div><div class="fourthCol">Text here</div>
<
div class="clear"></div>

Please: do not leave any space or linebreak between and

Also, do not remove the "clear" part.


To center something:

Put this code:
<
div class="center">Text, thumbnails, whatever you want here</div>

Other codes you can use:

To put links: <
a href="LINK HERE">Text or image</a>
To put an image: <
img src="IMAGE URL HERE" alt="" />
To put a separator: <
hr />

That's it! Please let me know if you have any problem using this skin, I will help you as much as I can! And again, I hope you like it! :aww:




Image used:
Field by ~Sugary-stock
Add a Comment:
 
:iconalmostaustralian:
AlmostAustralian Dec 19, 2013  Hobbyist Traditional Artist
I absolutely LOVE this skin but for some reason, I cannot figure out how to do these headers and links and such.  I put the codes in there... is there a special secret to getting them to work between here and there? This is my first time being premium so I'm not very skin savvy at the moment :/
Reply
:icondrake1:
Uhm... by any chance are you adding the codes by copypasting them? Some users here had problems using some features because they copied the codes I wrote there and pasted them directly on the journal, and the journal editor modified the codes and rendered them useless.
So if you write them you should be able to use them perfectly! :aww: (plus you learn some HTML if you don't know! lol)

If that doesn't work, please write a journal entry and post it so I can examine the code and try to determine what's going on. :D
Reply
:iconlifo-intoyou:
Lifo-intoyou Dec 15, 2013  Hobbyist Digital Artist
Everything is beautiful and super diciembre-feel. 

EXCEPT FOR THE LAST PARAGRAPH, OMG QUE SON TODAS ESAS PALABRAS, ¿ESTÁS INVOCANDO A SATÁN O ALGO? :iconkasjerkafaceplz: , DIOSSANTISIMOOGMOAGMDOMGFOHMJ.
Reply
:icondrake1:
Invocando a Satán xDDD Me descubriste (?) Es el Lorem Ipsum, el texto de relleno en... latín? Sí, creo que latín :meow:
Reply
:iconlifo-intoyou:
Lifo-intoyou Jan 2, 2014  Hobbyist Digital Artist
O SEA, significa "Texto de relleno" o me estás mintiendo para salirte con la tuya y provocar el apocalipsis? :U JI JI, it's osom *---*
Reply
:icondrake1:
No, no significa "texto de relleno". No sé qué es lo que dice ese texto, pero la gente lo usa siempre como texto de relleno para que las páginas (o en este caso los journals) no aparezcan tan vacíos. Fíjese aquí señor :D
Reply
:iconlifo-intoyou:
Lifo-intoyou Jan 17, 2014  Hobbyist Digital Artist
Más vale responder tarde que invocar a satanás. 
Si me fijé pero aún así siento que hay algo detrás de todo esto :(((( 
EN FIN :U
Reply
:iconkareynomer:
i love the colors<3
Reply
:icondrake1:
Thanks, glad you like it! :meow:
Reply
:iconmiontre:
miontre Dec 15, 2013  Hobbyist Photographer
Love it :)
Reply
Add a Comment: