Bibliothèque de codes simples en HTML
Page 1 sur 1
Bibliothèque de codes simples en HTML
TEXTE DEFILANT AUTOMATIQUEMENT
But: faire défiler du texte dans votre page web
Code:
Explications:
scrollamount: Définit de combien de pixels le texte avance.
scrolldelay: Définit le temps ou le texte reste dans la même position.
behavior: Définit le type de glissement (scroll=défiler, slide=glisser, alternate= les deux)
direction: Définit la direction de votre texte (up=haut, down=bas, left=gauche, right=droite)
Mode d' emploi: copiez/collez ce code dans un fragment HTML
Précautions: A utiliser avec modération dans votre page
But: faire défiler du texte dans votre page web
Code:
- Code:
<marquee behavior="alternate" direction="up" scrollamount="50" scrolldelay="5">ici votre texte qui va défiler</marquee>
Explications:
scrollamount: Définit de combien de pixels le texte avance.
scrolldelay: Définit le temps ou le texte reste dans la même position.
behavior: Définit le type de glissement (scroll=défiler, slide=glisser, alternate= les deux)
direction: Définit la direction de votre texte (up=haut, down=bas, left=gauche, right=droite)
Mode d' emploi: copiez/collez ce code dans un fragment HTML
Précautions: A utiliser avec modération dans votre page
Dernière édition par jeancharleslast le 18/12/2010, 13:03, édité 6 fois
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
TEXTE DEFILANT MANUELLEMENT
But: Obtenir un cadre dans le quel on fait défiler le texte avec un ascenseur.
Code:
color: Définit la couleur de votre texte (#000000=noir)
font: Définit la taille de votre police (13px= 13 pixels)
height: Définit la hauteur du cadre contenant le texte
width: Définit la largeur du cadre contenant le texte
Attention, la barre défilement n'apparait que en cas de besoin. Si la hauteur de votre cadre (height) dans le code ci-dessus est trop importante, la barre n'apparaitra pas..
Les balises
servent à aller à la ligne et peuvent être ajoutées ou supprimées au besoin.
Exemple:
TITRE 1
ICI VOTRE TEXTE
TITRE 2
ICI VOTRE TEXTE ICI VOTRE TEXTE
Mode d' emploi: copiez/collez ce code dans un fragment HTML
Précautions: Aucune
Code:
- Code:
<div style="height:35px;width:300px;color:#000000;font:13px/16px Verdana;overflow:auto;">
<font color="004080"><strong>TITRE 1</strong><br></font>
<font color="004080"> ICI VOTRE TEXTE </font>
<br><font color="004080"><strong>TITRE 2</strong><br></font>
<font color="004080"> ICI VOTRE TEXTE </font> ICI VOTRE TEXTE
</div>
color: Définit la couleur de votre texte (#000000=noir)
font: Définit la taille de votre police (13px= 13 pixels)
height: Définit la hauteur du cadre contenant le texte
width: Définit la largeur du cadre contenant le texte
Attention, la barre défilement n'apparait que en cas de besoin. Si la hauteur de votre cadre (height) dans le code ci-dessus est trop importante, la barre n'apparaitra pas..
Les balises
servent à aller à la ligne et peuvent être ajoutées ou supprimées au besoin.
Exemple:
TITRE 1
ICI VOTRE TEXTE
TITRE 2
ICI VOTRE TEXTE ICI VOTRE TEXTE
Mode d' emploi: copiez/collez ce code dans un fragment HTML
Précautions: Aucune
Dernière édition par jeancharleslast le 18/12/2010, 13:05, édité 8 fois
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
IFRAME
IFRAME
But: Afficher une page HTML dans une autre
Code:
SRC : Définit la page à afficher. exemple: http://www.blablabla.html
Height et Width: Définissent la taille de la page à afficher (iFrame)
Border: Définit la largeur d'une bordure (0px pour aucune, 1px pour 1 pixel de large etc...)
Scrolling: Définit la présence d'une barre de défilement ou non (auto, yes ou non)
Exemple:
style="width:400px; height:200px;
border-width:1px;
border-color:#000000;
border-style:solid;"
scrolling="auto" >
Mode d' emploi: copiez/collez ce code dans un fragment HTML
Précautions: La page affichée dans votre page (iFrame) ne sera pas référencée
But: Afficher une page HTML dans une autre
Code:
- Code:
<iframe name src="La-Page-A-Afficher.html"
style="width:400px; height:200px;
border-width:1px;
border-color:#000000;
border-style:solid;"
scrolling="auto" >
</iframe>
SRC : Définit la page à afficher. exemple: http://www.blablabla.html
Height et Width: Définissent la taille de la page à afficher (iFrame)
Border: Définit la largeur d'une bordure (0px pour aucune, 1px pour 1 pixel de large etc...)
Scrolling: Définit la présence d'une barre de défilement ou non (auto, yes ou non)
Exemple:
style="width:400px; height:200px;
border-width:1px;
border-color:#000000;
border-style:solid;"
scrolling="auto" >
Mode d' emploi: copiez/collez ce code dans un fragment HTML
Précautions: La page affichée dans votre page (iFrame) ne sera pas référencée
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
ROLLOVER, MOUSOVER, EFFETS AU PASSAGE DE LA SOURIS
Dernière édition par jeancharleslast le 21/1/2011, 12:20, édité 6 fois
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
INSERER UN FICHIER FLASH (.SWF)
But: insérer un fichier flash (.swf) dans une page (une vidéo, une photo à 360°...)
Codes:
Deux possibilités d'intégration d'un fichier en format flash.
1/ Premier code
Second code possible
Explications:
"width="700" height="325" définit la taille de votre fichier flash.
"url-De-Votre-Fichier.swf" doit être remplacé par la vraie URL de votre fichier flash.
Précautions:
Dans les deux cas suivants, il vous faut au préalable uploader votre fichier (.swf) sur votre serveur.
Je vous conseille de vérifier le bon fonctionnement de cette upload en tapant l' URL de votre fichier flash dans un navigateur. Exemple: "http://MonSiteWeb/Video.swf"
-----------------------------------------------------
Pour en discuter: Sujet unique FLASH & IWEB
Codes:
Deux possibilités d'intégration d'un fichier en format flash.
1/ Premier code
- Code:
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" width="700" height="325" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="url-De-Votre-Fichier.swf" />
<param name="quality" value="High" />
<param name="allowfullscreen" value="true"/>
<embed src="url-De-Votre-Fichier.swf" quality="high" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="325"></embed></object>
Second code possible
- Code:
<iframe src="url-De-Votre-Fichier.swf" frameborder="0" width="600" height="400" scrolling="no" allowTransparency="true"></iframe>
Explications:
"width="700" height="325" définit la taille de votre fichier flash.
"url-De-Votre-Fichier.swf" doit être remplacé par la vraie URL de votre fichier flash.
Précautions:
Dans les deux cas suivants, il vous faut au préalable uploader votre fichier (.swf) sur votre serveur.
Je vous conseille de vérifier le bon fonctionnement de cette upload en tapant l' URL de votre fichier flash dans un navigateur. Exemple: "http://MonSiteWeb/Video.swf"
-----------------------------------------------------
Pour en discuter: Sujet unique FLASH & IWEB
Dernière édition par jeancharleslast le 21/1/2011, 11:57, édité 2 fois
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
INSERER UN WIDGET DASHBOARD
But: Utiliser un widget Dasboard dans une page web
Code:
Explications:
src="http://blablabla.html" indiquel' adresse URL du fichier HTML votre Widget (voir ci-dessous)
Height et width définissent la taille du Widget
Précautions:
1/ Aller dans le dossier Bibliothèque >Widget > choisir le widget de son choix puis
Clic droit sur le widget > ouvrir le contenu du paquet et copier-coller le contenu dans un dossier sur votre bureau (par exemple du nom de widget)
2/ Envoyer ce dossier "widget" sur un serveur en ligne, via un ftp ou sur MobilMe
3/ Recuperer l'adresse URL complète du fichier .html qui porte le nom de votre Widget. (Exemple pour KeyShort, le fichier est keyshort.html, l'adresse URL sera http://www.MonDomaine.com/widget/keyshort.html). Si vous avez un doute, tapez cette adresse URL dans votre navigateur, le widget devrait s'afficher si vous n'avez pas fait d'erreur.
4/ Cette adresse URL sera celle à mettre dans votre code HTML ci-dessus
Code:
- Code:
<iframe src="http://monsite.com/widgetdashboard/nomdemonwidget.html" width="200" height="200" frameborder="0"></iframe>
Explications:
src="http://blablabla.html" indiquel' adresse URL du fichier HTML votre Widget (voir ci-dessous)
Height et width définissent la taille du Widget
Précautions:
1/ Aller dans le dossier Bibliothèque >Widget > choisir le widget de son choix puis
Clic droit sur le widget > ouvrir le contenu du paquet et copier-coller le contenu dans un dossier sur votre bureau (par exemple du nom de widget)
2/ Envoyer ce dossier "widget" sur un serveur en ligne, via un ftp ou sur MobilMe
3/ Recuperer l'adresse URL complète du fichier .html qui porte le nom de votre Widget. (Exemple pour KeyShort, le fichier est keyshort.html, l'adresse URL sera http://www.MonDomaine.com/widget/keyshort.html). Si vous avez un doute, tapez cette adresse URL dans votre navigateur, le widget devrait s'afficher si vous n'avez pas fait d'erreur.
4/ Cette adresse URL sera celle à mettre dans votre code HTML ci-dessus
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
Sujets similaires
» lien HTML ou Widget fragment HTML
» iweb ne se trouve pas dans bibliotheque
» HTML 5
» Fragment HTML
» problèmes de référencement et codes sources
» iweb ne se trouve pas dans bibliotheque
» HTML 5
» Fragment HTML
» problèmes de référencement et codes sources
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|