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, 29.4 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
29.4 KB
Link
Thumb

Statistics

Comments: 100
Favourites: 435 [who?]


Views: 4,564 (4 today)
Downloads: 669 (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:

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 the commenting!

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.

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 1Lorem 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 2
Add a Comment:
 
Preview   Add Comment
love 5 5 joy 2 2 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconguardiansagittarius:
=GuardianSagittarius May 15, 2013  Hobbyist General Artist
I've used it here: [link]

I took some parts out since I wanted a really basic/simple journal with no extra buttons/boxes/headers...I hope it's okay for me to do that?
Reply
:iconshihuya:
*shihuya Mar 17, 2013  Hobbyist General Artist
awsome! thank you! ^-^
Reply
:iconfirstfear:
=firstfear Mar 18, 2013  Professional Digital Artist
no problem! ^^
Reply
:iconsenimthefly:
=SenimTheFly Mar 17, 2013  Hobbyist General Artist
If you want a background image with perhaps stars, hearts and so on where do you put it and how big does it have to be? ;u;

This is just awesome btw, I tested this yesterday night at like 3am XD
Here [link]
My friend drew the header image which I used ;U;
Reply
:iconfirstfear:
=firstfear Mar 18, 2013  Professional Digital Artist
I see you've figured it out! :D sorry I couldnt reply sooner ^^. Do let me know if you run in to any other troubles though.

For future reference BG tiles can *usually* be any size you want. The exception is just for custom box backgrounds which cant actually use code to 'tile' an image over and over so its only there that you need one single giant image :).
Reply
:iconsenimthefly:
=SenimTheFly Mar 18, 2013  Hobbyist General Artist
Alright c: Thank you, Another question, I can't seem to do anything with the title box? It feels kind of out of there and I tried putting a background in it but it didn't really do anything.
Reply
:iconf-rosty:
=F-rosty Mar 5, 2013  Hobbyist Digital Artist
wow thank you so much for this! :love:
just uh can i ask one more question? ^^;
how do i upload skins to dA and make it able for people to instal it?
Reply
:iconfirstfear:
=firstfear Mar 18, 2013  Professional Digital Artist
no problem! sorry for the late reply x_x. Were you able to figure out how to upload skins for people to install?
Reply
:iconf-rosty:
=F-rosty Mar 19, 2013  Hobbyist Digital Artist
uhh no im very stupid ^^;
Reply
:iconcamasaurus:
*Camasaurus Feb 5, 2013  Hobbyist General Artist
If I wanted to use a scroll box, where would I put the code?
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