CMS Automne

Bonjour,

Je suis en train de créer un site et j'aimerais utilisé la barre de rangée texte plus média à droite. J'aimerais y inséré une image et quand on y clique dessus il ouvre un fichier .PDF par exemple je met une image de casserole et quand on y clique dessus on ouvre un fichier pdf avec la recette. J'aimerais faire cela avec un modèle de rangée que j'utiliserais très fréquemment cette fonction.

J'ai essayé mais je n'y arrive pas ... de plus quel taille doit avoir l'image pour aller à droite ? car après de nombreux essais, je n'y arrive pas. Elle s'affiche toujours au dessus.

Merci d'avance

Tu peux faire ça avec la rangée 'Texte et media à droite' fournie par défaut

Dans le module médiathèque, tu isères ton fichier PDF comme fichier source et une image comme vignette, puis tu publies le média.

Tu peux définir la taille de ta vignette dans le code source XML de la rangée en spécifiant une largeur fixe par exemple.
Voir l'aide du module médiathèque dans Automne.

On affiche la vignette avec qui peut prendre des paramètres facultatifs : largeur et hauteur.

Pour forcer le redimensionnement des vignettes à 180px de large par exemple on écrira donc simplement :



Voir le billet de blog sur le redimensionnement des images à la volée : http://blog.automne-cms.org/?item=1476

Tu inséres ensuite la rangée "texte et media à droite" dans ta page.

Pour le reste c'est du CSS, tu peux reprendre le code de la démo à ce niveau et le personnaliser.

Le positionnement est fait avec un élément <div> qui possède deux classes CSS : right et media-item

La classe right fait flotter le conteneur à droite
la classe media-item ajoute une marge à gauche pour espacer le media et le texte.

Tout ceci est illustré dans la capture d'écran ci-jointe :

Voilà avec ça tu devrais t'en sortir

_________________
Frank
http://www.automne-cms.org

Merci beaucoup pour votre aide

J'aimerais bien modifier le model de rangée : Texte et Média à Droite pour avoir la vignette du fichier en 1er et après le liens vers le fichier source.

je m'explique:



j'aimerais que dans chaque rangée utilisant ce model, l'image soit en dessus du liens.

Je me permet de demander votre aide car je n'ai pas envie de modifier ce modèle et que plus rien ne fonction.

Merci d'avance

Là c'est juste une question de XHTML/CSS, c'est plus vraiment lié à Automne.

Aurais-tu une URL accessible de la page en question ?

_________________
Frank
http://www.automne-cms.org

Voilà

http://www.lepetitjardinier.ch/nouvelle ... emaine.php


merci d'avance

Il te suffit d'inverser l'ordre de l'affichage de l'image et du lien vers le fichier.

Un exemple rapide de ce que ça peut donner en code final :

_________________
Frank
http://www.automne-cms.org

Formidable mais comment as tu fais tu as modifié le modèle de rangée ? ou c'est dans le css ??

Non là j'ai juste modifié le HTML généré avec l'outil de développement de Safari.

En effet ensuite il faut aller modifier en conséquence le code XML de la rangée associée.
Je n'ai pas eu à toucher au CSS simplement au HTML.

Si tu regardes bien le code, l'appel au media se fait avant le lien vers le fichier que je fais dans un paragraphe pour forcer le retour à la ligne.
Avec ça tu dois pouvoir faire tes tests.

Normal que tu aies peur de tout casser puisque c'est en ligne.

Une solution est de faire une copie de cette rangée et de l'utiliser sur une page de test non accessible aux visiteurs (sous une page dépubliée donc), ainsi tu pourras travailler plus sereinement.

C'est vraiment un couper-coller et une insertion de balise HTML, rien de bien compliqué.

_________________
Frank
http://www.automne-cms.org