Image qui ne s'affiche pas fichier langue

santini · octobre 2016

Bonjour,
Je voudrais afficher une icône a coter de la phrase "Les commentaires sont fermés pour cet article"
Dans le fichier langue de mon thème j'ai donc modifier la ligne en question comme ci-dessous:

'COMMENTS_CLOSED' => '<img src="../images/closed.png" no-repeat /> Les commentaires sont fermés pour cet article',

Mon icône ce trouve dans le dossier "images" du thème. pour le chemin j'ai essayer plusieurs chemin RELATIF mais l’icône ne s'affiche pas

.

Merci de votre aide

Stéphane · octobre 2016

Bonjour

Je ne modifierais pas le fichier de langue, mais ferais la modif dans le fichier css.
La démarche:
- englober l'affichage du texte dans une div par exemple
- mettre en background de cette div l'image
- faire les réglages avec les bons padding et margin pour que le texte ne recouvre pas le background
et tout ça en bon css

Ne connaissant pas la structure de ton thème et des balises utilisées, et le css qui va avec derriere, je peux difficilement te donner le code qui fera tout de suite ce que tu veux avec un simple copier/coller.

Mais l'idée en gros est là. Si tu nous donne + d'élement on arrivera mieux à te guider

santini · octobre 2016

Bonsoir Stéphane,
Dans ma page "commentaires.php" j'ai:

<div class="grid">
<div class="col sml-12">
<input type="hidden" id="id_parent" name="parent" value="<?php $plxShow->comGet('parent',''); ?>" />
<input class="submit" id="submit" type="submit" value="<?php $plxShow->lang('SEND') ?>" />
</div>
</div>
</fieldset>
</form>
</div>

<script>
function replyCom(idCom) {
document.getElementById('id_answer').innerHTML = '<?php $plxShow->lang('
REPLY_TO '); ?> :';
document.getElementById('id_answer').innerHTML += document.getElementById('com-' + idCom).innerHTML;
document.getElementById('id_answer').innerHTML += '<a rel="nofollow" href="<?php $plxShow->artUrl(); ?>#form" onclick="cancelCom()"><?php $plxShow->lang('
CANCEL '); ?></a>';
document.getElementById('id_answer').style.display = 'inline-block';
document.getElementById('id_parent').value = idCom;
document.getElementById('id_content').focus();
}

function cancelCom() {
document.getElementById('id_answer').style.display = 'none';
document.getElementById('id_parent').value = '';
document.getElementById('com_message').innerHTML = '';
}
var parent = document.getElementById('id_parent').value;
if (parent != '') {
replyCom(parent)
}
</script>

<?php else: ?>
<p>
<?php $plxShow->lang('COMMENTS_CLOSED') ?>.
</p>
<?php endif; ?>

Devant cette ligne: <?php $plxShow->lang('COMMENTS_CLOSED') ?>.
J'ai ajouter celle ci: <div class="closedcom"></div>

Et dans css j'ai ajouter:

.closedcom {
background:url('images/closed.png') no-repeat;
}

Mais l'affichage de l'image ne fonctionne pas

DjbWebmaster · octobre 2016

Hello,

Peux tu donner le lien de ton site, c'est plus simple

Il prend le lien à la racine de ton site

santini · octobre 2016

Salut DjbWebmaster, voici le lien de teste: www.elbelrecords.com

DjbWebmaster · octobre 2016

Hello,

Je te propose de modifier le fichier style.css et d'ajouter une class pour styliser ton

[== HTML ==]
<?php else: ?>

<div class="LenomDeTaClass">
       <p>Les commentaires sont fermés pour cet article.</p>
</div>

<?php endif;  ?>

pense à ajouter l'image dans le dossier de ton thème.

Stéphane · octobre 2016

attention à l'url de ton image qui va dépendre de l'emplacement de ton fichier css

themes/defaut/css/theme.css
themes/defaut/images/closed.png

le lien sera

background:url('../images/closed.png') no-repeat;

santini · octobre 2016

Bonjour,
Merci pour vos réponse, par contre l'image ne s'affiche pas (elle est pourtant bien placer dans le dossier "images" du theme)

A la fin de la page commentaires.php j'ai mi:

<?php else: ?>

<div class="imgcomclosed">
<p><?php $plxShow->lang('COMMENTS_CLOSED') ?>.</p>
</div>

<?php endif; ?>

Et dans css:

.imgcomclosed {
background:url('themes/defaut/images/closed.png') no-repeat;
}

8.(

Stéphane · octobre 2016

essaye avec

.imgcomclosed {
background:url('../images/closed.png') no-repeat;
}

DjbWebmaster · octobre 2016

hello

attention dans ton fichier style.css tu as :

[== CSS ==]
#imgcomclosed {
background:url('themes/defaut/images/closed.png') no-repeat;
}

remplace par

[== CSS ==]
#imgcomclosed {
background:url('images/closed.png') no-repeat;
}

santini · octobre 2016

Hello,
Sa ne marche pas non plus,
Donc du coup j'ai modifier la page "commentaires" et j'ai ajouter ce code:

<div class="imgcomclosed">
<p><img alt="" src="<?php $plxShow->template(); ?>/images/closed.png" srcset="<?php $plxShow->template(); ?>/images/closed.png" class="imgcomclosed" height="30" width="30"><?php $plxShow->lang('COMMENTS_CLOSED') ?>.</p>
</div>

Et l'image s'affiche enfin

Image qui ne s'affiche pas fichier langue

Réponses