Forums/SiteGrinder 3/Working in Photoshop

Full screen background image on resize

Craigbe1
posted this on February 22, 2012 15:10

Hi All, is it possible to create a background image that will automatically resize on the browser resize (or different resolutions)?  I found some javascript code that does it but I was hoping that a hint or something would work.  If I had to use the javascript what's the best way to insert it?   I'm a total newbie who just purchased the software.

Thanks!

Craig

 

Comments

User photo
Craigbe1

I should have posted an example of what I would like to do here is a site I like -

http://andiamori.com/gallery.php

Thanks!

February 22, 2012 15:13
User photo
Chris Perkins
Media Lab, Inc.

It's not a SiteGrinder feature as of yet.  SG supports "large" background iamges, but they don't resize.  See https://sitegrinderhelp.onconfluence.com/display/sitegrinderhelp/Sa...

 

Otherwise, just drop in that JS you found. 

 

February 23, 2012 11:52
User photo
Jennifer Kinsman

Hi Craig,

I was wanting to do the same with my site. Just wondering if you found a work around for it or what you ended up doing. I'm not incredibly familiar with javascript. Any tips you have would be greatly appreciated!

Thanks!

Jennife

March 03, 2012 20:05
User photo
thesrpartners
March 03, 2012 21:48
User photo
Jennifer Kinsman

Thanks so much. I just checked it out. This may be a silly question, but I'm really NOT into code, script, etc. How and when, exactly, do I use that code in the process of using sitegrinder? Thanks!

March 03, 2012 21:53
User photo
thesrpartners

sitegrinder spits out html/php files and css files.  css mostly controls how things look and where they are.  There will be 4 (I think) common css files and 2 that are specific to each page you design.  So if you have a page in your psd called "contact" there will be a css file called contact.css.  If you want to have the background image on just that page you would put the css on just that page and the html on the contact.html page.  If you wanted it on all pages you would edit the html pages individually and add the css to "yourpsdname"-common.css.

But also not that if you rebuild your site from the design manager again your changes will be lost.

If this all sounds like gibberish to you then sadly you won't be able to make those changes.  I can't think of a way to do it in sg ahead of time

March 03, 2012 22:04
User photo
Craigbe1

This is some good stuff.. I did find a bunch of info on using CSS3 but the implementation isn't standard across the board so you run the risk of getting browsers that won't work... then I found this -

http://selectivizr.com/

Which is a javascript library that adds compatibility to css3 for browsers that lack all of the support..

I have to read how to embed code into a psd layer..

March 04, 2012 07:29
User photo
evilmonkey90210
skynet

Hi,

 

Would the "thesrpartners" be able send me a example static code, pshop file with the full background working?

It would be a massive help and much appreciated - I'm trying to implement the code in the CSS but can't get it to work with the html and body CSS.

 

Thanks"

November 22, 2012 11:59
User photo
Casey K

This seems to be a recurring theme on the forum! I wish Sitegrinder would fix this. Grrr. Don't get me wrong, SG still rocks!

January 07, 2013 08:29