Forum de support officiel

Forum d'entraide et support officiel des forums Forumprod.com


Heures au format UTC + 1 heure [ Heure d’été ]


Règles du forum


  • Veuillez poster votre problème dans la bonne section.
  • Veuillez choisir un titre explicite pour votre problème.
  • Veuillez éditer votre premier message et mettre l'icône "Problème résolu" si votre problème est résolu.

Légende :
Image Problème résolu | Image Problème en cours


Poster un nouveau sujet Répondre au sujet  [ 4 messages ] 
Auteur Message
Membre habitué
Membre habitué

Inscription: Oct 2016
Messages: 10
Points: 136
Sexe: Masculin
Forum: http://zeforums.forumprod.com
Posté: 12 Oct 2016, 22:55 

Bonjour,
Je cherche actuellement à modifier le bouton suivre les sujets de ce forum qui est un réveil, si on ne clique pas, on ne devine pas...
Y a t'il une solution?
Bien cordialement
Left


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur

Inscription: Jan 2012
Messages: 1928
Points: 4616
Localisation: France
Sexe: Masculin
Age: 15
Forum: http://support.forumprod.com/
Posté: 26 Déc 2016, 01:25 

Bonjour,

Sous quel thème souhaitez-vous modifier cette îcone ? prosilver ou subsilver ?

_________________
Cordialement,
Alexandre - Modérateur du forum de support.

Merci de lire les règles du forum
Merci de faire une recherche avant de poster
- Bien demander du support
Pas de support par MP, merci.


Haut
  Profil 
 
Membre habitué
Membre habitué

Inscription: Oct 2016
Messages: 10
Points: 136
Sexe: Masculin
Forum: http://zeforums.forumprod.com
Posté: 26 Déc 2016, 16:10 

Salut !
Avec le thème: subSilver2
Left


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur

Inscription: Jan 2012
Messages: 1928
Points: 4616
Localisation: France
Sexe: Masculin
Age: 15
Forum: http://support.forumprod.com/
Posté: 26 Déc 2016, 16:32 

Bonjour,

Tout d'abord, votre image doit être aux dimensions 30x30px car celle-ci ne se redimensionnera pas toute seule.
Avec proSilver, il suffit d'une simple manipulation dans les images, mais avec subSilver2, c'est totalement différent : vous allez devoir toucher à la feuille CSS.

Le tutoriel suivant nécessite le panneau d'administration en mode avancé !

Donc rendez-vous tout d'abord dans votre panneau d'administration puis dans Styles, puis dans "Modifier le thème". Une fois ceci fait, cliquez sur CTRL + F afin d'ouvrir la barre de recherche de la page de votre navigateur.

Une fois la barre de recherche ouverte, tapez "watch" dans votre barre de recherche.
Vous allez arriver sur une section appelée : .icon-topic-watch
Cette première section est l'image de "Surveiller le sujet" lorsque celui-ci n'est pas suivi et que la souris n'est pas par dessus (ici, c'est le réveil)

Voici le code initial :
Code:
.icon-topic-watch {
   background-image: url({S_IMAGE_SERVER}img/dyn/img.php?img=watch.png&cc=333333&rc={COLOR_CODE_BODY_LINK});
}


Puis le code à appliquer avec votre image (remplacer URL_DE_L'IMAGE) par l'url de l'image et gardez les "" :
Code:
.icon-topic-watch {
   background-image: url("URL_DE_L'IMAGE");
}


Ensuite, continuez votre recherche de "watch" à l'aide de CTRL + F. Vous allez arriver sur une section juste en dessous appelée : .icon-topic-watch:hover
Cette seconde section est l'image de "Surveiller le sujet" lorsque celui-ci n'est pas suivi mais que la souris est par dessus. (ici, le réveil est coloré en orange).
Voici le code initial :
Code:
.icon-topic-watch:hover {
   background-image: url({S_IMAGE_SERVER}img/dyn/img.php?img=watch.png&cc=333333&rc={COLOR_CODE_BODY_HLINK});
}


Puis le code à appliquer avec votre image (remplacer URL_DE_L'IMAGE) par l'url de l'image et gardez les "":
Code:
.icon-topic-watch:hover {
   background-image: url("URL_DE_L'IMAGE");
}


Puis, recherchez watch une dernière fois, afin de tomber dans une section appelée :  .icon-topic-watch-selected
Cette dernière section sera l'image de "Surveiller le sujet" lorsque l'utilisateur suit le sujet. (ici, le réveil est également coloré en orange : on remarquera d'ailleurs que le lien donné dans le code initial est le même que dans le code précédent).
Voici le code initial :
Code:
.icon-topic-watch-selected {
   background-image: url({S_IMAGE_SERVER}img/dyn/img.php?img=watch.png&cc=333333&rc={COLOR_CODE_BODY_HLINK});
}


Puis le code à appliquer avec votre image (remplacer URL_DE_L'IMAGE) par l'url de l'image et gardez les "":
Code:
.icon-topic-watch-selected {
   background-image: url("URL DE L'IMAGE");
}


Vos trois images sont maintenant en place, prêtes à utiliser.

Veuillez m'excuser pour le retard de la réponse, j'ai fait une vague de réponses des sujets oubliés hier soir.

_________________
Cordialement,
Alexandre - Modérateur du forum de support.

Merci de lire les règles du forum
Merci de faire une recherche avant de poster
- Bien demander du support
Pas de support par MP, merci.


Haut
  Profil 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

Modérateur:

Aideurs

Permissions de ce forum:

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers
Poster un nouveau sujet Répondre au sujet  [ 4 messages ] 


cron
Créer un forum | © phpBB | Entraide & support | Forum gratuit