module audio, affichage image

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by cecile on

bonjour à tous !

j'ai un petit souci avec le module audio,

le tout fonctionne parfitement à un détail près :

l'image selectionné lors de l'édition du contenu audio ne s'affiche pas.

ou du moins, n'y arrive pas completement :

-l'image devrait apparaitre dans l'espace réservé au corps du texte (div .content), disons que l'image fait 150px sur 150px,
-au lieu d'apparaitre "tranquilement", elle est disposée sur la droite du corps, elle mesure 10px sur 150px,
-mais le plus curieux, c'est que le logo/puce (li) s'affiche en repeat y par dessus.

mon image a bien été importé dans le dossier www\drupal-5.1\files\audio\images

je regarde la css, et je ne trouve rien d'anormal,

avez vous déjà rencontré ce cas de figure ??

Forum : 
Support général
Version de Drupal : 
5.x

Soumis par cecile le 15 Juin, 2007 - 09:44

rebonjour !

une petite info supplementaire,
à la fin de la création d'une page audio drupal me dit ça :

"Le fichier choisi c:\program files\easyphp1-8\www\drupal-5.1 n'a pas pu être copié."

je ne comprends pas, dans le sens ou je ne lui ai pas demandé de copier ce fichier.

peut etre que ça a un lien avec ce qui me chiffone.

Soumis par cecile le 15 Juin, 2007 - 11:11

le probleme vient des "item-list",
en effet,
les infos "..., artist, titre, album, suivi, genre, year, length, format" font buger l'affichage.
je regarde ça, et si je trouve l'astuce, je reviens vous la devoiler !

Soumis par jubjub le 19 Juin, 2007 - 14:53

j'ai refais entirement l'affichage des audios, je vais te donner quelques explications :

2 fichier à voir :
audio.theme
audio.css
+
node.tpl (dans le cas que je vais te donner)

tout en haut dans le theme, tu as l'audio format teaser, et format body.
tout est la. les classes css, l'intergration des puces (li), et les infos a afficher (tags, image...).

Personnellement, j'ai reecrit certaines des infos a afficher dans le node.tpl pour une customisation plus simple et plus efficace.

J'ai aussi joué sur le audio.css

Un exemple dans node.tpl :

SI c'est un node de type audio, et si c'est un teaser :

<?php
 if ($node->type == 'audio' )  {?>
<?php
if ($teaser == 1) {?>

Affiche le titre de l'audio, avec son lien pointant vers le format body:
<a href="<?php print $node_url<?php print $title ?>

Affiche l'image de l'audio avec le lien pointant vers le body(attention si tu mets la fonction d'afficher l'image via node.tpl comme ici, retire le du audio.theme)

<a href="<?php print $node_url?>"><?php print $output .= theme('audio_images', $node->audio_images)?> </a>

et enfin le reste : le player, lesd metadonnées et la description :

<?php print $content?>

Les liens (perso je les ai refait manuellement donc je n'utilise pas cette fonction):

<?php print $links?>

et a la fin de tous ca, pour fermer les codes php qui definissent le type de node et le type de format :

<?php }; ?>
<?php }; ?>

pour afficher en body, il suffit de remplacer le 1 de

<?php
if ($teaser == 1) {?>

par un 0.

A tous ces codes php, tu peux rajouter une classe ou un style css pour customiser comme il se doit.

Tu peux voir un exemple de ce que cela peux donner sur mon site

Pour les li qui s'affichent mal,

1er : solution radical est de carrement les retirer.
soit par le audio.theme (supprime les balise li)
soit dans le audio.css, mets :

list-style-type: none;

a tout les li et ul.

2eme : d'insérer des images comme > par exemple pour les remplacer via le audio.theme. (dans ce cas mets egalement list-style-type: none; qui permmet de ne pas afficher les li/ul car dans mon code ci dessous les balises li ne sont pas supprimées)

Je ne sais plus quel est le code d'origine a changer mais tu devrait trouver, c'est dans "Format the audio node for display"

$output .= '<li>'.'<img src="files/image remplaceant les li.gif">'.'<strong>'. t(ucwords(str_replace('_', ' ', $tag))). ' :</strong> '
        . theme('audio_format_tag', $tag, $node->audio_tags[$tag], $setting)
        ."</li>\n";

tu peux voir un exemple ici
avec des fleches vertes.