BlueGEEK Journal

Accueil > Programmes > Projets PHP pour Sites WEB > Dagobert > 3- Gérer les images et fonds d’écran > Récapitulatif de la Syntaxe des Images dans Dagobert

Récapitulatif de la Syntaxe des Images dans Dagobert

lundi 5 avril 2010, par bluegyn_spip

- Pour agrémenter la présentation de la page internet certaines images peuvent être incluses

REGLE NUMERO UN

- Les images traitées par DAGOBERT commencent toutes par

dago_

- Les images sont par défaut au format JPG, mais elles peuvent être au format PNG, GIF ou ICO

- Si elles ne sont pas reconnues elles ne sont pas affichées

LES IMAGES GÉRÉES PAR LE MOTEUR PHP

- Elles doivent être placées à côté du fichier INDEX.PHP


dago_logo.jpg

- Définit l’imagette placée en haut et à droite de la page

- Elle est cliquable et renvoie par défaut sur le site DAGOBERT

- Pour changer de site il suffit de déposer un fichier texte nommé

dago_logo_url.txt

- A côté du fichier index.php et d’y placer une ligne de ce type

  • NOM->ADRESSE

- Par exemple :


dago_bandeau.jpg

- Permet d’afficher une image en haut de l’écran

- FORMATS

  • JPG par défaut
  • GIF reconnu (animation)

- EXEMPLE THEME FMC


dago_icone_dossier.jpg

dago_icone_fichier.jpg

- Définit l’icone a placer devant un dossier ou devant un fichier

- FORMATS :

  • Par défaut JPG
  • ICO & PNG admis

LES IMAGES GÉRÉES PAR LA FEUILLE DE STYLE

- Pour attacher une feuille de style personnalisée à chaque dossier

- Il suffit d’y créer un dossier

dago

- Et d’y placer le fichier

dago_style.css

- Pioché dans le dossier Dagobert

  • sub_index

Ouvrir Sub_Index

Chaque feuille de style attachée à un dossier est personnalisable

- Dans le dossier dago, à côté de dago_style.css on peut placer :


dago_fond_page.jpg

- Définit l’image du fond de page

  • Si elle ne remplit pas tout l’écran elle est reproduite à l’infini comme une mosaïque,
    • (Option REPEAT de la feuille de style)
  • Si on veut qu’elle s’aligne uniquement en bordure à gauche, on peut modifier dans le CSS le repeat en
    • REPEAT-Y

dago_fond_logo.jpg

- Définit le fond du cadre qui contient le titre

- EXEMPLE THEME NOEL


dago_fond_dossier.jpg

dago_fond_fichier.jpg

- Définissent les fonds des boites qui listent les dossiers ou les fichiers


dago_fond_acces.jpg

- Définit l’image de fond de la boite d’accès.