Forum de support officiel

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


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



Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 
Auteur Message
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 16 Mai 2012, 02:36 

Mettre une icône ou une image d'illustration dans l'index et les messages

Ces icônes apparaissent dans l'index et devant le nom des messages de votre forum pour le style subSilver2,
ImageImageImage
Pour le style proSilver ces icônes apparaissent seulement devant le nom des messages,des forums,dans la légende ainsi que devant tout les titres de fonctions(FAQ|Rechercher|Membres etc..)
ImageImageImage

Il faut aller dans votre panneau d'administration :
PA :arrow: Styles :arrow: Editer la feuille de style CSS
Et placer ce code tout à la fin de votre feuille de style CSS :

Pour le style proSilver:
Code:
h2 {
background: url(ADRESSE) no-repeat transparent;
height: 15px;
padding: 4px;
padding-left: 2%;
font-size: 160%;
text-decoration: none;
}
 

Ensuite il va falloir remettre un code pour le Panneau de l'utilisateur par ce que votre icône n'est pas encore adapté aux propriétés voulues,toujours pareil à la fin des CSS ce code :
Code:
#cp-main h2 {
height: 15px;
padding: 4px;
padding-left: 3%;
font-size: 160%;
text-decoration: none;
}
 

Pour le style subSilver2:
Code:
#pageheader {
background: url(ADRESSE) no-repeat transparent;
height: 15px;
padding: 4px;
padding-left: 2%;
text-decoration: none;
}
 

En fait il n'y a qu'un seul mot qui change :arrow: h2 devient #pageheader pour subSilver2.
Le mot ADRESSE à background est à changer par l'adresse de votre icône ;)

Aide pour les codes CSS:
Il est possible que l'espacement du texte par rapport à l'icône ne vous plais pas ,il est possible d'y remédier pour ce faire on va devoir jouer sur la propriété padding-left: 2%; le nombre 2 est à changer(exemple 3% | 1%)
Il est possible aussi que l'espacement du contenu(#pageheader ou h2) soit trop étroit,pour y remédier il faut jouer sur cette propriété height: 15px lenombre 15 est à changer(exemple 20px | 10px)
Le style du texte peut être à changer ,exemple le mettre en italique ,il faut rajouter cette propriété :
font-style: italic;
Pour mettre des majuscules aux mots il faut ajouter cette propriété :
text-transform: capitalize;
:arrow: Il est important de se rappeler que sous subSilver2 il y a le lien [ Panneau de Modération ] dans le #pageheader ,si vous ajouter les propriétés ci-dessus les valeurs de ce lien vont prendre dessus.Mais pas sous proSilver.[/align]


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

Inscription: Sep 2009
Messages: 4611
Points: 9953
Localisation: en France
Sexe: Masculin
Age: 28
Forum: http://support.forumprod.com
Posté: 17 Mai 2012, 01:49 

bonjour / bonsoir


merci wadjh pour ce tuto

:clap: :clap: :thumbup: :thumbup:

:wave: :wave:

_________________
Nous restons à votre disposition pour toutes questions complémentaires.

Cordialement,
Lesny- Modérateur du forum de support.

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


Haut
  Profil Site Internet 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 17 Mai 2012, 03:09 

Bonjour, de rien avec plaisir Lesny :D :D :wave: :wave:


Haut
  Profil 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

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  [ 3 messages ] 


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