Chroniques de Chant-de-Fer

Section Webmestres => De l'aide jeune webmestre => Discussion démarrée par: Anglin le 05 Mars 2007, 13:51:11



Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 05 Mars 2007, 13:51:11
pour mettre un lien en html
<a href="http://chroniqueschantdefer.free.fr">Lien vers le site</a>

possibilité d'jouter des balises entre .free.fr" et > comme target="_blank" (pour ouvrir le lien dans une nouvelle fenêtre)

Pour un retour à la ligne
<br />

pour un lien pour nous écrire:
pour nous <a href="mailto:courrier_chroniques@yahoo.fr>écrire</a>.

pour inserer une image:
<img src="URL DE L'IMAGE" width="LARGEUR" Height="HAUTEUR">

Pour mettre un lien sur une image/banière reprendre :
<img src="URL DE L'IMAGE" width="LARGEUR" Height="HAUTEUR">
et l'insérer dans :
<a href="http://chroniqueschantdefer.free.fr">Lien vers le site</a>
comme suit:
<a href="http://chroniqueschantdefer.free.fr"><img src="URL DE L'IMAGE" width="LARGEUR" Height="HAUTEUR"></a>

Questions :

 :?:  y-a-t-il un code html pour insérer une date à jour dans un texte ?

 :?: Comment mettre un lien sur la page accueil du site vers le dernier sujet abordé dans le forum ?

 :?: Quelles sont les différentes possibilités de balises telles que target="_blank"  ?

 :?: Comment insérer un lien propre vers un fichier à télécharger ? faut-il nécessairement compresser le dit fichier ? (Polices, fichiers words ...)


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Zelphalya le 05 Mars 2007, 17:16:08
y-a-t-il un code html pour insérer une date à jour dans un texte ?
Pas trop compris, si tu veux afficher la date du jour, il faut utiliser du javascript
Exemple :
http://www.editeurjavascript.com/scripts/scripts_temps_2_23.php

Comment mettre un lien sur la page accueil du site vers le dernier sujet abordé dans le forum ?
A ma connaissance, il faut du code PHP qui va aller chercher le dernier sujet dans la base de données MySQL, puis générer le lien.

Quelles sont les différentes possibilités de balises telles que target="_blank" ?
http://fr.selfhtml.org/html/liens/definir.htm
Citation


Comment insérer un lien propre vers un fichier à télécharger ? faut-il nécessairement compresser le dit fichier ? (Polices, fichiers words ...)
Tu peux crée un lien comme vers une page
Mon fichier pdfMon fichier docMon fichier mov
Mon fichier zipetc.
C'est l'extension du fichier qui va conditionner son ouverture ou son téléchargement.
A ma connaissance, on ne peut pas forcer à télécharger plutôt qu'à ouvrir. Mais si quelqu'un préfère télécharger directement au lieu de l'ouvrir, il lui suffit de faire un clic droit pour avoir un menu contextuel et de choisir "enregistrer la cible sous...".


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 11 Mars 2007, 11:24:02
J'ai vu aussi des trucs à faire du point de vue de zone/liens disséminées dans une image, en fait en crééant des zones dites "sensibles"au passage et surtout au clic de la souris, qui me permettraient de travailler mes pages de runes sur la carte de Thror assez proprement, avec ....... imaginons qu'en cliquant sur les runes dites rouges "les RED RUNES" sur le bandeau gauche de la carte on aboutierait à une ancre posée sur la transcritption et les eventuelles notes sur celles-ci (Five feet high the dor ....) ... on pourrait aussi cliquer sur la zone des runes lunaires (MOON RUNES) qui nous amenerait directement à leur transcription .... de même sur les runes nord sud est west ... ou la runes marquant la porte secrete ....
je mettrais le code demain ici, pour qu'on en cause plus ... et puis j'imaginais laisser le vide des moon runes sur la carte comme à l'origine par Tolkien pour ne les voir apparaitre qu'en type rollover en glissant la souris dessus (qui ferais basculer la carte en très sombre et bleuté avec juste visible les runes en question, un peu comme si la lune les eclaieraient ....)

je parle de ça parce que je sens que je suis maintenant capable de le faire .


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 20 Avril 2007, 09:59:21
Primo : Zelphalya ou tout autre capable de me répondre ... comment dans notre V4 peut-on envisager d'insérer un tableau à 4 colonnes sur environ 20 lignes ... pour certaines pages à venir ?
Secondo : quels sont exactement les codes html pour inserer une image selon qu'on veut qu'elle soit à droite ou a gauche du texte, en légende d'un texte ... à coté d'une autre image ... bref un lien pour un petit cour rapide sur le placement des images ...


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Zelphalya le 20 Avril 2007, 12:00:31
Les tableaux se font avec
Code:

<table>
  <tr>
    <td>ma cellule</td>
    <td>ma deuxième cellule</td>
  </tr>
  <tr>
    <td>ma première cellule de la deuxième ligne</td>
    <td>ma deuxième cellu de la deuxième ligne</td>
   </tr>
</table>


Pour les images, tu as la méthode CSS ou HTML.
Une image que tu utilises souvent, il vaut mieux faire une classe CSS qui affiche l'image et la mette où tu veux. Si tu l'utilises une fois, tu vas utiliser la balise html
Code:
<img src="chemin de l'image">

Après tu peux l'aligner par du html
Code:
<img src="chemin de l'image" align="left">

align="left" ou align="right" ou align="center"
Ou l'aligner par CSS directement dans la balise ou dans une classe
Code:
<img src="chemin de l'image">

float peut être left ou right
voir là par exemple : http://www.aidenet.com/css/css38f.htm


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 20 Avril 2007, 13:21:35
j'ai un peu tatonné ici :
http://chroniqueschantdefer.free.fr/v4_mines/barbes.php


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Meneldur le 20 Avril 2007, 14:18:52
Bouh, des guillemets anglais ! Vade retro :mrgreen:


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 24 Avril 2007, 16:16:48
Citation de: "Anglin"
J'ai vu aussi des trucs à faire du point de vue de zone/liens disséminées dans une image, en fait en crééant des zones dites "sensibles"au passage et surtout au clic de la souris, qui me permettraient de travailler mes pages de runes sur la carte de Thror assez proprement, avec ....... imaginons qu'en cliquant sur les runes dites rouges "les RED RUNES" sur le bandeau gauche de la carte on aboutierait à une ancre posée sur la transcritption et les eventuelles notes sur celles-ci (Five feet high the dor ....) ... on pourrait aussi cliquer sur la zone des runes lunaires (MOON RUNES) qui nous amenerait directement à leur transcription .... de même sur les runes nord sud est west ... ou la runes marquant la porte secrete ....
je mettrais le code demain ici, pour qu'on en cause plus ... et puis j'imaginais laisser le vide des moon runes sur la carte comme à l'origine par Tolkien pour ne les voir apparaitre qu'en type rollover en glissant la souris dessus (qui ferais basculer la carte en très sombre et bleuté avec juste visible les runes en question, un peu comme si la lune les eclaieraient ....)

je parle de ça parce que je sens que je suis maintenant capable de le faire .


voilà ce dont je voulais parler, et je suis pas peu fier de vous le montrer (même non terminé !)
http://chroniqueschantdefer.free.fr/v4_khuzdul/thrormap.php


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Cyrus le 24 Avril 2007, 17:55:47
:shock:

Là, je dis MONSIEUR Anglin !

:amen:  :amen:


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Forfirith le 24 Avril 2007, 22:06:36
:shock: C'est excellent comme page, je ne peux malheureusement pas la comprendre à sa juste mesure à mon avis, il me faudrait plus d'énergie  :P .
Du coup, la malheureuse remarque que je peux faire, c'est que c'est "suffira" au lieu de "sufira" et "où" au lieu de "ou" dans le paragraphe d'intro... :wink:


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Zelphalya le 25 Avril 2007, 10:50:40
C'est une très très bonne idée, la présentation est belle et efficace. Bravo pour cette mise en forme lumineuse !


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 25 Avril 2007, 14:19:09
J'avoues avoir garder sous le coude quelques exclus pour cette page ...
c'était juste pour votre avis sur la forme ;)
Et MERCI zelph' venant de toi ça me fait extrèmement plaisir  :D


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Forn le 25 Avril 2007, 14:52:57
Pour la forme juste est-ce que c'est possible de faire apparaître les runes lunaires quand on passe le curseur sur la carte? parce que ça fait un peu bizarre de cliquer dessus quand elles n'y sont pas... enfin c'est un détail. Sinon je trouve que c'est un très bonne idée, et que c'est les petits trucs comme ça (comme avec les notes qui renvoient en bas, ou les flèches haut de page) qui rendent le site beaucoup plus agréable que la V3!


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Tilkalin le 25 Avril 2007, 15:00:51
Pour résumer en un mot : vive l'interactivité !  :)


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 25 Avril 2007, 15:10:22
je me demande juste si je peux incruster en plus un rollover sur la zone active des runes lunaires ? (en plus du fait que la carte est déjà morcelée ??)
Zelph' ?


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Zelphalya le 26 Avril 2007, 09:27:22
Oui.
Il te faut du javascript pour changer la source de l'image au passage de la souris :
src="images/thrormap804644.jpg"


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 26 Avril 2007, 13:02:02
comment ?


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Zelphalya le 26 Avril 2007, 16:14:29
Code:
<img src="images/thrormap804644.jpg" OnMouseOver="javascript: src='images/thrormap804644_2.jpg';" OnMouseOut="javascript: src='images/thrormap804644.jpg';"">


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 26 Avril 2007, 16:17:16
oui mais moi j'aimerais que ce rollover ne soit actif que lors du passage sur la zone des runes lunaires ...


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Zelphalya le 26 Avril 2007, 17:42:19
Là faut chercher.

Essaye déjà :

area shape="rect" coords="370,390,680,590" href="#moon" onMouseOver="javascript: alert('test');"

Voir si OnMouseOver fonctionne bien quand on passe sur la zone.
Si ça marche on pourra faire une fonction javascript qui va faire la modification de l'image.


PS : J'ai envoyé la suite en MP sur Tolkiendil car PHPBB veut pas afficher le code, il me vire le tout même dans la balise [ code ] :x


Titre: HTML pour les nuls .... comme moi ;)
Posté par: Anglin le 27 Avril 2007, 07:52:18
Tu es géniale Zelph ;)
Je pourrais toujours améliorer un peu l'image donnant les runes lunaires mais pour le moment c'est largement suffisant ;)