 Nouveaux Membres Ce jour: 0
 Hier : 0
|
Code HTML pour PHPNUKE
Tous ces Codes sont utilisables dans les Fichiers HTML et PHP
Lu 19397 fois
Dans PHPNuke vous pouvez utiliser du Code HTML (entre autre !)
Voici donc en détail les balises essentielles au développement d'un site web ...
La Balise a
Cette Balise gère les Liens et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < a ...
Une Balise dite de Fermeture : < /a>
Exemple de Lien Cliquable vers un Site Internet:
<![CDATA[<a href='http://url du site' target='new'>Nom du Site</a>]]>
Ce qui donne : NukeScripts Francais ou bien
Mon Site Web de Référence ...
En détail la première partie (l'ouverture) renseigne l'adresse vers laquelle le Lien doit pointer, le fameux target est relativement important car il permet d'obliger l'ouverture d'une nouvelle fenêtre évitant ainsi à l'internaute de perdre votre site !!!
Le Nom du Site ou Lien est configurable à souhait, et ensuite vient la fermeture ...
Voilà votre prmier Lien réalisé :)
Exemple de Lien Cliquable vers une Adresse Email:
<![CDATA[<a href='mailto:webmaster@nukescripts-francais.com'>Contact Webmaster</a>]]>
Ce qui donne : Contact Webmaster ou bien encore
Envoyer un mail à ...
Ce lien cliquable ouvrira le Client Mail par défaut de l'internaute avec votre adresse Email, un complément sympa à utiliser est celui ci :
<![CDATA[<a href='mailto:webmaster@nukescripts-francais.com?subject=Contact NSN France'>Contact Webmaster</a>]]>
Ce qui donne : Contact Webmaster ou bien encore
Envoyer un mail à ...
Visuellement pas différence, mais lors de l'ouverture du Client mail de l'internaute, non seulement l'adresse Email est renseignée mais le SUJET du mai aussi !!!
Le sujet est donc paramétrable facilement juste après ?subject=
La Balise img
Cette Balise gère les Images et n'est constituée que d'une partie :
Balise dite de lecture : < img> ...
Exemple d'affichage d'une image :
<![CDATA[<img src='nukescripts.gif' width='88' height='31' alt='NukeScripts pour PHPNuke'>]]>
Ce qui donne :
Plusieurs Choses sont à noter :
* Après img src=' il faut préciser très nettement le répertoire, le nom de l'image et l'extension (gif, jpg ...)
* Après width=' il est mieux de préciser la longueur en Pixel de l'image
* Après height=' il est mieux de préciser la hauteur en Pixel de l'image
* Après alt=' il est possible préciser une information au passage de la souris
J'ai précisé qu'il était mieux de préciser la longueur et la hauteur de l'image car ceci accélère le temps d'affichage de l'image ..
Les Balises a + img
Cette Balise gère les Liens sous forme d'image et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < a>< img> ...
Une Balise dite de Fermeture : < /a>
Exemple d'image Cliquable vers un Site Internet:
<![CDATA[<a href='http://www.NukeScripts-francais.com' target='new'>
<img src='nukescripts.gif' width='88' height='31' alt='NukeScripts pour PHPNuke' border='0'></a>]]>
Ce qui donne :
Comme précédemment plusieurs Choses sont à noter :
* Après img src=' il faut préciser très nettement le répertoire, le nom de l'image et l'extension (gif, jpg ...)
* Après width=' il est mieux de préciser la longueur en Pixel de l'image
* Après height=' il est mieux de préciser la hauteur en Pixel de l'image
* Après alt=' il est possible préciser une information au passage de la souris
* Et en plus il est un plus visuel de mettre border= '0' dans la balise img ce qui évite d'avoir un pourtour plutot vilain autour de l'image :)
Voici en détail la première image n'a par de border, la seconde est dotée de border ='0' :
Entre nous c'est nettement mieux avec :)
Exemple d'image Cliquable vers une Adresse Email:
<![CDATA[<a href='mailto:webmaster@nukescripts-francais.com'>
<img src='nukescripts.gif' width='88' height='31' alt='Contact Webmaster NukeScripts' border='0'></a>]]>
Ce qui donne :
La Balise font
Cette Balise gère les Fontes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < font ...
Une Balise dite de Fermeture : < /font>
Exemple d'affichage d'une Fonte :
<![CDATA[<font size='5'>PHPNuke par NukeScripts</font>]]>
Ce qui donne :
PHPNuke par NukeScripts
* Après size=' il est donc possible de modifier la taille de la Fonte aisément (de 1 à l'infini, ou presque :) )
Autre exemple d'affichage d'une Fonte mais colorée:
<![CDATA[<font size='5' color='red'>PHPNuke par NukeScripts</font>]]>
Ce qui donne :
PHPNuke par NukeScripts
* Après color=' il est donc possible de modifier la couleur de la Fonte aisément, soit par une couleur :
bleu = blue, rouge = red, noir = black ... ou bien un code couleur comme #111111
Autre exemple :
<![CDATA[<font size='3' color='#858585'>PHPNuke par NukeScripts</font>]]>
Donnera :
PHPNuke par NukeScripts
La Balise br
Cette Balise gère le retour à la ligne et s'utilise très simplement:
Exemple de retour à la Ligne :
<![CDATA[Première ligne<br>Deuxième ligne<br>Troisième ligne.]]>
Ce qui donne :
Première ligne
Deuxième ligne
Troisième ligne.
La Balise b
Cette Balise permet de mettre en gras une ou plusieurs lignes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < b> ...
Une Balise dite de Fermeture : < /b>
Exemple de ligne en gras :
<![CDATA[<b>Première ligne gras<br>Deuxième ligne en gras<br></b>Troisième ligne simple.]]>
Ce qui donne :
Première ligne en gras
Deuxième ligne en gras
Troisième ligne simple.
La Balise i
Cette Balise permet de mettre en italique une ou plusieurs lignes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < i> ...
Une Balise dite de Fermeture : < /i>
Exemple de Ligne en italique :
<![CDATA[<i>Première ligne italique<br>Deuxième ligne en italique<br></i>Troisième ligne simple.]]>
Ce qui donne :
Première ligne en italique
Deuxième ligne en italique
Troisième ligne simple.
La Balise s
Cette Balise permet rayer une ou plusieurs lignes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < s> ...
Une Balise dite de Fermeture : < /s>
Exemple de Ligne rayées :
<![CDATA[<s>Première ligne rayée<br>Deuxième ligne rayée<br></s>Troisième ligne simple.]]>
Ce qui donne :
Première ligne rayée
Deuxième ligne rayée
Troisième ligne simple.
La Balise u
Cette Balise permet de souligner une ou plusieurs lignes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < u> ...
Une Balise dite de Fermeture : < /u>
Exemple de lignes soulignées :
<![CDATA[<u>Première ligne soulignée<br>Deuxième ligne soulignée<br></u>Troisième ligne simple.]]>
Ce qui donne :
Première ligne soulignée
Deuxième ligne soulignée
Troisième ligne simple.
Les Balises b u s i cumulées
Ces Balises sont bien entendu cumulables et DOIVENT TOUJOURS être constituées des deux parties :
Une Balise dite d'ouverture : < u> ...
Une Balise dite de Fermeture : < /u>
Exemple :
<![CDATA[<u><i>Première ligne soulignée Italique</u><br>
<b>Deuxième ligne en Gras Italique</i><br>
<s>Troisième ligne Soulignée en gras</b></s>.]]>
Ce qui donne :
Première ligne soulignée Italique
Deuxième ligne en Gras Italique
Troisième ligne Rayée en gras
La Balise h
Cette Balise permet de paramétrer une Fonte automatiquement (utile pour les titres) de h1 à h6 et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < h1> ...
Une Balise dite de Fermeture : < /h1>
Exemple de Titre de h1 à h6 :
<![CDATA[<h1>Première Titre en H1 </h1>
<h2>Deuxième Titre en H2</h2>
<h6>Troisième Titre en H6</h6>]]>
Ce qui donne :
Première Titre en H1
Deuxième Titre en H2
Troisième Titre en H6
Autre exemple de Balise h cumulée :
<![CDATA[<h3><i>Première Titre en H3 en italique</i></h3>
<h3><u>Second Titre en H3 souligné</u></h3>
<h3><font color='red'><s>Troisième Titre en H3 barré en rouge</s></font></h3>
]]>
Ce qui donne :
Première Titre en H1 en Italique
Second Titre en H3 souligné
Troisième Titre en H3 barré en rouge
La Balise center
Cette Balise permet de centrer une ou plusieurs lignes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < center> ...
Une Balise dite de Fermeture : < /center>
Exemple de lignes centrées :
<![CDATA[<center>Première ligne centrée<br>Deuxième ligne centrée<br></center>Troisième ligne non centrée.]]>
Ce qui donne :
Première ligne centrée
Deuxième ligne centrée
Troisième ligne non centrée.
La Balise p
Cette Balise permet de gérer des paragraphes et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < p> ...
Une Balise dite de Fermeture : < /p>
Exemple de paragraphe :
<![CDATA[<p>Premier Paragraphe<br>Deuxième ligne du Premier Paragraphe</p>
<p>Second Paragraphe<br>Deuxième ligne du Second Paragraphe.</p>]]>
Ce qui donne :
Premier Paragraphe
Deuxième ligne du Premier Paragraphe Second Paragraphe
Deuxième ligne du Second Paragraphe.
Vous pouvez constatez le saut de ligne entre le Premier et le Second Paragraphe :)
La Balise p align
Cette Balise permet de gérer des paragraphes, le positioner et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < p align=' ...
Une Balise dite de Fermeture : < /p>
Exemple de paragraphe :
<![CDATA[<p align='center'>Premier Paragraphe Centrée<br>Deuxième ligne du Premier Paragraphe</p>
<p align='right'>Second Paragraphe sur la Droite<br>Deuxième ligne du Second Paragraphe.</p>
<p align='left'>Troisième Paragraphe sur la Gauche<br>Deuxième ligne du Troisième Paragraphe.</p>
<p align='justify'>Quatrième Paragraphe Justifié<br>Deuxième ligne du Second Paragraphe.</p>]]>
Ce qui donne :
Premier Paragraphe Centrée
Deuxième ligne du Premier Paragraphe
Second Paragraphe sur la Droite
Deuxième ligne du Second Paragraphe.
Troisième Paragraphe sur la Gauche
Deuxième ligne du Troisième Paragraphe.
Quatrième Paragraphe Justifié
Deuxième ligne du Second Paragraphe.
Vous pouvez constatez le saut de ligne entre le Premier, le Second et le Troisième Paragraphe et bien sûr le positionnement de chacun :)
La Balise blockquote
Cette Balise permet de gérer des retraits et DOIT TOUJOURS être constituée de deux parties :
Une Balise dite d'ouverture : < blockquote> ...
Une Balise dite de Fermeture : < /blockquote>
Exemple de retrait :
<![CDATA[<blockquote>Premier Paragraphe d'un retrait<br>Deuxième ligne du Premier Paragraphe
<blockquote>Second Paragraphe de deux retraits<br>Deuxième ligne du Second Paragraphe.</blockquote>]]>
Ce qui donne :
Premier Paragraphe d'un retrait
Deuxième ligne du Premier ParagrapheSecond Paragraphe de deux retraits
Deuxième ligne du Second Paragraphe.
Vous pouvez constatez que cette balise est cumulable, si vous mettez deux < blockquote> vous aurez dès lors deux retraits :)
La Balise hr
Cette Balise permet de gérer des séparation (trait horizontal) :
Exemple de séparation :
<![CDATA[<hr>]]>
Ce qui donne :
Cette balise est paramétrable bien entendu très simplement, voici des exemples différents :
<![CDATA[<hr width='10%'>]]>
<![CDATA[<hr width='80%'>]]>
donne :
<![CDATA[<hr width='20%'>]]>
<![CDATA[<hr width='80%'>]]>
donne :
<![CDATA[<hr width='50%'>]]>
<![CDATA[<hr width='80%'>]]>
donne :
<![CDATA[<hr width='80%'>]]>
donne :
Autre paramètres sympa à utiliser :
<![CDATA[<hr width='50%' align='left'>]]>
donne :
Ou bien encore :
<![CDATA[<hr width='50%' color='red'>]]>
donne :
Et pour finir :
<![CDATA[<hr width='80%' align='right' color='#666666'>]]>
donne :
La Balise li
Cette Balise permet de gérer des Listes à Puce (Gros Point) et PEUT être constituée de deux parties :
Une Balise dite d'ouverture : < li> ...
Une Balise dite de Fermeture : < /li>
Exemple de Liste à Puce :
<![CDATA[<li> Titre 1 </li><li> Titre 2 </li><li> Titre 3 ]]>
Ce qui donne :
Titre 1 Titre 2 Titre 3
La Balise ol
Cette Balise permet de gérer des Listes à Puce Numérotées et DOIT être constituée de deux parties :
Une Balise dite d'ouverture : < ol> ...
Une Balise dite de Fermeture : < /ol>
Exemple de Liste à Puce Numérotée :
<![CDATA[<OL><LI> Titre 1 </li><li> Titre 2 </li><li> Titre 3 </OL>]]>
- Titre 1
- Titre 2
- Titre 3
|
|
 Ouvrir la boite mon chemin et mes favoris sur NukeScripts.fr
|
