Html snippets with style

I'm trying to do a (for now) simple form in iweb using the html snippets tool. The text in the non-form parts of my page use white Calibri of various sizes ("I'm using the "Darkroom" page template). The static text in my form looks like Times and is black. So my question: How do I get the static text in my form to assume the same style(s) as in the rest of the page?
I'd like to avoid having to redo the form every time that page gets updated so that's why I'm not hand hacking the html, although this may turn out to be the better way to go.
TIA,
eric

What's the code you're using in the HTML snippet. Post it here using the Quote button. Then we can see if font attributes can be added to it.
Is this a Form Action type of form? See this demo page for examples: Embedding Forms
OT

Similar Messages

HTML Snippet with containing SWF file covers a PNG button I created

Is there a way to place a PNG picture with a hyperlink over a flash intro? Here's the link to my website: www.recklesswear.com. The enter button had to be placed below the HTML snippet box because it covered the button. I want to have the button higher up on the page. I've brought the "enter" button to the front and sent everything else to the back. Still not working. Thank you.

Welcome to the Apple Discussions. Snippets take priority and always end up on top. So you'll either have to put the button below or somewhere else or try what Chuck suggested, incorporate the hyperlink in the flash intro.
Happy Holidays

How to send an html snippet with swf flash under other layers in iWeb?

I like designing websites on iweb but face problems regarding flash.
When i embedd a swf in an HTML snippet...the snippet automatically postions itself at the topmost layer. Even if you send it behind lets say a box or any shape, or a link ..on publishing it , it comes right back up when seen on other browsers like firefox or chrome. But strangely on my mac browser - safari- it works just fine.
Links in a flash swf banner when placed in iWeb (inside an html snippet ) opens other linked pages within the frame of the html snippet itself...and not as a seperate page.
I'm not a programmer so i wouldnt understand complicated stuff... but i knw how to copy paste codes inside a snippet and edit the sizes.
I need help fast?
Thanks in Advance!!
Anshuman

When i embedd a swf in an HTML snippet...the snippet automatically postions itself at the topmost layer. Even if you send it behind lets say a box or any shape, or a link ..on publishing it , it comes right back up when seen on other browsers like firefox or chrome. But strangely on my mac browser - safari- it works just fine.
That's how browsers behave.
Links in a flash swf banner when placed in iWeb (inside an html snippet ) opens other linked pages within the frame of the html snippet itself...and not as a seperate page.
Use the target attribute : target="_top" or target="_blank" in the <a href> element.
I'm not a programmer so i wouldnt understand complicated stuff... but i knw how to copy paste codes inside a snippet and edit the sizes.
Pasting custom code in a HTML Snippet and make it work is your responsibility. And if you're not a programmer, start learning and become one. Before you know you're the resident technology expert in this forum.

How do I change the style of text in an HTML Snippet?

Hello everyone,
I'm using an HTML snippet with an iFrame tag in it. What formatting code do I include in the snippet so that the style of the text is the same as that of the default text object for the particular iWeb theme I'm using?
Much obliged,
Gregory

Use CSS to format fonts. Look here for info.

Posterous blog HTML Snippet problem - not all of blog is showing up...

Good morning all! So I was looking for a solution for our newly formed website (I'm a novice) where I could have multiple users update our blog page without having to use iWeb to do it. I read up on Posterous and it appears this would be an ideal solution. So I found some code from another Apple Discussions poster, Alancito, that would pull my Posterous blog directly into the iWeb page I created. Well it has done that, sort of...
I see the header from the blog, but the content isn't visable. Well, actually if you highlight the header or "blog differently" and then hold down like you're scrolling down the page, the info is there. But the HTML snippet always cuts it off. Even if I expand the size of the snippet in iWeb, it ALWAYS reverts back to this same size.
I'm in a bind here and could really use some help.
Here's the blog page address: http://www.sporkfoodwagon.com/SporkFoodWagon/Blog.html
And here's the code I was provided.
<iframe height="100%" allow transparency="true" frameborder="0" scrolling="no" style="width:100%;border=none" src="http://sporkfoodwagon.posterous.com/"></iframe>
Message was edited by: andrewrichardson

Andrew ~ Perhaps someone will suggest a solution to the HTML Snippet problem, but meanwhile, with this recent improvement to Posterous:
http://blog.posterous.com/posterous-unveils-pages
...perhaps you don't need an iWeb site at all. If you must have one, consider linking to your Posterous blog directly from iWeb's navigation bar:
Create a blank internal page titled "Blog" (actually you can name the page whatever you want.) Then in that Blog page add an HTML Snippet with the following code:
<script type="text/javascript">
parent.window.location = "http://www.yourblogname.com"; // change this to your own URL
</script>
...Once published, clicking on "Blog" in the navbar will immediately redirect to your external Blog page. (Thanks to Cyclosaurus for the code).
And to return from Posterous back to your iWeb site:
http://blog.posterous.com/pages-20-add-links-to-your-sidebar

Preload rollovers in HTML snippets

Hi there, bit of a random one, and a little bit specialist, but I have a HTML snippet which is a rollover in iWeb, but obviously it doesnt load either of the two rollover images until the first time they are 'touched' my the mouse. After that it's fine, but I can't figure this one out? The code for the rollover I'm using so far is: <script type="text/javascript" language="JavaScript">
?function mouseOver()?{?document.rollover_one.src ="ORIGINAL IMAGE"
?function mouseOut()?{?document.rollover_one.src ="ROLLOVER IMAGE"
</script>
  Apparently this code is for preloading javascript: <script type="text/javascript">

</script>
But if it DOES work in iWeb 'HTML' snippets with rollovers, i still have no idea how to 'merge' the code :S How would I incorporate further javascript code into that to 'preload' stuff so that the rollover images dont have to be cached first? Cheers! T

The one of the two codes shown on this demo page: Rollover-gifs .
WOT

HTML snippet _Analytics

Hi,
I'm trying to add an HTML snippet with my Google Analytics code and the snippet is not being added to the page. Has anyone an idea of what I need to do to make it publish with the code?
Perhaps I need to add some before/after tags?? (I'm a bit lost with HTML, but Apple say in the iWeb-09 Help, that you can add any sort of HTML using the snippets.
iWeb-09 3.01, publishing to iDisk (Web/Sites). I'm syncing iDisk locally.
Grant

Okay ... answering my own question. This may well be useful for lots of iWeb-09 users who would like to use Google Analytics on their sites.
*HTML snippets do indeed work.*
_The problem :_
When you choose to insert an HTML Snippet, iWeb-09 always places it in the body of the page. If you try to move it elsewhere, it won't go. Instead, it simply pushes the boundary between the parts to enlarge the body.
_The solution :_
You must put the snippet into the page 'Footer'. To move the snippet into the Footer, you must hold down the Command (Apple) key when moving it. That's all.
Grant

Can i enter php code into html snippets?

I am an sql/php newbie ... and have my site hosted by a company which offers me sql and php hosting (unlike dotmac I understand) ...
I have created an sql database on their server and have written a page in html/php to display the results of a simple search ... can I insert this into iweb page using snippet - as I have tried and get a page cannot be displayed message where the snippet box would be on the webpage. (you can see this by clicking on the guestbook link on www.antandcleopuss.com)
I am wondering if iweb can insert php or if it is only html?
If iweb doesn't like php inserts then I will have to export my pages to a folder, then open them in a text editor to insert the php there?? (seems like an awfully long way round)
Any help gratefully received
ant

You can add PHP code AFTER publishing the webpage.
Then change the extension to .php.
Here's a page the explains how to do it. It's not PHP specific but the routine is the same.
http://web.mac.com/wyodor/Ajax/
Of course you can add a PHP page to the HTML Snippet with an iframe.

Having trouble with html snippets and movies in iweb 09

Hi I have built a site iweb2.0.4 and recently moved it onto my new machine with iweb 09 on. Basically I have been putting in videos that I have exported for web out of Quicktime. In the past I have simply added an html snippet code like this in <iframe src="http://evileducation.org/stammuraifinalcomp/ReadMe.html" style="width: 340px; height: 285px"; scrolling="no" controller="true" frameborder="0"></iframe>
I edit the ReadMe.html based on a tutorial I saw and it loads the movie after pressing the "Click to play" button. Now in 09 when I put the code in to the snippet it just shows a Quicktime symbol with a question mark. if you check the link below you can see the videos with the best I have managed to do so far which is get the new movies on but they both autoplay (I have linked in this instance to the 4kb .mov in each folder rather than the readme.html.). I don't want to just drag a video in I would like the options to view on phone or on computer etc and not for them to autoplay. Is there a new/ different way to do this now. Surely it shouldn't be this hard to get the export for web in Quicktime and iWeb to work together? The frustrating thing is if you check the link below the old movies work fine still it's just the 2 new ones. Soz for the long one!
http://evileducation.org/eviltwin_education_2010/movies_made_by_youngpeople.html

Less cryptic :
MAKE THE TWO MOVIES THE SAME AS THE OTHER EIGHT.
Here are some pages for your convenience you can study and nim :
http://www.wyodor.net/iFrame/
http://www.wyodor.net/MoreEmbed/
[Using the iWeb HTML Snippet|http://www.wyodor.net/blog/archives/2009/07/entry_213.html]
http://www.apple.com/quicktime/pro/tutorials.html
You may have to learn HTML/CSS/JavaScript.
for the young people with disabilities that made
Keep the emotions out of the equation.

Problems with drop down menu in html snippet

Hi all,
I am trying to use a form with a drop down menu so the user can jump directly to the corresponding page. I am using the code generated by http://javascript.internet.com/generators/drop-down-menu.html, and it works correctly when I test it in the "Show me the drop down menu" option on their page.
This is the html code:


<BODY>




<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex] .value;" value="GO">
<option value="">select genre</option>
<option value="http://www.mygaragebandstudio.com/blues_rock.html">blues/rock</option>
<option value="http://www.mygaragebandstudio.com/cinematic.html">cinematic</option>
<option value="http://www.mygaragebandstudio.com/country.html">country</option>
<option value="http://www.mygaragebandstudio.com/electronic.html">electronic</option>
<option value="http://www.mygaragebandstudio.com/experimental.html">experimental/new age</option>
<option value="http://www.mygaragebandstudio.com/jazz.html">jazz</option>
<option value="http://www.mygaragebandstudio.com/latin.html">latin</option>
<option value="http://www.mygaragebandstudio.com/orchestral.html">orchestral</option>
<option value="http://www.mygaragebandstudio.com/urban.html">urban</option>
<option value="http://www.mygaragebandstudio.com/world.html">world</option>
</select>
</form>
When I paste this code into an html snippet in iWeb, my page does not work correctly after publishing to a folder. The jump to location doesn't open its corresponding page. Instead, it defaults to the same page that has the drop down menu, only the menu doesn't appear any more. Instead, I get a "hole" where the drop down menu used to be.
This is my URL: http://www.mygaragebandstudio.com/jingles.html
I examined the code of the page with the html snippet generated by iWeb, and to my surprise I couldn't even find the html code of the form with the drop down menu. Where is it?
Please help!
null

Manuel wrote:
Green Star for you!
JSYK,
You didn't actually give PressWeb the green star by marking his post as the post that solved your question. You merely marked the question as answered but never actually marked PressWeb's post as being the post that answered your question, which will in effect reward PressWeb with the green star as seen by a green star appearing in the header for his post. I only mention this because you have incorrectly mentioned rewarding PressWeb with a green star.
Hope that helps.

Zoomify embedding with HTML Snippet?

Can you use Zoomify with HTML Snippet in iWeb '08? I can't seem to make it work.

I have placed a Zoomify an my site and there i explaned how to do this
1.If you are ready in Photoshop and have exported the file you’ll find a web-page with the name filename.html and a map that’s called filename_img. Open the HTML page with software like Taco HTML Edit. (Freeware)
2.Select al the code and copy it.
3.Go to the web-page in iWeb where you want Zoomify, choose webwidget and paste in the HTML.
4.Publish your site.
5.If finished, open your iDisk and open the map with your page name (path iDisk(your name)/web/your site name/your page name)
6.Copy the map filename_img to the map called as the page name. This can take some time
Take a look on this page: http://web.mac.com/guy.beckers1/mediainbelgium/Home.html

Adding Statcounter code with HTML Snippet

On an earlier thread, someone posted a message that they could add the Statcounter code using an HTML Snippet. Does anyone know how to do that (and make sure it gets put in the right location)?
Thanks,

You can add statcounter using HTML Snippet.
but if you need statcounter to track different pages then HTML Snippet will give you bad results.
Because when you add statcounter code or any code for that matter, iweb adds the code to another page aka widget(#)_markup.html and links these pages to you target pages by way of iframe element. (unless iweb'09 does thing differently, but I doubt it)
example: let say you have twenty pages and add statcounter to each of them, you will see the results point to widget(#)_markup pages and not your page URL.
You came get away with all that if you know javascript (statcounter code is javascript).
I've been doing this for years, here is my example: http://home.cyclosaurus.com/Welcome.html
scroll all the way to the bottom, see that iweb look-a-like hit counter? it's a statcounter!
So, how are you with javascript?

Problem with html snippet

I have been using iWeb for a long time now, it's been fine up until recently. Everytime I try to add HTML Snippet to my site, it inserts the box on to my webpage, but fails to load in the edit box where you can paste your HTML in.
How would I rectify this?

Try the troubleshooting steps under "Fix iWeb" here...
http://www.iwebformusicians.com/iWeb/iWeb-Tips.html

Trouble with HTML snippet

An HTML snippet does not work once published to a website although it does work in the "view published site" option. Error message "Not Found URL requested". I use iWeb for my website and Firezilla to publish to www. Any solutions please?

This could be caused by the file in question not being uploaded to the server or an error in the URL.
You need to use your FTP app to have a look at the files on the server to see if the appropriate one is actually there and in the correct place.

HTML Snippet Font

Hello --
I have an HTML snippet embedded on one of my iWeb pages that provides a list of events that have been entered on to a BigTent group. The page on BigTent that provided the code displayed what the snippet should look like, and the text was in a sans serif font (Arial or Helvetica) that would nicely blend in with the look of the site I am working on, however, when I actually pasted the snippet onto the iWeb page, it displayed in Times font. I have tried to add in a line of code to change the font, but it never does change. Here is the snippet (with no alterations):
<script type="text/javascript"
src="https://www.bigtent.com/hosted/sdhsa/calendar/upcoming?hosted_key=42742
419ae77ecead0502edab9715469&nevents=5&days=90"></script>
Any ideas on how I can get this to display in a specific font (in this case, helvetica)?
Thanks!

Enclose the JavaScript with a <span> and use a style
<script type="text/javascript"
src="https://www.bigtent.com/hosted/sdhsa/calendar/upcoming?hosted_key=42742
419ae77ecead0502edab9715469&nevents=5&days=90"></script>
http://htmlhelp.com/reference/css/font/

Html snippets with style

Similar Messages

Maybe you are looking for