Aller au contenu
Invision Board France

Les Class De La Feuille De Style

thewiseoldman

Par thewiseoldman
dans Skin

 Partager

Messages recommandés

thewiseoldman Apericube

thewiseoldman

Posté(e)
Posté(e)

Voici dans le détail, tous les endroits où sont utilisées les class de la Feuille de style.

A chaque fois la class si elle possède une couleur sera en rouge pour plus de visibilité.

 

.hlight => Lorsque vous êtes sur votre boite de réception

 

.dlight => Lorsque vous êtes sur votre boite de réception

http://www.invisionboard.fr/tutoriaux/css/...es/dlight-1.gif

 

.mainbg

=> page d'accueil des forums

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-1.gif

=> Vue du calendrier

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-3.gif

=> Vue d'un anniversaire

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-4.gif

=> Vue d'un événement

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-5.gif

=> Vue des sujets d'un forum

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-6.gif

=> Fin du tableau vue des sujets d'un forum

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-7.gif

=> Vue d'un message d'erreur

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-8.gif

=> Vue Connexion Forums Offline

http://www.invisionboard.fr/tutoriaux/css/...es/mainbg-9.gif

=> Vue écran de redirection

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-10.gif

=> Vue liste des membres

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-11.gif

=> Vue choix action fin du tableau accueil PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-12.gif

=> Vue des sujets d'un forum via le PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-13.gif

=> Vue des membres recherche par ip via le PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-15.gif

=> Formulaire recherche par ip via le PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-16.gif

=> Formulaire recherche profil membre via le PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-17.gif

=> Sélection profil membre via le PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-18.gif

=> Modification profil membre via le PC Mod

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-19.gif

=> Boite de réception, remplissage des dossiers.

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-21.gif

=> Boite de réception, lecture d'un mp.

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-22.gif

=> Vote dans un sondage

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-23.gif

=> Début tableau de réponse dans un message

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-24.gif

=> Choix d'impression, téléchargement d'un sujet

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-25.gif

=> Recherche : Affichage des sujets correspondants

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-26.gif

=> Recherche : Affichage des sujets actifs aujourd'hui

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-27.gif

=> Recherche : Affichage des messages d'un membre

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-28.gif

=> Section Vue Sujet : Fin du tableau statistiques du sujet

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-29.gif

=> Section Vue Sujet : Début du tableau « Sujets Anciens | Sujets Récents »

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-30.gif

=> Section Menu utilisateur : Arrivée sur Mes contrôles

http://www.invisionboard.fr/tutoriaux/css/...s/mainbg-31.gif

 

.mainfoot

=> Fin du tableau d'une catégorie

http://www.invisionboard.fr/tutoriaux/css/.../mainfoot-1.gif

=> Fin du tableau nouvel événement dans le calendrier

http://www.invisionboard.fr/tutoriaux/css/.../mainfoot-2.gif

=> Fin du tableau réponse à un sujet 'Envoyer Message Modifié / Prévisualisation'

Lien vers le commentaire
Partager sur d’autres sites
shepard Membre

shepard

Posté(e)
Posté(e) (modifié)

Bonjour à tous, alors comme je sais que pas mal aimeraient un tuto pour faire sa skin IBF ( au fait, on dit un ou une skin ? ), j'ai décidé de faire quelques petits trucs qui peuvent aider thewiseoldman ( désolé si l'orthographe est incorrecte ) alors voilà, j'ai fait le deuxième bloc de la CSS et ca donne :

 

postbak

=> Apparement innutilisé dans cette version d'ibf

 

title

=> idem que postbak

 

row1

=>

row1-1.jpg

 

=>

row1-2.jpg

 

row2

=>

row2-1.jpg

 

postsep

=>

postsep-1.jpg

 

Voilà, vous pouvez faire ce que vous voulez de ces données, mais attention, je ne laisserais peut-être pas les images indéfiniment sur mon host, je vous conseille donc de les mettre avec les autres !

 

Ensuite, peut-être que certaines données sont fausses ou incomplètes mais ca m'étonnerait, j'ai fouillé tout les forums donc normalement, ca devrait être bon !

 

Peut-être que d'autres vont suivre, peut-être pas, ca dépend du temps que j'ai !

 

A++

Modifié par shepard
Lien vers le commentaire
Partager sur d’autres sites
shepard Membre

shepard

Posté(e)
Posté(e) (modifié)

***Forum1***

 

1. => Accueil

2. => Accueil

3. => Forum

4. => Forum

5. => Forum

6. => Forum

7. => Sujet

8. => Top 10 Général

9. => Top 10 Général

10. => Liste des membres

 

--------------------------------------------------------------------------------------------------------

 

***Forum2***

 

1. => Accueil

2. => Accueil

3. => Forum

4. => Forum

5. => Forum

6. => Top 10 Général

7. => Top 10 Général

8. => Liste des membres

9. => Liste des membres

 

--------------------------------------------------------------------------------------------------------

 

***Post1***

 

1. => Sujet ( 1 message sur 2 )

 

--------------------------------------------------------------------------------------------------------

 

***Post2***

 

1. => Sujet ( L'inverse de post1 )

 

--------------------------------------------------------------------------------------------------------

 

***Posthead***

 

1. => Sujet

 

Et bien, Wise, maintenant, je sais ce que tu voulais dire quand tu m'as dit que ca preniat beaucoup de temps pour faire ce tuto, je me rends compte que tu fais vraiment énormément pour nous tous, et pour ca, je voulais te remercier !

 

Alors un grand merci à toi et à toute la team pour tous les efforts que vous fournissez !

 

De plus, dès qu'on a un probleme, on peut compter sur toi pour avoir une réponse dans l'heure qui suit !

 

Allez, j'essaierais d'en faire d'autres !

 

A++

Modifié par shepard
Lien vers le commentaire
Partager sur d’autres sites
  • 11 mois après...
thewiseoldman Apericube

thewiseoldman

Posté(e)
  • Auteur
Posté(e) (modifié)

Voici un guide CSS en anglais mais c'est très visuel donc ca ne devrait pas vous poser de soucis : http://www.duggyd.co.uk/css/

 

L'autre solution consiste à utiliser l'extension Web Developper de Mozilla ou FireFox (qui sont vos navigateurs préférés, n'est ce pas :P ) puis l'option Miscellanous -> View IDs and Class Details pour la page en cours vous verrez alors les classes et id CSS utilisés et à quels endroits

 

webd_class.gif

 

Autre extension qui se révèle ici idéale combinée à la précédente, Edit CSS vous permet d'éditer la CSS dans la sidebar et d'en voir les effets immédiatement.

 

Lien pour Edit CSS édité ;)

Modifié par thewiseoldman
Lien vers le commentaire
Partager sur d’autres sites
  • 2 mois après...
 Partager
Aller sur la liste des sujets
×
×
  • Créer...

Information importante

En utilisant ce site, vous êtes d’accords avec nos Conditions d’utilisation. Nous avons placé des cookies sur votre appareil pour aider à améliorer ce site. Vous pouvez choisir d’ajuster vos paramètres de cookies, sinon nous supposerons que vous êtes d’accord pour continuer.