Shop Mobile More Submit  Join Login
×




Details

Submitted on
April 28, 2012
File Size
6.3 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
12,987
Favourites
612 (who?)
Comments
108
Installs
970

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Candy by Drake1 Candy by Drake1

Thank you a lot for the DD, I can't believe it :la::la: Oh I'm so happy :'D


:iconfreeperm1::iconfreeperm2::iconfreeperm3::iconfreeperm4::iconfreeperm5::iconfreeperm6:

I know, I know: the name's pathetic, but that was the first thing I thought when I saw the color scheme... :XD:
Okay, so. Helloooooooooo~~~~ :iconashiamplz: I've been soooo inactive, I'm sorry! But I just got inspired to make this skin you are seeing, and... That is all, I hope you like it, and let me know if you have any troubles sing it! :D
Live view! :la:

How to put that top menu:

Install this skin and copy this code:
<div class="menu">
<ul>
<li><a href="LINK 1 HERE">Text 1</a></li>
<li><a href="LINK 2 HERE">Text 2</a></li>
</ul>
<div></div>
</div>

You can put as many List Items as you want, but do not put too much because it won't look good.
Okay, now you have copied the code, follow these instructions and, if you have problems just let me know and I'll help you! :D

How to use headings:

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

How to use blockquotes:

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

To put the right blockquote or the left blockquote, just add a right or left class, for example:
<blockquote class="right">Text here</blockquote>

And to add the author of the quote, just wrap it with a span tag, like this:
<blockquote class="right">Text here <span>Author of the quote</span></blockquote>

:D

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"

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 </div> and <div class="halfCol/thirdCol/fourthCol">
Also, do not remove the "clear" part.


To put that scrollable box:

Just insert this code:
<div class="scroll">Text, thumbnails, whatever you want here</div>

To center something:

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

To float something to the right/left:

Just insert this code:
<div class="right|left">Text, thumbnails, whatever you want here</div>

(Of course, just put "right" or "left", depending on what you want)
If you notice it doesn't look good, add this code right after you float something:
<div class="clear"></div>

Other codes you can use:

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



Uhm... I think that's all! Again, let me know if you have any question, please :)
Add a Comment:
 

Daily Deviation

Given 2012-05-05
According to the suggesters, Candy by *Drake1 is a very clean skin with many features, and beautiful design and colours.

deviantART Related / Skins & Scripts / Journal & Gallery Skins / Installable
(suggested by =TheSaltyMonster and *Minato-Kushina) ( Suggested by Minato-Kushina and Featured by namenotrequired )
:iconjkl-designs:
JKL-Designs Featured By Owner Oct 28, 2014  Student Artisan Crafter
Are the column codes still working? I've used them before without any trouble but now they don't seem to show properly. :?
Reply
:icondrake1:
Drake1 Featured By Owner Oct 29, 2014
Hmmm I think they are still working properly! Try writing the code manually just in case, becuse sometimes the journal editor messes up everything when pasting the code. :)
Reply
:iconjkl-designs:
JKL-Designs Featured By Owner Oct 30, 2014  Student Artisan Crafter
Yeah, it seems to work properly when typed in manually. ^^; Though for some reason there still seems to be a lot of bugs with it, must be on dA's behalf then :shrug: Thanks and sorry for bugging you over nothing! 
Reply
:icondrake1:
Drake1 Featured By Owner Oct 30, 2014
Don't worry, glad I could help. :)
Reply
:iconjkl-designs:
JKL-Designs Featured By Owner Oct 30, 2014  Student Artisan Crafter
I just went ahead with another skin in the end, there was just too much bugs for some reason, hope dA fixes the journal editing options with their next update. ^^;
Reply
:iconhorcrrux:
horcrrux Featured By Owner Apr 1, 2014  Student Digital Artist
what code do I have to remove to get normal thumbnails back? (without the border and low opacity)
Reply
:iconzashastorms:
Zashastorms Featured By Owner Mar 9, 2014  Hobbyist Digital Artist
I can't figure out how to do the four column coding...
Reply
:iconmmagoo:
Mmagoo Featured By Owner Sep 9, 2013  Hobbyist General Artist
I thought Id let you know that I am using your skin although I did change the top logo for my own personal feel.
you can find it used here fav.me/d6lpxue
Reply
:icondrake1:
Drake1 Featured By Owner Sep 9, 2013
Thanks for letting me know, but you don't have to! :) You're allowed to modify the skin as much as you want as long you don't redistribute it.
Reply
:iconnazgullow:
Nazgullow Featured By Owner Jul 19, 2013  Hobbyist Digital Artist
Thank you so much for this skin! It looks lovely, and your tips on coding is really really useful :)
Reply
Add a Comment: