Selene-Blackthorn on DeviantArthttps://www.deviantart.com/selene-blackthorn/art/Goodbye-190511971Selene-Blackthorn

Deviation Actions

Selene-Blackthorn's avatar

'...Goodbye.'

Published:
1.1K Views

Description

The illustration was also drawn by me.

Similar Skins:

Enchanted Winter | Crystal Snow | Twilight Spell | Midnight Glow | Emerald Fantasy | Golden Blaze



RULES:

:bulletgreen: FREE TO USE! :D you don't even nee to ask ;p
:bulletgreen: DO NOT remove my credit from the journal!
:bulletgreen: DO NOT upload it as your own skin!

:bulletgreen: If you want to, you can use my [really inefficient] CSS code as a template for your own skin. You CANNOT use my images for any purpose, if you want images, I have a stock account [~Crystal-Snowflakes].

IF YOU USE MY CODE AS A TEMPLATE:

:bulletgreen: You MUST replace ALL the images with your OWN images, and credit me for the template code!
:bulletgreen: Drop me a link to it~ ^^


how to use this?

I've made a journal to answer that one, hahaha :lol:... if you aren't satisfied with the preview, here it is, LIVE! - [link] :aww:


:bulletgreen::bulletgreen:IMPORTANT!!! :bulletgreen::bulletgreen:

I don't know how to make the text not flow to the left after the sidebar ends. In the preview, I set a certain amount of spacing below, but that number does not work in each post and depends on the post's length. that's why that space occurred there in the first version.

I made the spacing default 300, but if you make a long post and you don't like how your text and boxes flow to the left, you can change it manually.

:pointr: How do I change it?

When you edit your post and have this skin installed, go to the "options" tab. There, you need to search the "Skin CSS" area for the following text: [make sure it's .left and not .hleft!]

.left{
float:left;
background-repeat:repeat-y;
width:155px;
margin-top:-8px;
margin-right:0px;
padding: 0px 0px 300px 10px;
font-size:12px;
font-family:"Times New Roman";}


Change the number 300 to the approximate length of the text below the sidebar in pixels. you can just play with the number and hit "preview" until you see the post looks right, and the comments are right below it and not spaced down.

I apologize again for the inconvenience and my n00bness in CSS scripting :iconsorryplz:


It's my first time with CSS, so it may not be very efficient and a bit long, but... it works :D if you have any questions or even suggestions, just drop a comment, I wish to improve my skills further so I would love some critique ;p

I drew the illustration for the header :aww: [link]

The photo used for background in this was also taken by me. Original photo: [link]


INFO:

© Selene-Blackthorn/Crystal-Snowflakes 2010~NOW

Tools Used: Photoshop CS3


Gallery Folder : 2010 [20 y.o] ~ Skins [link]
© 2010 - 2024 Selene-Blackthorn
Comments0
Join the community to add your comment. Already a deviant? Log In