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 AvailableDownload Image
JPG, 692×7297 more ▶

More from =fantasy-alive

Featured in Groups:

:icondeviantcss: #deviantCSS
deviantART XHTML & CSS Ref :icontutorialsclub: #TutorialsClub
Sharing is caring :iconecssited: #eCSSited
a place for all your CSS needs :iconcss-babes: #CSS-Babes
A club for CSS babes, oh yeah! :icondacipher: #DACipher
Your Circle of Growth. :iconjournalskin: #JournalSkin
Quality journal skins :icontutorial-city: #Tutorial-City
Where the best tutorials live. :icondivine-tutorials: #Divine-Tutorials
Tutorials befitting of a deity!

Details

January 4
1.3 MB
692×7297
Link
Thumb

Statistics

Comments: 28
Favourites: 262 [who?]


Views: 2,808 (4 today)
Downloads: 64 (0 today)
[x]
:iconfantasy-alive:
This is a tutorial I've been wanting to do for a while. I know before I learned this technique I used to save long images to use as backgrounds so they wouldn't repeat. That didn't work very well because I didn't take into account people with really large monitors. This technique will enable you to save small files that repeat over and over again to cut back on loading time and also to account for the variety of device sizes out there.

As mentioned in the tutorial here are the extra links:

Sta.sh upload tutorial:

Additional Background property values: [link]

Also, there is a zip file available for download here [link] that includes the images used, the mockup, and the css files. Please keep in mind that the journal skin in the zip file is not for public use but only for practicing CSS.


Patterns that were used:

Subtle Patterns: [link]
Pattern8: [link]


Thanks for viewing and I sincerely hope this tutorial helps. If you have any questions please let me know!
Add a Comment:
 
Preview   Add Comment
love 1 1 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconserafina-rose:
*serafina-rose Mar 3, 2013  Hobbyist Digital Artist
Thank you so much...
:rose: :dalove:
:iconflyingheartsplz:
Reply
:iconkovowolf:
^KovoWolf Jan 14, 2013  Professional General Artist
This is such a great tutorial, thank you!!
Reply
:iconfantasy-alive:
=fantasy-alive Jan 14, 2013  Professional Interface Designer
Thanks so much. I'm glad you like it! :D
Reply
:icondarki6:
Mood: Love ~darki6 Jan 14, 2013
muchas gracias
Reply
:iconfantasy-alive:
=fantasy-alive Jan 14, 2013  Professional Interface Designer
:D
Reply
:iconzeranote17:
~zeranote17 Jan 13, 2013
awesome!
Reply
:iconfantasy-alive:
=fantasy-alive Jan 14, 2013  Professional Interface Designer
Thanks!
Reply
:iconanimegirl007:
~animegirl007 Jan 6, 2013
Thanks for the help :nod:
Reply
:iconfantasy-alive:
=fantasy-alive Jan 9, 2013  Professional Interface Designer
No problem. :D
Reply
:iconcinnamon-heart:
=Cinnamon-Heart Jan 6, 2013  Hobbyist Digital Artist
Very good and thorough! It covers all the possible details and is great for beginners, but it is also very easy to skim for people knowing most of the steps and only searching for particular thing.
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