Skip to main content
Inspiring
February 15, 2022
Answered

Multiple background images with templates

  • February 15, 2022
  • 2 replies
  • 1312 views

Hi,

 

I would like to place a different background image on each of the site's pages by applying a different class to each of the page's BODY tag, like you see below.

 

body.classname {
background: url() no-repeat center fixed;
}

 

But how can you do this if you're building your site via a Dreamweaver Template? You don't have access to the BODY tag once the page is created becuase it's not an "editable region." Is there away around this?

 

Thanks for any help you can provide.

 

Kind regards,

 

Mark

 

This topic has been closed for replies.

2 replies

Nancy OShea
Community Expert
Community Expert
February 16, 2022

@Fun Seeker,

The whole point of using a DW Template is to ensure sitewide consistency in layout and appearance.  Changing full-size background images on each page is distracting and considered bad web design.  Apart from the excess bandwidth needed to support them, users may get confused and think they've landed on another site.  Are you sure you really want to do this?  It's OK to change foreground images and content.  But background graphics consume a huge amount of real estate, especially on large screens. 

 

Look at what other sites are doing.  How many professional websites change background images on each page?  Answer: none.  

 

Just some food for thought...

 

Nancy O'Shea— Product User & Community Expert
B i r n o u
Community Expert
Community Expert
February 16, 2022

Well, without wanting to enter into a polemic, I intervene very often with universities oriented design, creativity, research, and out of the great classics of corporate sites, uncluttered, see insipid and repetitive ... (without going so far as to say that we have seen one, we have seen them all)... there are ways that are being explored and that are promising


the idea of personalizing pages in an independent way is a trend that is increasingly surfacing.
the idea is not new, already we find this embryo of approach, with the personalization by group... the background of the customer part was of such color, the commercial service of such other and the online support still of another.


then the presentation booklets that introduced independent visual concepts to each slide, or page... were carried by characters like Garr Reynolds, or Nancy Duarte ... without forgetting the grain of salt of the visual expression of datas that is David McCandless


here in France we have a magazine (which came at the beginning of the 90's as a complement to printed design) and which has since evolved and become a reference in media interaction, mixing human interactivity and digital screens... since then, these designers have appropriated the web and created interfaces that upset the now too classical field of web applications

 

all this to say that it is always good to warn developers of certain constraints related to the medium itself, but without seeing the work, and the perspective, it is also good to moderate the framework by letting the expressiveness open

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
February 16, 2022
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Inspiring
February 16, 2022

Thanks Ben.