Personnalisation

samghami Membre non connecté

Booster Bazooka

Le 01/05/2013 à 10h40

Booster Bazooka
Voir le profil du membre samghami
Inscrit le : 16/04/2012
Email
Site internet

Bonjour,

Ma question est plutôt simple. Voici le lien de la page: http://www.samghami.com/articles/articles.php

Je souhaite créer une info-bulle lorsque l'on passe la souris sur l'une des catégories. J'ai fais mon code info-bulle sur une page html mais je ne sais pas quel tpl modifier pour y insérer mon code ?

Merci d'avance,

Cordialement, Samghami

babsolune Membre non connecté

Equipe Développement Administrateur

Le 01/05/2013 à 11h06

#128056

Administrateur
Voir le profil du membre babsolune
Inscrit le : 16/05/2008
Site internet
Groupes :
Equipe Développement

ça devrait etre dans article_cat.tpl, recherche {cat_list.DESC}

Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site

samghami Membre non connecté

Booster Bazooka

Le 01/05/2013 à 13h51

#128060

Booster Bazooka
Voir le profil du membre samghami
Inscrit le : 16/04/2012
Email
Site internet

Je ne trouve pas les images des articles

j1.seth Membre non connecté

Chef de Projet Equipe Développement Administrateur

Le 02/05/2013 à 07h10

#128076

Administrateur
Voir le profil du membre j1.seth
Inscrit le : 01/09/2008
Site internet
Groupes :
Chef de Projet
Equipe Développement

Bonjour,

Que souhaites-tu faire exactement ? Dans ton premier message tu souhaites mettre une info-bulle quand tu passes sur les catégories et dans ton deuxième message tu as l'air de vouloir le faire sur l'image d'un article. Ca ne se fait pas au même endroit.

L'image des catégories est affichée dans /articles/templates/articles_cat.tpl à la ligne 53 :

Code TEXT :

{cat_list.ICON_CAT}

Cette variable est définie dans le fichier /articles/phpboost/ArticlesHomePageExtensionPoint.class.php à la ligne 230.

samghami Membre non connecté

Booster Bazooka

Le 02/05/2013 à 19h53

#128107

Booster Bazooka
Voir le profil du membre samghami
Inscrit le : 16/04/2012
Email
Site internet

Je veux faire cela:

Code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
a{ 
    color:#FFF;
    text-shadow:0 -1px 0 black;
} 
 
a:hover,a:focus{ 
    background:rgba(0,0,0,.4);
    box-shadow:0 1px 0 rgba(255,255,255,.4);
}
a span{ 
    position:absolute; 
    margin-top:23px;
    margin-left:-35px;
    color:#009900;
    background:rgba(0,0,0,.9);
    padding:15px;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    transform:scale(0) rotate(-12deg);
    transition:all .25s;
     opacity:0;
}
a:hover span, a:focus span{ 
    transform:scale(1) rotate(0);
     opacity:1;
}
body {
    background-color: #CCC;
}
-->
</style>
</head>
 
<body>
<p> <a href="#">Hover Me! <span>I'm a popup...</span> </a> </p>
</body>
</html>