Template Editable background-image

Using Dreamweaver templates. I would like to be able to
customize a background image in a DIV ID on individual pages. Can
someone offer some sample code? Thanks.
Dave

Just use CSS to do this. If it's in an external file, the
whole file will
be editable. Do you understand what I am saying?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ulysses" <[email protected]> wrote in message
news:eoev8c$4bb$[email protected]..
>
> Using Dreamweaver templates. I would like to be able to
customize a
> background image in a DIV ID on individual pages. Can
someone offer some
> sample code? Thanks.
>
>
> Dave
>
>

Similar Messages

How to select and edit background images in templates?

I open a template in pages ('elegant brochure' for example) and there is a background image that takes up the entire background of the page. When I click on the image, instead of being surrounded by the 6 little circles (that allow resizing) there are little x's. I can't move or change the image. I thought this was a master object, but it does not have blue circles, and I have 'master objects selectable'. I find it a little annoying that I want to use a prepared template but edit it beyond what apple gives me. Why can't I have more control (short of making a template from scratch)? How do i edit the images that have x's surrounding them?

easiz,
The x's indicate that it's a locked object. Click on Arrange > Unlock to edit it.
-Dennis

Template loses background image from body

When I open a self created template page (all regions editable) I lose the background image from body. Everything else loads fine.
First time I'm trying the template option.

I made a change to the root folder today when I noticed DK2011 was caps and possibly not prooper protocol so I created a new folder which was captured in previous post now known as dksite.
Here is another pic with my root folder and you can see templates and images open with the background image showing which is the_voice_mansiongood.jpg.
The background image comes up in the dkmainpage tempate but does not show in a new page created from the parent template.
Here's the code from dkmainpage template (parent) below.
I fear I'm making things insanely confusing.
Here's code to parent template dkmainpage template.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Dan Kennedy Artist</title>

<style type="text/css">
body {
     background: url(../images/front/the_voice_masiongood.jpg) repeat;
#wrapper {
     width: 950px;
     margin-right: auto;
     margin-left: auto;
     background: #FFF;
     height: 950px;
     margin-top: 20px;
     padding-top: 25px;
h1, h2, h3, p {
     margin: 0px;
     padding: 0px;
#header {
     height: 50px;
     width: 325px;
     float: left;
     margin-top: 10px;
     margin-bottom: 50px;
     margin-left: 40px;
#header h1 {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 175%;
     font-weight: normal;
     color: #cc7981;
#navbar {
     height: 45px;
     width: 450px;
     float: right;
     margin-top: 3px;
     margin-bottom: 40px;
     margin-right: 60px;
#navbar h2 {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 100%;
     font-weight: normal;
     color: #666;
     text-align: right;
#mainContent {
     height: 750px;
     width: 441px;
     clear: right;
     float: right;
     margin-top: 0px;
     margin-right: 60px;
     text-align: right;
.title {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 80%;
     font-style: normal;
     font-weight: normal;
     color: #968A67;
#sidebar {
     height: 475px;
     width: 325px;
     clear: left;
     float: left;
     margin-top: 0px;
     margin-left: 40px;
     margin-bottom: 20px;
#sidebar p {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 75%;
     font-weight: normal;
     line-height: 1.4;
.sideColoura {
     color: #967A25;
.sideColourb {
     color: #BE72C5;
.sideColourc {
     color: #448E78;
#artcouncillogos {
     height: 150px;
     width: 200px;
     clear: left;
     float: left;
     margin-left: 40px;
     margin-top: 25px;
</style>


</head>
<body>

<div id="wrapper">
<div id="header">
    <h1>Dan Kennedy</h1>
</div>
<div id="navbar">
    <h2><br />
      home | selected work | bio | links | contact</h2>
</div>
<div id="mainContent">
    <p><img src="../images/dust_of_oblivion/dan_kennedy_old_trail_to_ragtown.jpg" width="441" height="650" alt="Painting by Dan Kennedy" /><br />
      <br />
      <span class="title"><em>The Old Trail to Ragtown Lullaby</em><br />
        50"x 34" oil/canvas 2007<br />
        private collection </span></p>
</div>
<div id="sidebar">
    <p><br />
      <span class="sideColoura">TICKET TO RIDE<br />
        Sept.13-Oct.30, 2010<br />
        University of Waterloo Art Gallery</span><br />
      <br />
      <br />
      <br />
    </p>
    <p> </p>
    <p><span class="sideColourb">WEIRDO NOIR / Book / Fall 2010<br />
      featuring:Dan Kennedy, Alex Gross, Travis Louie, Tara Mcpherson and more....</span><br />
      <br />
      <br />
      <br />
    </p>
    <p> </p>
    <p class="sideColourc">SURVEY SELECT- Narrative Art<br />
      San Diego, July 15 -Sept. 5,2010 <br />
      Wonderbread Factory<br />
      artists:Jeff Soto, Clayton Brothers, Dalek and more... </p>
</div>
<div id="artcouncillogos"><img src="../images/front/oac-cc.png" width="168" height="125" alt="Ontario arts council logos" /></div>
</div>

</body>
</html>

Templates and background images

I created a new template using a background image. The
template works fine with one exception, when I create a new html
document based on the template everything works, but i cannot see
the background image. When I test the html in a browser the image
is there. In order to see the background image in the design view
environment I need to add it to the page properites again.
Does anyone know how to fix this frustration.......?

Show us the template page, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"TLT3" <[email protected]> wrote in message
news:e7i7jk$cm$[email protected]..
>I created a new template using a background image. The
template works fine
> with one exception, when I create a new html document
based on the
> template
> everything works, but i cannot see the background image.
When I test the
> html
> in a browser the image is there. In order to see the
background image in
> the
> design view environment I need to add it to the page
properites again.
>
> Does anyone know how to fix this frustration.......?
>

Problem editing background images

I recorded a web interface simulation that contains sensitive
customer information. All customer data has been edited by
individually modifying background images in Photoshop to convert
real customer information into generic looking accounts. The movie
plays back fine when there is no mouse activity, however, when the
mouse is clicked, the old hyperlink text (that was edited out in
Photoshop) appears in the area that is being clicked.
The movie has three layers (mouse, highlight, background). If
I delete the mouse & highlight layers, the background still
changes at the time of the mouse click. I can open the background
in Photoshop, and it shows the properly edited version. It would
appear that Captivate is pulling some type of image/video from the
library at the time of the mouse click, but I have combed through
the entire library to make sure none of the older assets exist.
Any ideas, or is lack of caffeine the issue?
- Jon

I think I found the source of this issue in a KB article
here.
I will reply back if it does not work.
- Jon

Unable to use edited background image

I am using Captivate 3 on Windows XP Pro. After I edit a
background image in an external image editor, the image is saved in
a temporary folder, and I can't work out how to incorporate it back
into Captivate so it will replace the original image. There doesn't
seem to be anyway of identifying the "Library" folder through
Windows Explorer to replace it.
I'd be grateful for any guidance on this,
David

Hi David and welcome to our community
How are you kicking off the edit process? Right-clicking the
image in the library? If so, the Library should auto update. But
you may also need to right-click and choose update to force it.
If you just copied into an image editor, you should be able
to simply select and copy inside the image editor and paste into
the background to update.
Cheers... Rick

How to edit background image in center destop??

hello
i have a background image in flex 4 by i skinclass to project skin i make.
but when i run that image dont stay center desktop.
it in left
how do i work it??
can u help me please.thanks

Hi
Thank you for response
I want upload to TransparentContainer Image in background
I change the design to Plain
I Try Upload by the browse in the theme
but The image is not upload
even if i delete the chace serever
i'ts not working

How do I edit background image, delete unwanted things, mask items etc.

Hi Fincal Cutters,
I'm working on a film that has some scenes based on 18th century China. In my filming locations, there were times where I found small items that I want to delete or mask from the background. I'm running Final Cut Express v3.5. Has anyone done this? How? Please recommend things you know work.
Best Regards,
Mark Schaefer

Hi(Bonjour)!
If your objet do not move, use this trick:
You can make a freeze frame of your clip (showing unwanted objects).
Open it in Photoshop and erase the offended object with clone tool (or others).
Import your PS file in FCE.
Put it over your clip, and use crop tool to adjust the image just to keep your "corrected" part. Using a mask can help too.
Michel Boissonneault

Template - background image missing

Hi I'm sorry to be back but I have another problem that I don't seem to be able to solve. I have looked at similar posts online, but don't seem to have found the answer.
I have created a template from Dreamweavers blank templates. I have made ONLY TWO CHANGES to the blank template. I've added a background image, and removed the background colour from the .body element. I'm hoping this will help isolate my mistake.
When I create a new page from this template the background image does not display. I've noticed that the image path is changed in the child page - whereas the template displays the relative path, the full path is given in the child. I don't know if this is part of the problem?
The problem occurs both when I preview the site through a browser, as well as online.
I know I should be using templates for site-building, so need to know what I'm doing wrong here. Many thanks, and please remember that I'm a novice so put it very simply so that I can grasp what your saying!
http://www.gillwykes.com/development/frank_test/testpage2.html
Thanks!

I just tried a different approach. Created a new site, through Site Manager. Created an new HTML paged and did Save as Template. I then added an image ( which is stored in the images folder in the site) as a background through Page Properties. I saved and closed the template, and did File, New Page from Template. The image did not display, and the path to the image was changed. Here is the code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">
body {
background-image: url(../images/Copy%20of%20IMG_2481.jpg);
</style>
</head>
<body>
</body>
</html>
and
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">
body {
background-image: url(file:///C|/Documents and Settings/admin/My Documents/1DREAMWEAVER/1_IN_PROGRESS/template_test/images/Copy%20of%20IMG_2481.jpg);
</style>
</head>
<body>
</body>
</html>
I'm obviouly missing something along the line. It can't be a glitch in CS5.5 because it would be known by now! But I've tried so many different files and methods now I'm totally confused.
Next step, seeing if I can edit it in Notepad, and how that afffects things, and also digging out a previous version of Dreamweaver and see what happens there. Will let you know!

Background Images not showing up in template-based pages

For some reason, whenever I make a custom .dwt template, with
background images for things such as buttons, on my newly created
page, the background images do not show up. Anyone know why? Thanks
for the help in advance.

Best you start here:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattsworld.mooretecproductions.co m%2F
55 code errors. Yikes!
Fix those and then see if the problem goes away. If not, post
back. At lease
with clean code we may be able to spot the problem.
Walt
"Irish_Cereal" <[email protected]> wrote in
message
news:fegl0v$jvc$[email protected]..
> Alright guys, I get it. Here's a link to the index:
>
http:///mattsworld.mooretecproductions.com
> Click on Videos on the navigation bar and you'll see
what I'm talking
> about.
> Notice how on the navbar on the index theres the custom
button? On videos
> it
> doesn't show up.
>

Template suddenly losing background image

Hoping someone can help... here's the situation:
* I have been using the same templates in the same site for years
* All of a sudden, when I create a new page from a template, the background image does not show
* The problem started within a session during which I had already made several pages, as I always do, with no problems - then, whammo, I created another new page from the same template and this happened
* It happens with every single template in the site, and whether I use the "new page from template" feature or apply the template to a created page
* It persists in archived / back-up versions of the site. I even tried upgrading from CS4 to CS5, thinking my copy of DW had been corrupted, but that didn't fix it.
Here is a link to a template:
http://takeroot.org/Templates/blank_side_nav.dwt.php
Here is a link to a page spawned from that template, using the "new from template" feature (which I have used a thousand times with no problems):
http://takeroot.org/ExampleOfWrongness.php
I consulted with an IT friend who suggested I add "repeat-y left top" to the body tag css that displays the bg image in the template. That didn't seem like a full answer since it has never had that line and has been working just fine for years, but I tried it anyway and the result was that the background image stopped displaying even in the template.
Can someone help before I lose my mind????? My family would be eternally grateful!
Liss

1. The tempkate has the correct path to the image. Why would the child have a different path?
For some reason, DW thinks that this image is outside of the root folder. When that happens, the link is always a file:/// link. It will work locally, but not on the web.
2. Why would it just suddenly, out of the blue, start chosing this different path when 5 seconds earlier it worked as it always has?
You would have to submit that question to the great OZ to get an answer.
3. Even with the new, random path,why wouldn't it display correctly when previewed locally?
It's not a random path - it's a correct path to the image is it not? It should work locally.
4. Most important - what should I try next?
Try opening the child page and applying the template to this page with MODIFY | Templates > Apply Template to Page

Editing Backgrounds in PhotoShop

I've been trying to edit a couple of backgrounds in
PhotoShop. I am able to edit them with no problem, but them I'm
unsure what to do in order to get Captivate to recognize the
revised image. Am I supposed to save the revised image in PhotoShop
first? If so, in what format and in what folder? Maybe I'm not
using Update properly.
I also tried to save the revised image in PhotoShop and then
import it into Captivate. Still no luck. I get an error message:
"An error was encountered while loading the image."
Does anyone have any experience successfully editing
backgrounds & images? There must be a procedure to follow.
Thanks.

Hi Training22
I don't believe you said which version of Captivate you were
using, but my answer will assume it is version 2.
From the Library panel, right-click the desired image or
background. When you do this, you should see a context menu. On
this menu should be an option labeled "Edit with...". After
choosing this option, navigate to your image editor (Photoshop in
your case) and open the editor. Make your changes and close the
editor. Save the changes when prompted. After the image editor
closes, the Captivate image should automatically update to reflect
the changes.
Note, however, that if you inserted the image from a location
on your hard drive, this image is changed as well. So if you prefer
to keep the image in its pristine format, you will need to rename
it or make a copy before you modify it.
Cheers... Rick

Creating business cards in Pages with background image

I am trying to use the Pages business card template and background image function of pages to create a business card that has an image on every business card on the sheet. I can't seem to find out how to do that. Can anyone help?
Thanks,
Jim

Here is the basic method of having white text on a colored background: Insert a shape. While selected go to the Graphic Inspector and select a Fill color. Re-proportion the shape as needed. Insert a text box (or boxes) and type your text. Drag it (them) over the shape and change the color of the text to white (or any other color you desire). Select all and group. Duplicate as needed. Apply this procedure to your business cards or anywhere else.
Another method for applying a colored background to a text box: select the text box and Fill it from the Graphics Inspector and adjust the Inset Margin in the Text Inspector.
Wal

Setting background-image as editable in Fluid Grid Layout (Template file)

Hi, Im very basic on Dreamweaver so bare with me,
I am creating my first website and setting up my template file.
I am struggling with making my background image editable in the template file,
Alot of the awnsers point me into creating a new background style sheet which I have done.
I have included :
<link rel="stylesheet" href="../Background style sheet.css" type="text/css">
into my <head> in the source code and now im pretty lost for what to do next... I want to link it to all my mobile, tablet and desktop #main divs and then be able to edit the background image for my different web pages;
for example my home page is one background-image and then the other web pages all have other background images.
Sorry if I am not asking the right questions, I am very new to coding
Regards,
Confused Graphic Design student.

It's actually very easy to target the <body> of each page in an external stylesheet to change the background individually, just not with DW Templates.
Normally, what I would do is give each page's <body> tag an id, for example, on an about.html page...
<body id="about">
Then in the css, you would give the #about id a background-image setting...
#about {
background-image:url(about_bg.jpg);
Each page would have a similarly named id in the <body> and a corresponding #id in the css.
Side Note: Stick to lower case, alpha numeric file names for all of your pages and images. Use underscores or hyphens instead of spaces for them too. Servers are CaSe SenSitIvE and a link to Index.html (capital i) will not go to a page named index.html (lowercase i). It will work on your local system, just not on the server because the server sees the case structure difference as two separate files.

How to make background image editable in a template

I have built a template and would like to make the background
image editable, but not the rest of the settings in the body style.
(I'm not sure of my terminology yet.) The background image is
currently set in the locked part of the page. I've tried to insert
an editable region in the html code, as I cannot get to the
background image by clicking on it or selecting on the Design page.
But I am not allowed to change the code in this way.
What is the best way to do this? I'm not sure how to make a
div of this one setting. Or even if that is what is needed.
Thanks for any suggestions.

So to give a different background image to different pages using CSS.
Create a CSS file in your Dreamweaver site.
Link it to your pages.(in your head tag like so: <link href="path/to/stylesheet.css" rel="stylesheet" type="text/css" />)
In your HTML code find the body tag and give it an id (like so: <body id="myUniqueID">)
In your stylesheet write the following code:
#myUniqueID{
background: #color, url("path/to/image.jpeg") repeat);
And now extrapolate the above steps and code to your other pages and voila, you now have different background images for your different pages.
To learn more about CSS - visit your local web search engine.
To see the power of CSS, check out http://csszengarden.com/ where the exact same HTML file is styled by different CSS stylesheets.

Template Editable background-image

Similar Messages

Maybe you are looking for