deviant art

Deviant Login
Buy ArtBuy T-Shirts & Gear Buy adCast Buy Premium Membership
Shop		  Join deviantART for FREE Take the Tour
[x]
Browse More Like This
Shop Similar Prints
This Print Not Available Download File
ZIP, 36.9 KB more ▶

More from =firstfear

Featured in Groups:

:icondeviantcss: #deviantCSS
deviantART XHTML & CSS Ref :iconcustomizeyourprofile: #CustomizeYourProfile
Get Customized! :icondivine-divas-links: #Divine-Divas-Links
Watch Us Grow!

Details

October 22, 2011
36.9 KB
Link
Thumb

Statistics

Comments: 69
Favourites: 368 [who?]


Views: 4,240 (0 today)
Downloads: 545 (0 today)
[x]
:iconfirstfear:
Personal Use: Free! Use this code in any way you'd like.

Commercial Use: Please send me a note to discuss.

:iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

note 1: Do not remove or add any spaces from the HTML provided in this template. Doing so may require playing around with positioning numbers within the CSS afterwards.

note 2: Anything between brackets /* like this */ within the CSS coding provided, MUST be removed before saving it to Deviantart. DA does not allow CSS commenting and you will receive an error if you do not remove it first.

note 3: Do not remove the credit back to me. If you would like to do this please contact me in regards to commercial use.

note 4: The code I'm using for rounded corners in this Template does not work in IE. It should work fine in FF and Chrome, but I'm not sure about other browsers.

:iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

Preliminary Instructions

This template requires the use of 3 images for the sidebar to work properly.

Below are the images I've used. Feel free to use them as starting points (for size, etc) for your own images when you create your skin.

The top of the Sidebar


The Sidebar Tile


The Bottom of the Sidebar



:iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

Instructions

Step 1: Click 'Download File' along the top right of this page.

Step 2: Create a new Journal Entry and click on 'Edit Skin' in the top left hand corner.

Step 3: Unzip the folder you've downloaded and open the file labelled CSS.

Step 4: Copy and paste the text within this file over to the CSS section on your Journal Skin page.

Step 5: Edit colours and/or positioning to your liking. Add Background images, etc. Don't forget to remove to commenting!

Add your Sidebar Tile image URL to the gr-body class.

Step 6: Open the Header file from the folder you downloaded.

Step 7: Copy and paste the text within this file over to the Header section on your Journal Skin page.

Step 8: Paste your Header and Link Button Images in to their respective spots as well as your Link URLs.

Add your Sidebar Top and Bottom image URLs to their respective divs.

Step 9: Open the Footer file from the folder you downloaded.

Step 10: Copy and paste the text within this file over to the Footer section on your Journal Skin page.

Step 11: Paste the url of your Extra Box title Image in to it's respective spot. You can also simply type the title of your Extra box instead of using an image.

You also have the option of pasting the Extra box code multiple times and making

Step 12: Preview your changes and then Save.

You're Done!

:iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

Have any questions? Let me know!

Live Preview!:
Journal Skin Template 2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lorem nunc, molestie vitae pellentesque ut, elementum eget sapien. Nam consequat vehicula massa, sed aliquam turpis varius ac. Aliquam velit urna, pulvinar ut dignissim vitae, auctor et turpis. Aenean dictum, turpis eget mattis congue, eros arcu feugiat ipsum, quis bibendum enim erat sodales arcu. Morbi malesuada bibendum suscipit. Proin fringilla, neque vel elementum semper, mi nisi malesuada mi, ac varius mauris erat ut urna. Integer hendrerit faucibus elit ut congue. Quisque id risus nibh, eget pulvinar arcu. Vestibulum elementum, erat dignissim consectetur dignissim, lectus er


:iconleftlacedivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconpinkbowdivplz::iconrightlacedivplz:

Template 1
Add a Comment:
 
Preview   Add Comment
love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 3 3 fear 0 0 neutral 0 0
:iconquirkylynx:
*QuirkyLynx Feb 3, 2013  Hobbyist General Artist
; o ; //grovels at your feet

this is absolutely lovely, it's surprisingly hard to find good journal templates and or guides here on dA waah
Reply
:iconfirstfear:
=firstfear Feb 9, 2013  Professional Digital Artist
haha aww thank you! ^^ I'm glad it can be of use :D <3
Reply
:iconfurryfluke:
Mood: Defeated ~furryfluke Jan 3, 2013  Student Traditional Artist
Heya I've tried to use your template but I can't seem to find out What to do with it :/ if you could please help me out or do it for me I would be very grateful
Reply
:iconfirstfear:
=firstfear Jan 3, 2013  Professional Digital Artist
Hi there :)
You will need to ask me specific questions on how to do or fix something. I won't just do it for you, but I'm always willing to help with information when I can :)

what have you tried to do that is not working?
Reply
:iconfurryfluke:
~furryfluke Jan 3, 2013  Student Traditional Artist
Well I know how to make it installable but I dont know how to add the text boxes :S
heres what I've done so far but the rest I dont know >.<
[link]
Reply
:iconfirstfear:
=firstfear Jan 3, 2013  Professional Digital Artist
I'm really still not sure what you're asking me ^^;. What 'text boxes' are you referring to? Also what you've linked me to is..just an image? It doesnt seem to have anything to do with my template :x. I do see that it's 'installable', but once installed...theres absolutely no coding. So it's literally just the default DA journal skin.

Are you asking what boxes on the edit skin page to put what coding? Each box is labelled. Header, CSS, and Footer. The template code should also be labelled as Header, CSS, and Footer. :)
Reply
:iconfurryfluke:
~furryfluke Jan 4, 2013  Student Traditional Artist
I think im just confused on the coding as its a nice skin but i just havent got the right coding I think
Reply
:iconfirstfear:
=firstfear Jan 4, 2013  Professional Digital Artist
you're still not being very clear -at all- on what you need help with ^^;. You're being extremely general. I'd like to help you learn, but I have no idea where to start.

I just explained to you where each chunk of coding goes from my Template. Did you understand what I said? Have you tried it out to at least get the template in place? After it's actually installed I can help you step by step to find the chunks of coding needed to be edited by you, but only if you tell me what you're trying to achieve :)
Reply
:iconfurryfluke:
Mood: Regretful ~furryfluke Jan 6, 2013  Student Traditional Artist
Oh sorry >.<
I followed the steps and when it got to the coding I didn't know what to do or what to put
hope this is a good answer
Reply
:iconfirstfear:
=firstfear Jan 6, 2013  Professional Digital Artist
what coding? Again still you're being very vague x_x.

I'm going to have to ask you a bunch of questions to ascertain what exactly you have and have not done. I will go through only a few steps at a time to find whee your confusion begins.


Step 1: Did you Download the zip folder?

Step 2: Can you access the 'Edit Skin' page from your journal?

Step 3: Were you able to open the zip and were there text files inside?

Step 4: Can you open the template2CSS.txt file? Copy the code found in this file and paste it in to the 'CSS' box on the 'Edit Skin' page.

SAVE THE SKIN, and then tell me you've done these steps :)
Reply
(1 Reply)
Add a Comment:
 
Preview   Add Comment
©2013 deviantART. All rights reserved
About Us | Contact Us | Developers | Careers | Site Tour | Help & FAQ Advertise | Premium Membership Etiquette | Privacy Policy | Terms of Service | Copyright Policy