Comment: problème avec photos

Je répond d'abord à la question facile

Le logo est défini dans la feuille de style (le fichier .css) de la mise en page choisie (ici, digital).

Pour le changer, je vous conseille tout d'abord de dériver le style de référence que vous avez sélectionné en un autre style, qui sera particulier à votre site. Ceci à cause des mises à jour régulières de YACS, qui pourraient écraser vos propres modifications dans les tyles de référence.

Pour ceci, rendez-vous sur le Panneau de Contrôle, puis sur l'index des styles. Au niveau du style digital, cliquez sur le lien 'Dériver ce style'. Dans la page suivante, donner un nouveau nom à votre style, par exemple ufal69, puis cliquer sur le bouton pour laisser YACS créer un répertoire correspondant, et copier les fichiers.

De retour sur la page d'index des styles, cliquer sur le lien 'Utiliser ce style' pour activer le style dérivé.

A partir de ce moment vous êtes chez vous et pouvez considérer toute sortes de modifications, y compris le changement de logo.

Tout d'abord, choisissez une image pas trop grande, et téléchargez-là avec les autres fichiers de votre style. Par exemple, dans skins/ufal69/images. Supposons, pour la suite, que votre image aient les mêmes dimensions que celles du logo actuel (32x32 pixels), et qu'elle s'appelle ufal69.gif. Pas très original, mais parlant, non ? L'image peut être au format .gif, .jpg ou .png.

Donc, à ce stade, vous avez ajouté une image à votre serveur. Pour le vérifier, ouvrir un navigateur et taper l'adresse complète de l'image pour la faire apparaitre. Quelque chose comme :

http://serveur/yacs/skins/ufal69/images/ufal69.gif

Si l'image s'affiche, tout va bien. Passons à présent à son insertion dans votre mise en page.

Revenir à l'index des styles de votre serveur; près du style ufal69, cliquez sur le lien 'Modifier ce style' pour ensuite, sélectionner le fichier à l'extension .css. YACS affiche une zone avec le contenu du fichier, pour le modifier.

Cherchez la ligne qui commence par les mots suivants (à peu près au tiers du fichier) :

#header_title a

Il s'agit du style pour le lien qui apparait dans l'en-tête de page. Quelques lignes en dessous, remplacer l'image utilisée en fond. Il faut changer

background-image: url("images/yacs.gif");

par

background-image: url("images/ufal69.gif");

Puisque vous n'avez pas d'image à utiliser pour changer le fond pendant le survol du lien par la souris, descendre de quelques lignes et supprimer le texte qui suit :

#header_title a:hover { /* make the yacs blink */
	background-image: url("images/yacs.gif");
	background-position: 0 -100px;
}

Puis cliquez sur le bouton en bas du formulaire afin que YACS enregistre les changements.

Rechargez la page en vidant le cache (Shift-recharger avec Firefox, et Ctrl-recharger avec IE) pour vous assurer que la nouvelle feuille de style est utilisée, et pour faire apparaitre votre logo en haut de page.

Bon, on est arrivé au bout ! C'est sûr, c'est pas WYSIWIG, mais vous voici promu éditeur de style .css de première catégorie, et ce n'est pas rien...

Bravo