Fork me on GitHub






Images et liens dans un bloc
Semi pro
Inscrit: 27/04/2011 13:29
De Seine et marne
Messages: 809
Bonjour,
J'ai créé un bloc en page d'accueil.
Je voudrais insérer une image dans ce bloc et des titres avec lien.

1) Pour insérer l'image, lorsque je suis dans: "ajouter un nouveau bloc", je clique sur "images" (3e petit carré de "contenu") mais ça me demande:
"entrez l'adresse de l'image que vous voulez ajouter"

Open in new window


Au lieu d'importer l'image d'imageSchack, c'est pas possible de l'importer de mon ordinateur directement?

2) pour insérer le lien, voila le résultat que ça me donne:

Open in new window


Comment faut-il faire pour voir apparaitre juste:
AUTOS ?
Cordialement

Posté le : 03/06/2011 16:04
Partager Twitter Partagez cette article sur GG+
Re: Images et liens dans un bloc
Semi pro
Inscrit: 18/12/2005 13:29
De Rebstein - Suisse
Messages: 517
Salut.

Pour le point 1), un lien vers ton répertoire /uploads avec le nom du fichier transféré par ftp devrait fonctionner.

Pour le point 2), il faut essayer avec les différents modes d'affichage en fin de création d'un bloc (automatique, php, html, etc)

Perso, je préfère utiliser le html dans un bloc pour afficher des liens ou des images. Je ne suis pas très copain avec le bbcode.

Voilà un exemple de code qui ouvre la page dès que tu cliques sur la photo (code amateur, je n'ai aucune connaissance approfondie en html) :

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="text-align: center;"><a href="http://www.tonsite/etc" target="_self"><img src="/uploads/tonimage.jpg" alt="" /></a></div></td></tr></table>


Comme tu vois, j'utilise le "a href" et le "img src".


Posté le : 03/06/2011 17:57
Partager Twitter Partagez cette article sur GG+
Re: Images et liens dans un bloc
Régulier
Inscrit: 15/02/2011 22:12
Messages: 288
salut

Pour insérer une image dans un bloc (c'est à dire avec l'éditeur "basique" de Xoops, nom de code XoopsFormDhtmlTextArea), tu as 2 façons de procéder :


01. Utiliser les boutons dispo au sommet du formulaire.

A partir du moment où tu emploies ces boutons, il faut choisir un des deux "Format automatique" proposés. En effet, ces boutons insèrent des balises - bbcodes - interprétées uniquement par le formulaire basique de Xoops ([ url ] , [ img ], [ code ], [ quote ] ...).

Tu as deux boutons d'insertion d'images disponibles :
- celui qui te propose de saisir une url qui pointe vers ton image (par voie de conséquence, celle-ci doit déjà être présente sur un serveur)
- celui qui donne accès au Gestionnaire d'image de Xoops. L'avantage de ce bouton est qu'il te permet de placer une image présente sur ton poste sur le serveur puis de la sélectionner parmi celles présentes dans ta banque d'images.

La première méthode n'est pas très pratique (il faut que l'image soit déjà en ligne et si possible aux dimensions adéquates). La seconde méthode est fonctionnelle mais n'est guère plus pratique : je n'ai pas comptabilisé le nombre de clics qu'il faut faire pour arriver à ses fins, mais sachant qu'il faut par avance paramétrer son gestionnaire d'images, on doit allègrement franchir la vingtaine.


02. Ecrire son code en html

Encore moins pratique, la méthode qui consiste à utiliser le format HTML pour le bloc. Il faut dans ce cas :
- non seulement écrire <img src="" alt="" rel="" /> pour pointer vers une image (nécessairement déjà présente sur un serveur)
- mais également écrire tout le contenu du bloc en html (<p> ... </p> , <br />, <div> ... </div>)...

Pas terrible donc...


03. Utiliser un éditeur de texte enrichi

Pour palier aux faiblesses des deux méthodes précédentes, tu peux recourir à un éditeur wysiwyg tel que TinyMCE, CKEditor, ...

Pour ce faire :
- se rendre dans les préférences du module system et choisir pour les blocs l'éditeur enrichi de son choix
- ajouter à son éditeur enrichi un gestionnaire d'images, exemple KCFinder (fonctionne pour TinyMCE mais également pour CKEditor): http://kcfinder.sunhater.com/

Posté le : 04/06/2011 00:14
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

34 Personne(s) en ligne (29 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 34 | Plus ...