Can I dynamically display Page title over a static header image?

Is there a way to Dynamically Display Page Title Text Over my static site Header Image? here is a link so you can see what I am talking about. http://www.bridgestoprosperity.org/See-Our-Work/afghanistan/afghanistan.htm where Afghanistan would be the text to be replaced automatically on each page. Please note, currently, I must create individual headers, insert the page title in photoshop, etc. I am hoping to figure out a way for all this to happen dynamically perhaps by calling the text from the page title info.
Thank you,
Allan

Hi, Allan,
I realize my suggestion is off your point, and you probably have already thought of some of this, hence your question... But, rather than going the dynamic route, Why not create a Header Image without a title on it and use it as a div background image? Replace this
<img src="/See-Our-Work/afghanistan/Images/header/afghanistan-header.jpg" name="topnavbar_r1_c1" width="779" height="114" border="0" alt="bridges to prosperity: afghanistan">
with the styled div, for instance:
<div id="header"><h2>Afghanistan</h2><h3>Bridges to Prosperity: USA</h3><div>
At this point, you can use a more generic image for the background, one that does not have "Afghanistan" embedded in it, and you may style the #header thus:
#header {
     width: 779px;
     height: 114px;
     border: 0;
     background-image: url(/See-Our-Work/Images/header/header.jpg;)/* for instance */
and the header Headline styles thus:
#header h2, #header h3 {
     color: white;
     text-align: right;
     font-family: Arial, Helvetica, sans-serif;
Then you can place your html (<h2>, <h3> etc.) in the same div, only on the "surface".
Using the tags <h2> and <h3> will maintain their usefulness to Search Engines; as hiding them in images does not.
If you still wished to vary the header image, depending on the contents of the page, you can actually control all of this from the CSS file, if you add an id attribute to the <body> of each page.
For instance, for your example page, if you did this:
<body id="afghanistan">
You could then do this in your CSS file:
#header {
     width: 779px;
     height: 114px;
     border: 0;
body#afghanistan #header {
     background-image: url(/See-Our-Work/afghanistan/Images/header/afghanistan-header.jpg);
You could then proceed to have a different background image for each page. (Not your original intention, but now possible).
<body id="pakistan"> would use a CSS style declaration like:
body#pakistan #header {
     background-image: url(...pakistan-header.jpg...etc.);
I am not aware of being able to pass content (other than background images) using CSS, so I would go into each page and put the Headline in html.
But if you were using multiple background images in the header div (one image for afghanistan, another for pakistan, in my example), you can use the same <body id="afghanistan"> for ALL pages about Afghanistan, and thus have the continuity of the same image for all. Likewise, you could id all pages about Pakistan <body id="pakistan">.
I hope this gives you some ideas...
Z

Similar Messages

How can i remove the page title above the File,Edit,View,History,Bookmark tab?

how can i remove the page title above the File,Edit,View,History,Bookmark tab in firefox

In Firefox 29 and Firefox 30:
"3-bar" menu button > Customize
In the lower left, click the Title Bar button to switch the title on and off.
In Firefox 28, I actually can't remember!
I would be remiss if I didn't remind you:
* Firefox 28 is not secure: Mozilla has disclosed its [https://www.mozilla.org/security/known-vulnerabilities/firefox.html known security flaws].
* You can modify Firefox 30 to restore many of the UI features of earlier versions of Firefox using the techniques in the following article (and/or with assistance from forum volunteers): [[How to make the new Firefox look like the old Firefox]].

Can i change the page titles?

Can i change the page titles in iWeb easily? for example i want to change the "My Movie" title to My Music and put some music on there i am listening too? when i use the same page twice it just calls it "my movie2"
i would also like differnt pages such as My Gossip etc.
Does anyone know if this can be done easily?

There are two ways to change page names. (1) Double-click on the name in the Site Organizer and type in your change. (2) Select the page, then type the new name in the Page Name box in the Page Inspector.

9.0 can a dynamic nat be used over ipsec vpn?

9.0 can a dynamic nat be used over ipsec vpn?
we have a vpn up and working between two asa's and when we run the traffic through a static nat rule the traffic passes over the vpn. When we use a dynamic nat the traffic does not get picked up by the vpn ACL.
we are disabling the nat rules to switch back and forth so even when we use the same source destination the result is the same.
Am I missing something with 9.0 code versions? If i disable all nats and pass the traffic it goes over the vpn.
So it seems when using the dynamic nat statement it pushes the traffic to the outside interface without looking at the vpn acl. Please let me know if I am off base I am a newb on post 8.3 code.
Thanks

I didn't do that at first because I remember reading something about in ver 9 to only use the unnatted IP because of order of ops. That seemed weird to me at the time.
Yes it seems that you need the nat ip like always. Should have just went with my gut on that.
Thanks

Can I dynamically display a product showing the user's options

I'm a total Flash newbie so please use small words
My customer manufactures small aluminum products that can be
anodized in several colors. The products can have simple line
graphic artwork or user-specified text engraved into them with an
NC milling machine. If the user wants to add text he also selects
one of several possible fonts. The engraving can also be colored to
contrast with the body of the part.
My customer wants a application (Windows or Web) that can
dynamically display the product as the user makes his choices: i.e,
display an image of the product in the chosen color, then show it
engraved with the artwork and/or text. The text should be shown in
the correct font.
The products, colors, artwork and fonts are all known but the
user's text is obviously unpredictable, so it's impossible to
simply prepare photos of every possible combination. Can Flash (or
something else) programmatically generate and overlay text and
artwork on an image? Can it alter the colors or should I simply
have a photo of every product in every color?
Is this possible? Is Flash the appropriate technology?
Thanks

Steve,
I am not sure if you have any software to start with, so I
dunno exactly what you need. You need an image editor, some sort of
html editor, and of course Flash. The easy answer is the Web
Premium version of CS3. It should have all you need. If you already
have some of those tools, then the main thing you need is Flash.
There are also some free alternatives out there from web creation
and image editing, but they don't integrate quite as well as having
all Adobe products.
Some good learning resources can be found at Lynda.com. It
has a ton of tutorials on programs that you would need to do this
including Photoshop and Flash. A subscription is a bit pricey, but
when you think that one book can be $50, being able to access so
many tutorials really seems like a good value. Also, there are some
good print book available there that you could use as a buying
guide. You'll need to get into ActionScripting with with this, so
look for a basic intro to Flash CS3, and then something regarding
getting started with ActionScript 3.
These forums are a good resource as well, but mainly when
you have specific questions. People can answer "Why does my text
disappear when I use a mask over it?" but it is harder to answer,
"I want to build a picture library, how do I do that?"
- B
- B

Change SSRS "Displayed Page Title" to other than "Home - Report Manager" in top left corner of Browser

Hi,
I'm trying to figure how to change the actual page title that is displayed in the top left corner of the Browser
"Home - Report Manager" to something more meaningful to my company, so that when a user bookmark the page it will pickup the title from there.
According to the default Link: /Reports/Pages/Folder.aspx?ViewMode=List I opened up
Folder.aspx, and all I see is a reference to Folder.aspx.cs, I could not locate this file and I'm not sure if there is where I can change the title.
I can change the Site Title by clicking on the "Site Setting" link but this does not allow the change of the Page Title that is on the top left corner of the browser.
Thanks for your help in advance.

Hi Chillette,
In Reporting Services 2008 R2 or later, if we add a bookmark for a folder or report on report manager, the title of the site will display as folder name-Report Manger or report name-Report Manager. In Reporting Services 2008 or earlier, it will display as
Report-Manager only. We can rename the title of the site manually after we add the bookmark.
So in your scenario, you can update the report server to SQL Server Reporting Services 2008 R2 or rename the title of the site manually after we add the bookmark.
If you have any questions, please feel free to ask.
Regards,
Charlie Liao
Charlie Liao
TechNet Community Support

How can I front-load page titles?

We have a public-facing SP 2010 website implementation and a recent Accessibility test suggested that we should front-load page titles, so screen reader users know the page they are on without skipping navigation.
Does anyone know how can this be done, as the elements in the website header (logo, search, main navigation) load first from Master Page?
Thank you,
Sandi

Hi,
Thanks for this but I am not sure that it solves my problem.
I am interested in how to load the Page title in the HTML on top of everything else on the page. Normally, page title is part of the page itself - wrapped in a <h1> tag.
I would like to have this just after the <body> tag in HTML - the I will position on the page with CSS in the correct position.
Thank you,
Sandi

Can I disable display of titles & blue bar during movie playlist playback?

During movie playback from a playlist, my AppleTV briefly displays the name of each movie it encounters in the bottom left corner of the screen. At the same time, the blue scroll bar briefly appears.
Most of the time I like this behavior, but is there some way to disable it for when I don't want to see it?
For example, I'd like to be able to set up my AppleTV for a movie party and simulate on old-time drive-in movie program. I want set up a playlist to show clips of coming attractions, homemade commercials, the feature presentation, etc., and not have the titles and blue scroll bar flashing on the bottom of the screen each time the AppleTV encounters the next clip during playback. The flashing titles & the blue scroll bar are very distracting in this case.
If there is no option to disable this behavior, then I hope it gets added to the feature wish-list for a future update.

i don't believe there is any way to turn it off.

Can anyone tell me if there is a way that I can set a web page up to load a new image each time a visitor refreshes the page?

I pray I can find a way to do this without losing my mind/writing and troubleshooting javascript. I would like to have three images per main department page on the web site link below, but I don't want them to show all at once. I would like a new, single image to show up each time a visitor visits or refreshes the page. Does anyone have a clue if i can do this in Dreamweaver and how? Please help if you can.
Here is the link: http://www.graphicmechanic.com/DEKALBCOUNTY/parks-and-recreation/index.html
See the words in big type "Parks and Recreation". My goal is to have the clown/face painting photo next to it change to something else each time it loads. Let me know if my explanation is confusing please.

Hi
Try using a javascript random image generation script - chose from one of the following - http://www.google.co.uk/search?client=firefox-a&rls=org.mozilla%3Aen-GB%3Aofficial&channel =s&hl=en&source=hp&q=javascript+random+image&meta=&btnG=Google+Search.
PZ

How can I submit the page from javascript in html header?

I followed
http://www.oracle.com/technology/products/database/htmldb/howtos/htmldb_javascript_howto2.html#client
It says "doSubmit('Delete');" to submit the delete action.
If I do the same in the java script that is embededed in html header, it does not work.
I am assuming 'Delete' is the name of the button here.
I also tried:
document.forms[5].submit(); --> does not work
document.formname.submit(); --> does not work
I want to know:
how I get the form name. I am assuming that this is the name in Name field in "Page definition" or is this page number?
how to sumit a form from the javascript in html header

sudheshna,
function deleteConfirm(msg)
should be
function Confirmdelete(msg)
cheers
KIM

Dynamically display the page numbers on forms

Hi,
I have 10 pages in a form with the common footer section/fap in all pages. I used the common footer section to maintain the consistent left and right footer (having State specific footer information) on all ten pages. But I would like to display the page number dynamically based on page number as specified below:
For example, for page 1, it should display the footer as Page 1A,for page 2 it should display as Page 1B, for page 3 it should display as Page 1C etc.,
Can anyone help me on this issue how can I dynamically display the page number based on the current page as per the above requirement.
Thanks,
Srini.
Edited by: 943696 on Jul 9, 2012 4:39 PM
Edited by: 943696 on Jul 9, 2012 4:44 PM

Ignoring the fact that you have 10 pages that you want to label all as "page 1", assuming you have version 11.4 (? or higher) you might be able to do this.
Somewhere around that version the concept of "Print time" fields was introduced where you can define a field that will make a call-out to generate the value at the point in time when it tries to print.
You would name the field something like: ~DAL MyPageValue
Yes, with the tilde next to DAL and a space between DAL and the name of a script you want to execute that would do your calculation. As the previous reply mentions, you would have to keep track of your own page counter to know whether to append the 'A', 'B', 'C', etc. to the "Page 1" description you intend.

How can I save the web page by using the Page Title as the file name ?

When i use Internet Explorer ,I can save the web page by using Page Title as the file name(as default no need to adjust anything). But when i use Firefox ,It can not use the Page Title to save as the file name. How can I do that like in Internet Explorer?

See:
*File Title: https://addons.mozilla.org/firefox/addon/834
*Title Save: https://addons.mozilla.org/firefox/addon/712

Apple ID - 'Page can not be displayed' error.

I recently bought Apple Protection plan for my iPod, and I was registering it today when it told me to type in my Apple ID. I did so, then it came up with a 'Page can not be displayed' page. I'm really confused. I've tried several times, but it still hasn't logged me in.
I really need help soon, because my warranty is ending soon. Please help!!

4033
Hi Alice-san,
Did you type the full [email protected] or only yourID ?
Usually at Apple you have to type the whole address in the ID field, not the only name like at Yahoo for example.
Axl

Finding a page title

I'm trying to build a dynamic page navigation portlet (based on the the three structure of the pages). Like the "Display Child Pages As Links" - functionality.
But I can't find the page titles anywhere.
In the WWPOB_PAGE$ table only the title_id is to be found, and the same goes for the WWPOB_USER_BROWSE_PAGES view. Bu I can't find the actual page titles.
Can anybody help me out ?
Thanks in advance,
Christian Ballisager
null

As far as using a book of multiple documents, or a single document goes, it's largely a matter of preference and convenience, though there is some element of safety also in using a book -- if one section becomes corrupt, only that section is damaged. It also is much easier to navigate a shorter document.
Presets can hold page size, orientation, margins, bleeds, columns and page counts, but can have only a single master page. Templates can have both multiple document pages and multiple master pages applied, as well as pre-defined styles and color swatches and content objects. A template is a "real" document that can contain anything that any other document may have.
The only difference between a template and a regular InDesign Document is the file extension, which triggers a different default behavior. The .indt extension opens an untitled copy by default so you won't overwrite the template. The .indd extension opens as the original by default. You can convert from one to the other just by changing the extension.
Peter

Site Index using Page Titles

I'm wondering if there is a way to generate a site index that displays page titles instead of the full url. I'd like to provide a page that lists a site index in such a format. I have a php site with over 300 pages. Is there a tool out there for this? I already reset the default sitemap to TRUE - using Dreamweaver CS5.5, but the map view says I have to specify the homepage?? What do the experts suggest here?
Many thanks - I always value the input from this forum.

Easy. Create a PHP function file_get_contents and pass the URL of the page you'd like to grab the title for.
Do a regular expression match for <title></title> and grab the contents.
Echo it in your HTML.
Here's a code you can use:
<?php
function returnTitle($Url){
    $str = file_get_contents($Url);
    if(strlen($str)>0){
        preg_match("/\<title\>(.*)\<\/title\>/",$str,$title);
        return $title[1];
?>
<!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>Title generator</title>
</head>
<body>
<?php echo returnTitle("http://www.google.com/");?><br>
<?php echo returnTitle("http://www.adobe.com/");?><br>
<?php echo returnTitle("http://www.microsoft.com/");?><br>
<?php echo returnTitle("http://www.apple.com/");?><br>
<?php echo returnTitle("http://www.forums.adobe.com/");?><br>
<?php echo returnTitle("http://forums.adobe.com/message/4917208#4917208");?>

</body>
</html>
Name the file .php and run it from MAMP/ WAMP or on a webserver.
-ST

Can I dynamically display Page title over a static header image?

Similar Messages

Maybe you are looking for