Change the background image for each page of the site.

I would like that the bottom of several pages with the difference that the bottom of my home page. How to do this using CSS?

I also have a div on each page to have a background of differnet by page. How can I do this without replacing the main CSS?

I'm new to this, so I apologize if this is a silly question.

Thank you!

Let's say you have 5 pages requiring a background image.

index.html, about.html, contact.html, prod.html and services.html,

Add some classes of body to your external style sheet.

Body.index {background-image: url (main - Bg.jpg) ;}}

Body.about {background-image: url (Bg - 1.jpg) ;}}

Body.contact {background-image: url (Bg - 2.jpg) ;}}

Body.Products {background-image: url (Bg - 3.jpg) ;}}

Body.Services {background-image: url (Bg - 4.jpg) ;}}

In the HTML code of each page, change thetag to reflect the classes defined above body.

It is the purpose of the page.

This is the contact page, etc...

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB
http://ALT-Web.blogspot.co

Tags: Dreamweaver

Similar Questions

  • Different background image with each page?

    Hello Adobe community,

    I'm working on my portfolio and immerse myself in the CSS, I seems to have hit a bump in the evolution of the background image to each page.

    I watched a previous response and changed my style sheet to reflect the body classes that I did, but nothing seems to go right!

    http://dayandnightwebsolutions.com/

    Thank you

    Robert

    Edit, my images are locaed in '\public_html\img '.

    My CSS stylesheet is located in "\public_html\css".

    Then...

    Page needs to look inside...

    Body.index {background-image: url (.. /IMG/main-BG.jpeg);}

    Body.Services {background-image: url (.. /IMG/BG-Moon.jpeg);}

    Body.contact {background-image: url (.. /IMG/BG-Sun.jpeg);}

    ?

    Your file extension isn't actually .jpg and .jpeg. Change this in your CSS.

    Remove the prefix of body for all classes. Just use .index, .to & .contact in your CSS file. When using it in your HTML markup, include this class in any switch like body or div or any other thing.

    And above all, should any space between the url and (.)

    Change this:

    Body.index {background-image: url (.. /IMG/main-BG.jpeg);}

    to do this:

    .index {background: url (.. /IMG/main-BG.jpg);}

    Note that I deleted - image. This can be read by most modern browsers and is a short form. You can add properties of background much like repetition, position, etc. in the main tag 1.

    Trust that this assistance.

  • Change the background Image on a Page of a Site.

    CSS of my site has a background image set. I need to change the background image on a page, which has a feedback form.

    I tried a number of different positions for the insertion of the image, but nothing helped. I tried to go in the rule for div id = 'background', and change is here, but it affects all pages. So, I guess that I must write a new rule?

    Here is the code:

    < div id = 'background' >

    < div id = "items" >

    < h2 > Heard! < / h2 >

    < p > < a href = "index.php? status = pending" > waiting for < /a > < a href = "index.php? status = planned ' > under < /a > < a href =" index.php? status = declined "> refused < /a > < /p >" "

    < ol >

    <? PHP {? >}

    < li > < strong > <? PHP echo $row_Getclan ['title'];? > < / strong > < br / >

    <? PHP echo $row_Getclan ['content'];? > < br / >

    by

    <? PHP echo $row_Getclan ['author_name'];? >, to <? PHP echo $row_Getclan ['created_at'];? > < /li >

    <? PHP} while ($row_Getclan = mysql_fetch_assoc ($Getclan));? >

    < /ol >

    < p > < a href = "<?" PHP printf ("%s? (pageNum_Getclan = %d %s", $currentPage, max (0, $pageNum_Getclan - 1), $queryString_Getclan);? > "> previous view < /a > <?" PHP echo ($startRow_Getclan + 1)? >... <? PHP echo min ($startRow_Getclan + $maxRows_Getclan, $totalRows_Getclan)? > on <? PHP echo $totalRows_Getclan? > < a href = "<?" PHP printf ("%s? ("pageNum_Getclan = %d %s" %s "$currentPage, min ($totalPages_Getclan, $pageNum_Getclan + 1), $queryString_Getclan);? > "> Next < /a > < /p >"

    < / div >

    < div id = "crΘer" >

    Speak < h2 > < / h2 >

    < do action = "<?" PHP echo $editFormAction;? ">" method = "post" name = "form1" id = "form1" >

    < table align = "center" >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > title: < table >

    < td > < input type = "text" name = "title" value = "" size = "32" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" valign = "top" > content: < table >

    < td > < textarea name = "content" cols = "50" rows = "5" > < / textarea > < table >

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > votre_nom: < table >

    < td > < input type = "text" name = "author_name" value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > Your_email: < table >

    < td > < input type = "text" name = 'author_email' value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > < table >

    < td > < input type = "submit" value = "Insert file" / > < table >

    < /tr >

    < /table >

    < input type = "hidden" name = "MM_insert" value = "form1" / >

    < / make >

    < / div > < / div >

    Thank you.

    div id = 'background' will work for all pages related to a style sheet.

    The best way to do what you want is to re-register your stylesheet with another name. So for a page, link to this new stylesheet. Then, in the style sheet, change the background image. It was easy.

    The only way to do and keep a style sheet is change the designation of the div tag that has your training, to something like the div id = 'backgroundCommon' and then create another div for just one page as div id = "backgroundSpecial".

    Then in your style sheet, copy the description of div and rename it backgroundSpecial and then call on just the single page, with the other pages making up the backgroundCommon.

    Make sense?

  • How can I change the backgrounds menu for several pages?

    Hello

    How can I change the backgrounds menu for several pages in yet?  I want a single image appears on several pages in the background.

    Thank you.

    You must do this for each menu page.

    If the rest of the etc button style will be the same, just add the background you want and duplicate this menu before you change the titles, button names, linking.

  • How can I change the background image for the lock screen?

    Hi, I just bought a new laptop and I got Windows 7 installed in the store, and I would like to change the background image for the lock screen.  When I went to activate my account, I found out that it has already been activated, but I can't find the settings-> settings more PC in the lower corner on the right.  Thank you!

    Lock screen?

    Are you referring to the login screen?

    Or wallpaper?

    Right-click on your desktop and select Personalize.

    Office link is at the bottom left and use a win-7 theme.

  • Cascades: How to set the background image for the menu drop down and etc...

    Hello

    Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

    Thank you

    Tom.

    Welcome to the forums!

    This is currently not supported unfortunately.

    I encourage you to save a feature for this request:

    https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

    See you soon!

    Martin

  • measure the actual page for each page size in the listbox

    Hi guys,.

    I'm trying to write a script that lists all the pages in the ListBox with 2 additional columns: width and height

    and stuck when trying to get the limits of pages for each page in the document.

    My result looks like this now:

    pagedimensions.jpg

    script no matter what I'm trying to get only the size of the 1st page and fill in all items.

    My code to get the size of the page above is:

    myDoc = app.activeDocument;

    page var = myDoc.pages [0];

    ...

    function myRealHeight() {}

    var Pbound = page.bounds;

    var pH = Pbound [2] - Pbound [0];

    var realHeight = [];

    for (j = 0; j < myDoc.pages.length; j ++) {}

    realHeight.push (pH);

    }

    Return realHeight;

    }

    I have tryied a few different ways but but always returned [object Page] or higher.

    I'm newbie in scripts, and if someone could help me will be great.

    Thank you

    (let me know if other parts of the code are required)

    Try this (sorry not tested).

    var myDoc = app.activeDocument;

    ...

    function myRealHeight() {}

    var realHeight = [];

    for (j = 0; j< mydoc.pages.length;="" j="">

    page var = myDoc.pages [j];

    var Pbound = page.bounds;

    var pH = Pbound [2] - Pbound [0];

    realHeight.push (pH);

    }

    Return realHeight;

    }

  • I have a downloaded .pdf file. When I click on a page (this happens for each page) he follows me to a link open my browser. How should you remove that? I tried to delete all the hyperlinkes but remained! Thank you.

    I have a downloaded .pdf file. When I click on a page (this happens for each page) he follows me to a link open my browser. How shoul delete who? I tried to delete all the hyperlinkes but remained! Thank you.

    After seeing a few screenshots of the file I think I see what's happening now. There is a watermark diagonal URL through the page that is converted to a link automatically by the application. Disable it go to Edition - Preferences - general and uncheck the box that says "create links from URLS".

  • Background images for differnet resolutions

    Hello

    Is there a way to define a single resource (background image) via styles or any other approach that will have definition for all taken screen resolutions supported (BB10 has 3 resolutions defined with portrait/landscape modes = 5 bitmaps)?

    So, I can use this asset without success all the stuff in a code trying to find what the resolution is now and where - and then only - get a correct picture of the assets.

    There are a lot of messages in this forum, but none seems to describe exactly the same problem.

    Thank you

    If you talk to a background image for the application, you have to manage yourself. If you are talking about the splash screen, then you would list each boot image in the XML file.

    You can resize the image to fit the scene, then you might have a rectangular and square and then resized image depending on the scene according to the needs. If you don't want to resize, then you need an image for each resolution device and a naming convention, you could load dynamically depending on the size of the stage (bg_720_720.jpg, etc.).

    CSS may be able to help, since you can load different CSS at startup, but this would require still allows you to define a CSS for each change that you want to support. CSS will be more important when BB10 is available on the PlayBook, since the density of the screen is very different.

    Does that help?

  • InD. CS4, I have different layers for each page of a book?

    A multipage book that I make will have an image on each page, with a small amount of text here and there (no intermediary is necessary).

    I have two environments in mind; one black solid, the other, say, an image of textured paper. I don't know what I prefer, so I put them on separate layers on the first broadcast.

    I then locked all layers, saved the first spread and then selected the second spread, expecting to find a new set of blank layers in which I could insert other background effects. No luck; the layers of the first broadcast persist, by controlling that spread.

    I checked book InD Sandee Cohen CS4 but can find no reference to the layers within Pages. (There is a note on the import of a Ps image in layers with its layers intact, but what I want is to put two different files of the Ps as layers on the same page, with the option to turn them on or off. I suspect that's not feasible. But is it?

    It is not and each time (yesterday actually), I thought how clever, it would be to use layers in this way, I killed time. The layers are wide document. You're choice is to create a pdf file with layers enabled for guests, but I realized that they do not understand how mainipulate layers in Acrobat, and I couldn't make a tutorial of a hundred Word less.

  • set a background image for a text box or label?

    Hey gang,

    I would like to put a background image for a text box or label.

    is there a way to do this?

    also if I put the bottom level of the container root and do the rest orders slightly transparent (opacity: 0.8 or something), the background appear through?

    Thank you

    J

    for your text box, define backgroundVisible: false & and/or upgrade the opacity to the low enough that you can see through it and place your background image behind the text box. (I belive opacity changes will affect the text as well).

    for labels, I used the method of the container as you described.

  • I can't change my background image to screen.

    I can't change my background image to screen.

    I followed the process of selection of a desktop image and confirming the image I want to save but the program won't save selection and return to another block background color

    Original title: Customizing Office

    I just right-click on an image that I want as my wallpaper (called "wallpaper". Google for lots of choice) and click set as wallpaper.

    Or see the Microsoft way to do (slow) HERE.

  • How batch edit several files to add images on each page

    Hello

    I have pdf files (about 1000) and all of them have several files. Is it possible using Acrobat DC (grammatically or using a function or tool) I can change everything in batch to have an image at the bottom of each page?

    The same image on each page in each file? If so, you can use the command Add watermark in an action brought in Acrobat Pro to achieve this.

  • Hover change - and normal images for buttons

    Hello together!

    We try to change the images of our buttons. To change the hover - and normal images with functions. Now, if we change the old with new good images in the data structure (c drive), it is not all changes in Adobe Captivate at the end.

    How can I change the hover and normal images using the main data structure of Adobe Captivate in the disk (c)?

    Yours sincerely

    HSS Sursee, Switzerland

    Custom themes are saved in 'your' folder (depends on the OS you are using), not in the Captivate installation folder. There is a logical reason: not all CP-users have access to the installation files at all. Which does not allows you to set a custom in the default theme theme. I do it all the time.

    You can use the old type of buttons, buttons image in your case, or fill a shape with an image button. The first type needs you to create 3 images for each State, with specific names such as image buttons, you will see in the subfolder of the Gallery: name_up, name_over and name_down. You can then set them as default button style using the Style of the object manager. Be sure to save the theme with a custom name.  For form buttons, take a look on:

    Turn an Image into a button - Captivate blog

    Only on quizzes and Score sliding buttons can be replaced by a form button. After creating the button style you want (image button or form button) and set as the default button style, any button, you add will have this style. You can check out the slide masters as well and modify buttons here (as for slides of quiz/partition). All that will be saved in the theme.  You can even create a custom, theme color palette that will be available for all your courses:

    Colorful 2015 with Adobe Captivate - Captivate blog

    Theme colors - Captivate blog

  • simple way to change my background image every 2 seconds

    I wish that some easy to understand code to change my background image every 2 seconds.

    I am new to dreamweaver and to add a cover page when the background changes every second or so. After my research, lots of tips is to use jquery, but I've never used and it confuses me!

    Simple ideas?

    If you use the bootstrap, it is very easy to integrate. Take a look at https://bootstrapbay.com/blog/bootstrap-3-carousel-tutorial/ to help you

Maybe you are looking for