Contribuer sur le site web

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

Contribuer sur le site web

Message par PowaBanga le Mer 30 Nov - 1:58

Afin d'apporter un peu de structure et de clareté à tout le monde, je vais expliquer ici les choses importante sur la façon d'utiliser les script du site, et certaines subtilité concernant la présentation.

  • Pour éditer une page HTML de base :
    Complètez ce script et postez le dans une partie du forum la plus adéquate possible.
  • Pour ajouter une page de description des carte à la liste de celles-ci :
    Complètez ce script et postez le dans cette partie du forum
  • Pour enrichir votre page :
    Vous trouverez dans le message suivant, plusieurs script utilisable sur le site avec une petite démo, que vous pouvez simplement ajouter sur votre page Clin d\'oeil


Dernière édition par Lio le Mar 20 Déc - 22:16, édité 5 fois

_____________
...
avatar
PowaBanga
Fondateur
Fondateur

Messages : 651
Date d'inscription : 14/04/2009
Localisation : Plus près que ce que tu ne le pense...

http://ddaynormandy.keumforum.com

Revenir en haut Aller en bas

Re: Contribuer sur le site web

Message par PowaBanga le Ven 16 Déc - 22:01

bon bon nous y voilà, c'est partii Sourire
Sachez que si la démo ne fonctionne pas, c'est que le script n'est pas/plus valable. Ce n'est donc pas la peine de songer à l'utiliser Clin d\'oeil
Alors on commence par le basique, Les DIV :
Les div en fait font appel à un script css spécifique, il suffit donc d'y encardrer votre texte par vos div pour avoir l'effet désiré.

donc pour le texte simple, remplacer les XXX :
Code:
<div id="titrespages"> XXX </div>
XXX



Code:
<div id="titresparagraphes"> XXX </div>
XXX



Code:
<div id="heureetdate"> XXX </div>
XXX



Code:
<div id="titresforum"> XXX </div>
XXX



alors pour deux truc un peu particulier :

Code:
<div id="gallery">        <a href="URL -> GRANDE IMAGE" title="BULLE D'INFORMATION"><img src="URL -> PETITE IMAGE"></a></div>









Code:

<A class="info" href="URL"> XXX                                                              &nbsp;<SPAN><img src="http://sd-1.archive-host.com/membres/images/191187906131897587/Capture.png" align="left" width="200px"> <BR> XXX<HR> XXX</SPAN></A>

XXX XXX
XXX



Code:
<A class="info"><img src="URL IMAGE" width="100px"> <SPAN><img src="URL IMAGE"></SPAN></A>






Tention voilà un plus compliqué :
Code:
<center><table><tr><td><center>
<n10 class="infogauche"> <img clas="info" src="URL IMAGE" title="TEXTE POUR L'INFOBULLE"><span><img src="URL IMAGE" title="TEXTE POUR L'INFOBULLE" height="800px"></span></n10>

<n10 class="infomilieu"> <img class="info" src="URL IMAGE" title="TEXTE POUR L'INFOBULLE"><span><img src="URL IMAGE" title="TEXTE POUR L'INFOBULLE" height="800px"></span></n10>

<n10 class="infodroite"><img class="info" src="URL IMAGE" title="TEXTE POUR L'INFOBULLE"><span><img src="URL IMAGE" title="TEXTE POUR L'INFOBULLE" height="800px"></span></n10>

<br><BR><BR><br><BR><br><br><br></center></tr></td></table></center>
Donc dans ce code on distingue 3 script CSS différent, celui de gauche, du milieu et de droite. Vous pouvez donc augmenter ou diminuer le nombre d'images sur un ligne à votre guise tout en gardant un aspect relativement joli Clin d\'oeil
Observez aussi "height="800px" représente la hauteur de l'image, modifiez ce chiffre (800) pou ajuster l'image si celle-ci est décalée
Voir le résulta sur une page html




































En même temps je fait quelque ptit tests Langue sympa
À suivre...

_____________
...
avatar
PowaBanga
Fondateur
Fondateur

Messages : 651
Date d'inscription : 14/04/2009
Localisation : Plus près que ce que tu ne le pense...

http://ddaynormandy.keumforum.com

Revenir en haut Aller en bas

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

- Sujets similaires

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