Deviant Login Shop  Join deviantART for FREE Take the Tour
×

More from deviantART



Details

Submitted on
January 4, 2013
Image Size
1.3 MB
Resolution
692×7297
Link
Thumb
Embed

Stats

Views
4,264
Favourites
320 (who?)
Comments
29
Downloads
85
×
Seamless Patterns and How to Use Them With CSS by fantasy-alive Seamless Patterns and How to Use Them With CSS by fantasy-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:
 
:icondarklady57:
Darklady57 Featured By Owner Aug 28, 2013
Thank you.
Reply
:iconserafina-rose:
serafina-rose Featured By Owner Mar 3, 2013  Hobbyist Digital Artist
Thank you so much...
:rose: :dalove:
:iconflyingheartsplz:
Reply
:iconkovowolf:
KovoWolf Featured By Owner Jan 14, 2013  Professional General Artist
This is such a great tutorial, thank you!!
Reply
:iconfantasy-alive:
fantasy-alive Featured By Owner Jan 14, 2013  Professional Interface Designer
Thanks so much. I'm glad you like it! :D
Reply
:icondarki6:
darki6 Featured By Owner Jan 14, 2013
muchas gracias
Reply
:iconfantasy-alive:
fantasy-alive Featured By Owner Jan 14, 2013  Professional Interface Designer
:D
Reply
:iconzeranote17:
zeranote17 Featured By Owner Jan 13, 2013
awesome!
Reply
:iconfantasy-alive:
fantasy-alive Featured By Owner Jan 14, 2013  Professional Interface Designer
Thanks!
Reply
:iconanimegirl007:
animegirl007 Featured By Owner Jan 6, 2013
Thanks for the help :nod:
Reply
:iconfantasy-alive:
fantasy-alive Featured By Owner Jan 9, 2013  Professional Interface Designer
No problem. :D
Reply
Add a Comment: