Bibliothèque de codes simples en HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

Bibliothèque de codes simples en HTML

Message par DrOSX le 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
avatar
DrOSX
Administrateur

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

Revenir en haut Aller en bas

TEXTE DEFILANT MANUELLEMENT

Message par DrOSX le 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
avatar
DrOSX
Administrateur

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

Revenir en haut Aller en bas

IFRAME

Message par DrOSX le 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
avatar
DrOSX
Administrateur

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

Revenir en haut Aller en bas

ROLLOVER, MOUSOVER, EFFETS AU PASSAGE DE LA SOURIS

Message par DrOSX le 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
avatar
DrOSX
Administrateur

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

Revenir en haut Aller en bas

INSERER UN FICHIER FLASH (.SWF)

Message par DrOSX le 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
avatar
DrOSX
Administrateur

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

Revenir en haut Aller en bas

INSERER UN WIDGET DASHBOARD

Message par DrOSX le 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


avatar
DrOSX
Administrateur

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

Revenir en haut Aller en bas

Re: Bibliothèque de codes simples en HTML

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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