| How can I make a sound
play when someone visits a page?
If you want a sound to start when a page loads,
you need to use an HTML code insertion.
While selecting the Insert menu
--> HTML Code... add this
code in the text zone displayed in the “Insert
HTML code” window.
<body>
<embed src="1.wav" align="baseline"
border="0" width="1" height="2"
autostart="true">
</body>
Do not forget to replace "1.wav"
by the path where your sound file is.
Which Web Hoster should
I choose to publish my website on the Internet?
When your Website is finished, you should put
it online.
Note that it is quite possible to host your site
with free Hosting Servers such as: Yahoo!GeoCitie,
PROHOSTING,
50megs,
etc. Several hosts exist, each having their own
particularities.
Once, your site is built, you can publish it
on Internet by using ThunderSite. All you need
to do is:
- Choose a Web hoster,
- Get an account and password from your chosen
Web hoster,
- Apply the parameters of this host to the FTP
Client provided with ThunderSite.
Click on this link
to see some configurations.
How to Add a Guestbook to
my ThunderSite Web Site?
A Guestbook will allow the visitors of your Website
to register their names and e-mail addresses and
leave comments about your Website. Many websites
use a guestbook and display the entries made by
the visitors and allow you, the page administrator,
to delete old or inappropriate entries.
You can get your own free guestbook in minutes!
Click
here to create your free guestbook!
After your registration, you can insert a hypertext
link towards your guest book.
How can I insert a visitor
counter on my site?
You can use the RoboCounter to count the hits
your Website gets. Place the RoboCounter hit counter
on as many websites as you wish, its only purpose
is counting hits. (http://www.robocounter.com/step1.php).
The RoboCounter will generate an HTML code which
you will insert in your website.
To insert the HTML code (counters, Java Script
code, etc.), go to Insert ---> HTML
Code.... (see the figure below)
Then, you must copy the HTML code in the text
zone of the following window:
To see the result of your code, go to the Preview
mode then click on the Refresh
button.
When inserting an Html or JavaScript code, it
is necessary to add the tag <body>
(that will be hidden automatically at the time
of the insertion).
Your code will look like this:
<body>
Your HTML/JavaScipt code
</body>
For example:
<body>
<center>
<a href="http://www.imingo.net"
target=_top>
<img src="http://www.imingo.com/services/compteur/icptgr.php?id=thundersite"
name="imingo.com" border="0"
alt="un compteur pour votre site"></a>
</center>
</body> |
Try to insert a counter code provided by imingo.net
(see http://www.imingo.com/services/compteur/).
Note: The results of some codes
only appear after publication.
How do I add meta tags, to
be able to reference my site?
ThunderSite eases this task (adding Meta tags),
just select the Site menu ---->Website
Properties... and fill in the fields
(as the figure below shows).
As for the Meta keywords and the Meta descriptions,
it is also simple!
Click on the Site Description
button in the window above, and enter your keywords
and site description.
Why aren’t special
letters, such as: é, è, ô,
and the apostrophe shown correctly, on Macintosh
using Netscape or IE?
Try to modify the charset, by selecting the menu
Site --> Website Properties.
How to insert a picture so
that the already existing text surrounds it?
To do this, it is necessary to use tables with
a border size equal to 0 by selecting in the menu,
Table---->Insert table...
If you want to insert a picture so that it is
surrounded with text, you can insert a table [3,3],
and to put your picture in the box [2,2].
Can I insert a JavaScript
code in my ThunderSite site?
Yes, you can insert JavaScript codes.
Try to insert this code and see what it does:
| <body>
<script language="javascript">
dCol='purple'; //couleur de la date.
fCol='#999999'; //couleur des numeros.
sCol='#FF0000'; //couleur des secondes.
mCol='green'; //couleur des minutes.
hCol='#0000ff'; //couleur de l'heure.
ClockHeight=50; //taille de la montre
ClockWidth=30; //taille de la montre
ClockFromMouseY=0;
ClockFromMouseX=100;
d=new
Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI");
m=new Array("JANVIER", "FEVRIER",
"MARS", "AVRIL", "MAI",
"JUIN", "JUILLET", "AOUT",
"SEPTEMBRE", "OCTOBRE",
"NOVEMBRE", "DECEMBRE");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+"
"+day+" "+m[date.getMonth()]+"
"+year; //si on veut que l'heure, on
enlève les commandes
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='arial'; //police
size=1; //taille de la police
speed=0.5;// vitesse d'accompagnement
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=10;
props="<font face="+font+"
size="+size+" color="+fCol+"><B>";
props2="<font face="+font+"
size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/5.5//espacement des
aiguilles
HandWidth=ClockWidth/5.5//espacement des
aiguilles
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=10;
y=new Array();x=new Array();Y=new Array();X=new
Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new
Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'"
top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'"
top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer
name=nsMinutes'+i+' top=0 left=0 width=15
height=15><font face=Arial size=3
color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+'
top=0 left=0 width=15 height=15><font
face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od"
style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate"
style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of"
style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace"
style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh"
style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours"
style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om"
style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes"
style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os"
style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds"
style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function
ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471
+ i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471
+ i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',50); //vitesse de tournage
}
if (ns||ie)window.onload=Delay;
</script>
</body> |
How can I add a downloadable
file on my Website?
To insert a link pointing
to a downloadable file, use the following method
(it's the simplest):
1- Import the file to download
(see below).
2- Write a text on your page (suppose, for example:
“click here” to download it), select
this text then right click and choose Insert
---->hypertext link.
3- Select the file (in the picture it is ThunderSite.zip).
4- Save your ThunderSite project and update your
Website, by using the “Update”
option while publishing.
Tip: Compress your downloadable
files to save space and improve download speeds.
I’d like to put a
photo-gallery on my site, what should I do?
For a good tutorial, you can visit Mr Thierry
Puget’s website, by clicking
here.
I’d like to insert
a photo as the background, is this possible?
To use a photo as background you need to:
- insert a single line and single column table
(see below),
- Right-click on this table,
- Select Properties of the table of the context
sensitive menu,
- Tick off “Use a background picture”
(see below).
|
Overview
