Le forum des utilisateurs iWeb
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -20%
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q ...
Voir le deal
749 €

Bibliothèque de codes simples en HTML

Aller en bas

Bibliothèque de codes simples en HTML Empty Bibliothèque de codes simples en HTML

Message par DrOSX 30/10/2010, 12:48

TEXTE DEFILANT AUTOMATIQUEMENT

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
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Bibliothèque de codes simples en HTML Empty TEXTE DEFILANT MANUELLEMENT

Message par DrOSX 18/12/2010, 12:39

But: Obtenir un cadre dans le quel on fait défiler le texte avec un ascenseur.

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>
Explications:
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
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Bibliothèque de codes simples en HTML Empty IFRAME

Message par DrOSX 18/12/2010, 12:53

IFRAME

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>
Explications:
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:


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
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Bibliothèque de codes simples en HTML Empty ROLLOVER, MOUSOVER, EFFETS AU PASSAGE DE LA SOURIS

Message par DrOSX 18/12/2010, 14:42

But: Des effets au passage de la souris sur un mot ou une image.

Voir le TUTORIEL COMPLET


Dernière édition par jeancharleslast le 21/1/2011, 12:20, édité 6 fois
DrOSX
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Bibliothèque de codes simples en HTML Empty INSERER UN FICHIER FLASH (.SWF)

Message par DrOSX 18/12/2010, 14:50

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

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
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Bibliothèque de codes simples en HTML Empty INSERER UN WIDGET DASHBOARD

Message par DrOSX 18/12/2010, 15:12

But: Utiliser un widget Dasboard dans une page web

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
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Bibliothèque de codes simples en HTML Empty Re: Bibliothèque de codes simples en HTML

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum