Get your website background to fit any resolution!
2013-08-04, 04:46 AM, (This post was last modified: 2013-08-04, 04:47 AM by DutchPride.)
#1
I've been struggeling with this allot until i found this piece of code.
Had a nice blogspot with custom background, And then it didn't fit on other resolutions, Well i have found an easy fix.
What this actually does is it just scrolls with your screen.
So it wil look the same on any screen!

Code:
html {
  background: url(background url here) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
Latest Thanks - View all

TheVBScripter(2013-09-19 06:16 PM) Emancipated(2013-09-10 04:14 AM) Blastoise(2013-08-04 03:54 PM) 

Any questions related to CPA belong here.
Before posting, make sure you are in the correct section.

I am temporarily absent due to family circumstances.

Reply
2013-08-04, 05:10 AM,
#2
Thanks for sharing this man :D!

free gear of war 4 beta download
Reply
2013-08-04, 05:15 AM,
#3
(2013-08-04, 05:10 AM)Soup Wrote: Thanks for sharing this man :D!

You're welcome, This was just something i was struggeling with allot.

Any questions related to CPA belong here.
Before posting, make sure you are in the correct section.

I am temporarily absent due to family circumstances.

Reply
2013-08-04, 05:53 AM,
#4
does the re-size the background so it fits the screen? or something else?
Reply
2013-08-04, 05:56 AM, (This post was last modified: 2013-08-04, 06:20 AM by DutchPride.)
#5
(2013-08-04, 05:53 AM)J@bz Wrote: does the re-size the background so it fits the screen? or something else?

ill make an test blog and show you guys an example.
Going to bed now.

Any questions related to CPA belong here.
Before posting, make sure you are in the correct section.

I am temporarily absent due to family circumstances.

Reply
2013-08-04, 10:57 AM,
#6
It's called a Responsive background, and for old webmaster's - it will put a tear in their eye of how great it is. I am not one of those people though.
Reply
2013-08-04, 03:52 PM,
#7
Thanks! for the share bro!
Reply
2013-08-04, 03:54 PM,
#8
This an extremely useful share - thanks Dutch

[Image: 09157213daeae64192b209fd480e9ed2.gif]

Reply
2013-08-05, 03:06 AM,
#9
Oh thanks! I didn't know this. This will come in handy
Reply
2013-08-05, 04:30 AM,
#10
Just used this on my future niche. Works great was looking for something like this, thank you DP! :D
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  [TUTORIAL]Get free premium fonts from myfonts website Raman saab 26 5,595 2017-07-28, 07:01 PM
Last Post: tamerimran
  How to make step content in website 5light 0 188 2017-07-24, 11:04 AM
Last Post: 5light
  looking for this website script iceman871 0 873 2016-10-27, 04:30 AM
Last Post: iceman871
  how to target visitor on a website? hennkwah 8 1,309 2016-08-11, 09:32 PM
Last Post: Enzlo
  [GET] FREE Logo , Design's, Thems etc.. TEMPLATES FOR A WEBSITE TheDutchLegend 14 3,908 2016-02-22, 11:25 PM
Last Post: evasivesteel





About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top