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/

Similar Messages

Change font in JavaScript in html snippet

I would like a 'this website was last updated' and have found a script that seems to work in an html snippet in iweb but I can't work out how to change the font. Also I don't want to incude the day of the week but am unsure how much to delete. I'm a novice so if someone could edit the code for me that would be marvellous! I would like the font to be in Helvetica Neue in size 12. Thank you
Here's the script
<script language="javascript">
months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
var d=new Date();
var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";
var d = new Date();
(d.getFullYear());
var theDate = new Date(document.lastModified);
theDate.setTime((theDate.getTime()+(60*60)) )
with (theDate) {
document.write("<i>Last updated "+weekday[getDay()]+' '+getDate()+' '+months[getMonth()]+' '+d.getFullYear()+' '+getHours()+':'+getMinutes()+" GMT</i>")
</script>

Eureka! I think I've finally done it. With the help of all of you and combining & editing scripts I think I've achieved it. It seems to be working anyway. Perhaps you would have a look at it and see if there are any glaring errors! Many thanks to you all... I understand it a little better now but I still couldn't have done it on my own. Thanks again
<div style="width: 250px; height: 15px; margin-left: 0px; font-family: Helvetica Neue, Cochin, 'Helvetica Neue', Arial, sans-serif; font-size: 11px; color: #424242">
<script type="text/javascript">

</script>
</div>

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.

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

How to change appearance of text in HTML snippet?

Does anyone know if / how I can make the text inside an HTML snippet (when rendered in the overall HTML page) appear like the text on the rest of the page?
Here, you can see an example of what I mean: http://zach.in.tu-clausthal.de/tmp/iweb.png
So, the HTML snippet contains, effectively, a hyperlink to an email adress - now I would like to make the email adress look like all other links on my web page.
I have tried to insert a <span class=".."> inside the HTML snippet, to no avail.
Any other ideas, suggestions, and insights will be highly appreciated.
Regards,
Gabriel.

Normally you would just use a style for the <a> so that you can style the link and rollover.
If you want to use this code as is, put the CSS into the snippet. You don't need a span "class".
Change the span to this...
<span>zach in.tu-claushal.de</span>
... and add the style...
<style type="text/css">
span {
    font: 1.0em "Verdana", sans-serif;
    font-style: normal;
    color: #000FFF;
    text-decoration: underline;
    text-transform: normal;
</style>
Change the font type, size and color to taste.
I have expressed the size in ems but you can use pixels etc.
If you don't want the underline, change "text-decoration" to "none".

CODE ADDED using HTML Snippet Widget does not work

I am trying to add some code to a web page using the HTML Snippet widget and it does not work on my page. the code is as follows:
<script src='http://adn.ebay.com/files/js/min/ebay_activeContent-min.js'></script>
<script src='http://adn.ebay.com/cb?programId=1&campId=5336536214&toolId=10026&keyword= coinset+nationaruba&catId=11116&width=728&height=90&font=1&textColor=333366&linkColor=333333&a rrowColor=8BBC01&color1=B5B5B5&color2=FFFFFF'></script>
Can anyone help me to get this to work?
Thanks!
Gregg

I got this code from Ebay. It is an Ebay partner link.
Gregg

Html Snippet Code from BandsInTown not working...

I have just installed a list of tour dates using BandsInTown App linked with my
facebook page here
https://www.facebook.com/pages/Anna-Corcoran-Music/173909359323639
And i have selected the box offering the code to embed the dates onto my
website here at www.annacorcoran.com which is:
<script type='text/javascript' src='
http://www.bandsintown.com/javascripts/bit_widget.js'></script>
<script type='text/javascript'>var widget = new BIT.Widget({"artist":"Anna
Corcoran Music","prefix":"fbjs"});widget.insert_events();</script>
But when I paste the code into the html snippet box in iweb just
an empty box with a faint outline appears. Is this to do with needing to adjust the code for
iweb?
HELP!! Why isn't it working?!
Anna

Okay - last question where in the code below Can I change the colour of the text?
<script type='text/javascript' src='http://www.bandsintown.com/javascripts/bit_widget.js'></script>
<script type='text/javascript'>var widget = new BIT.Widget({"artist":"Anna Corcoran Music","prefix":"fbjs"});widget.insert_events();</script>
Thanks

How to capture an HTML snippet like dashboard widget?

How do you copy a website html to paste into an iWeb 09 html snippet? Is there a copy command in the Safari browser like when you clip a snippet to make a Dashboard widget? That would be too easy. Do I need some other software for copying the html?

Photog Dog wrote:
How do you copy a website html to paste into an iWeb 09 html snippet?
Drag your pointer over the embed code so that it is all highlighted in blue. Then do ⌘C to copy it and then paste it into iWeb's HTML Snippet window by doing ⌘V.
Is there a copy command in the Safari browser like when you clip a snippet to make a Dashboard widget?
No — Only the general ⌘C and ⌘V editing commands mentioned above.
Do I need some other software for copying the html?
No.

WEB WIDGET - HTML SNIPPET how to post myspace music in iWeb

i'm making a site for a band. i'm using the *web widget- html snippet* to insert the myspace player from a band. the bands site is http://www.myspace.com/mod39lone.
this is the code i'm putting in :
<embed src="http://lads.myspace.com/music/musicplayer.swf?n=aHR0cDovL211c2ljLm15c3BhY2 UuY29t&t=wz7NYVvdN1sD5sZn5jwqhteIJEBAWtU7cGxSvblOZr59VYuvhFOEuaUs29mG1lCNKsOUiB4 00Vl6iAOogScxHQ==&u=LTE=&a=0&d=MTc4MzA0MTgxXjExODc3NDE1MjU=" quality=high bgcolor=#FFFFFF width="450" height="345" name="mp3player" align=""type="application/x-shockwave-flash" FlashVars="culture=nl-NL"pluginspage="http://www.macromedia.com/go/getflashplay er"> </embed>
when i'm editing iWeb, the player shows up and plays the music and everything is fine! but when i publish the site, it says "Movie not loaded" when you click on it.
the site i'm currently working on is still being worked on, but i made an extra page to show whoever could help me. the link is:
http://web.me.com/henreegee/IamTokyo/Blank.html

That method can be done using iFrame code in an HTML snippet. You need to upload the Family Matters - Computer.m4v file to your server and link to it there via an HTML snippet and iFrame code. An example is in this demo page along with the code: QT movies via iFrame.
There are other ways to add the movie (the full one Family Matters - Computer.m4v.
One is to upload the file to your server and linking to it as shown in this demo page: Opening Item in a New, Precisely Sized Window.
The method you posted is explained in this tutorial: Old Toad's Tutorial #18 - Adding Movie/Video File to iWeb Page via Export for Web in Quicktime Player. To see the edits click on the buttons in steps 5a and 5b.
OT

HTML Snippet does not exist as a Widget option in iWeb 09

I have iWeb 09 on my machine. I'm trying to insert an HTML Snippet onto a page so i can drop in the code for a XSPF player.
When i choose "Show Media", under Widgets there are only four, and HTML Snippet isn't one of them. I only have:
MobileMe Gallery
Google AdSense
iSight Photo
iSight Movie
I also don't have the YouTube widget, the Google Map Widget--these i only know about by looking in support and seeing that these should all be there.
Any thoughts as to how i can get HTML Snippet available in my media widgets? My site is almost completed and ready to publish. Without this feature it will be pointless to publish at all.
Many thanks for any suggestions!
Peter

Can you post the code you are using so that we can see what the problem is?

IWeb, HTML Snippet, and MySQL via GoDaddy (db already built)

I have a site (zigcodes.info) that is hosted by GoDaddy. I built the site using iWeb. No complaints there. I have a MySQL database and table built to store codes added by users. There is also one called "hit list" on another page, but I haven't finished coding it. I need to solve this problem before I can finish that page. So far, I've successfully linked my submit forms to the database. When a user adds a code, it does indeed populate into the database (hooray for small miracles).
Of course, doing this dumps the user onto a blank white page, but I think I can fix that with a redirect at the end of the php file used by the form. My problem comes in when I try to display the codes in the database on my page. I know how to query the db using SELECT * FROM, but I can't figure out what to do with the data after that.
I'm having a heck of a time getting the HTML Snippet widget correct in iWeb. I've seen suggestions that are all over the place, but can't seem to get any to work. I'm told that <iframe> may be a viable solution, but I am at a loss as to how. Honestly, my site is very simple and I don't need fancy functionality. All I need is a list, in table form would be nice but really not necessary, of the 30 names/codes most recently added to the db by users of my site. I can get the echo command to print headers for my data, but not the data itself.
Will <iframe> work, and if so, how? If not, what's my best bet? Should I go with a table in the HTML Snippet widget, with tags like <? echo "$code"; ?> inserted into my<td></td> content? Or, would it be best to use the <script src="activecodes.php"></script> solution with an external php file? Or am I way off on all of these? I do know that iWeb won't do it for me with it's own magic, but it seems like there should still be a way to add code into the HTML Snippet widget and display the db data on the iWeb designed page. Help?

Yeah, the code you suggested isn't live now because I always remove changes to my code that affect no change. It makes for a cleaner build later. Here are some variations of your sugestion that I tried:
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
</form>
</div>
AND
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
</form>
</div>
AND
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<input type="hidden" name="good_url" value="http://www.zigcodes.info/" />
<br />
<input type="submit" value="Add it!" />
</form>
</div>
I even tried this because I saw other people suggesting it in similar forums:
<div align="center"><form name="newcodes" action="newcode.php" method="post">
<input type="text" name="newcode"/>
<br />
<input type="submit" value="Add it!" />
<input type="hidden" name="redirect" value="http://www.zigcodes.info/" />
</form>
</div>
All of the above produce the exact same, unwanted result: a blank white screen with the URL of my .php file (the one that handles the form post).

HTML Snippet widget bug report.

Dear Apple iWeb 08 Engineers.
I didn't know where to send this bug report and so I have resorted to this forum. I hope it gets to you somehow.
When creating a simple HTML Snippet in a page it seems that the piece of code that refers to the newly created widget in the .html for the page has a bug in it. For example, I have a page on my website called "Animation"; it has a simple HTML Snippet the code for which has been tested (by viewing the file widget0_markup.html in a browser). In Animation.html the following line appears
<iframe id="widget0-frame" src=".//Animationfiles/widget0markup.html" frameborder="0" style="width: 100%; height: 100%;" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>
Surely the pathname in the "src" option is in error (what the **** is .//?). If I change it to ./ by hand then everything works. Please change this asap, because at the moment I have to go into every page and change it by hand after publishing.
Many thanks, Marvin.

Thanks for the reply, but I'm afraid that I'm not convinced.
In all the flavours of unix that I've ever used ./ is the current directory, ../ is the parent directory and ../../ is the grandparent directory (not .// as you suggest). In any case, the path name of source file in question is ./Animationfiles/widget0markup.html (assuming the code in question is in the file Animation.html) and so going up the tree into the grandparent directory is not what you want to do anyway; the directory Animation_files is always in the same directory as Animation.html and the file widget0_markup.html is saved, by iWeb upon publication, in the directory ./Animation_files.
In short, I still think it's a bug, but thanks for the advice; I apologise if I am wrong.
Marvin.

Embed iCal into iWeb through HTML snippet after Lion OSX update

How do I embed my published iCal calendar into iWeb through an HTML snippet AFTER the Lion OSX update last month? I use iWeb to create my classroom website but it no longer has my interactive calendar for my students. Help!

I am curious about this too, does anyone know how to embed a Lion iCal Calendar into iWeb?
I found an old walkthrough of how to do it, but on the published site it just opens ical and offers a subscription, you cannot actually see the calendar on the web page it is embedded on.
Thanks!

HTML Snippet was working on iWeb 08 but not now on iWeb 09

Having upgraded to iWeb 09 from iWeb 08, suddenly I am unable to upload slideshows using a third party program called "SlideShowPro for Lightroom" successfully. They embed in iWeb fine but once they export they do not show up online. So, in short the slideshow shows up online but do not show up embedded onto the final iWeb page.
Link to unembedded slideshow (which works fine)...
http://www.jonnyback.com/lightroom_slideshows/markandemma/loader.swf
Link to website without slideshow showing up...
http://www.jonnyback.com/markandemma3
Code used to embed slideshow in HTML Snippet inside of iWeb 09 (which previsouly worked in iWeb 08)
http://www.jonnyback.com/markandemma3code
Finally, here is a screen grab of iWeb09 showing my site and how the slideshow is fine in iWeb but isn't once it is exported...
http://www.jonnyback.com/downloads/iWeb_Screenshot.jpg
Here is an example of a page which I uploaded from iWeb 08, and it works fine, but only because I exported it to a folder whilst I was still using iWeb 08...
http://www.jonnyback.com/mattandanna
The Slideshow also shows up here fine...
http://www.jonnyback.com/markandemma3files/widget0markup.html
And iWeb can not get a native iWeb Photo Gallery loading online in a similar way, it just doesn't show up online either...
http://www.jonnyback.com/markandemma2iwebphoto
I've tried loading the page on a different server with the same issue, the Slideshow Pro gallery just does not show.
Any advice would be greatly appreciated,
Jonny

Thank you Roddy, I have done my homework but it isn't wokring yet.
In the iWeb native Photo Gallery page, I have come up with the scenario again where it works in a subfolder...
http://www.jonnyback.com/Site/markandemma2iwebphototest.html
But not on the normal website domain...
http://www.jonnyback.com/markandemma2iwebphototest.html
As a check I did find out that the Slideshow still doesn't work with the subfolder "/Site" scenario...
http://www.jonnyback.com/Site/markandemma3
How bizarre!
Any ideas?

Trying to add a HTML snippet but not working

i am trying to add an HTML code (from goole) to my iweb blog using the HTML snippet, but once I paste the code from google only an empty box appears instead of the button it is intended to create..
any ideas????? I am trying to add the google friends connect button to my blog
thanks!
madeline

me again!!!! it worked once published...thank you
now the new issue is that if i click on the pict of one of the "followers" on the blog, the text and picture all the person's information is too big and runs out of the screen???
here is the webpage address in case you feel like taking a look at it for me...
www.tourismwithatwist.com
Thanks,
Madeline

HTML Snippet Font

Similar Messages

Maybe you are looking for