Besoin d'un expert en CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Besoin d'un expert en CSS

Message par geokdo le Jeu 24 Juin 2010 - 17:16

Bonjour,

Voici le lien du forum type ==> http://girondingue.creazioneforum.com/forum.htm
J'aimerais pouvoir faire pareil que sur le forum lorsqu'on clique sur le nom d'un sous-forum, l'image change. J'aimerais aussi savoir comment faire pour qu'il y est 4 sous-forum dans un seul cadre "La Buvette" mais qu'après les sous-forums soit bien séparés.

Merci !


Dernière édition par geokdo le Ven 25 Juin 2010 - 17:22, édité 2 fois

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Jeu 24 Juin 2010 - 17:43

Bonjour Wink

Pour votre première question, il s'agit simplement de mettre un background-image. (qui est différente quand on passe au survol)
Ca donne un truc dans ce style dans ta feuille de style CSS :

Code:
.titreforum {
background-image: url("LIEN_DE_TON_IMAGE.jpeg");
border : 1px solid black;
}

.titreforum:hover {
background-image: url("LIEN_DE_TON_IMAGE_AU_SURVOL.jpeg");
border : 1px solid black;
}

Pour que cela fasse effet, il faut que tu ailles dans Catégories et Forums, que tu choisisses chaque sous-forum où tu désires avoir l'effet et dans le titre, tu mets comme cec :

Code:
<div class="forumname">Titre de ton sous forum</div>

Concernant ta deuxième question, il s'agit des catégories composites dont voici le tuto : [link]

Cordialement, Somewhere Wink

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Jeu 24 Juin 2010 - 20:41

Merci beaucoup, mais comment faire pour centrer le sous-titre et le mettre dans la barre arrondie ?

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Jeu 24 Juin 2010 - 20:49

Re =)

il faut que tu ajoutes ceci pour centrer le texte :

Code:
text-align: center;

et cela pour les bords arrondis :

Code:
-moz-border-radius:15px;

*Change la valeur pour avoir un arrondi comme tu le souhaites Wink

Somewhere.

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Jeu 24 Juin 2010 - 21:03

Je bloque totalement avec les fonds de titre, ça ne marche pas :|

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Ven 25 Juin 2010 - 1:25

Qu'est-ce qui ne marche pas ? Tu ne vois pas l'image en fond ?

Fais voir ce que tu as mis dans ta feuille CSS (uniquement la partie ayant trait au titre du sous-forum) Wink

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Ven 25 Juin 2010 - 12:52

Bah j'ai testé en mettant les images en gif, ça marche pas, alors j'ai mis la première en jpg et la deuxième en gif, mais toujours rien.

Code:

.titreforum {
background-image: url("http://www.arles-avignon.com/users/1715/22/71/48/album/0110.jpg");
text-align: center;
-moz-border-radius:15px;
border : 2px solid black;
}

.titreforum:hover {
background-image: url("http://www.arles-avignon.com/users/1715/22/71/48/album/gif11.gif");
text-align: center;
-moz-border-radius:15px;
border : 2px solid black;
}

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Ven 25 Juin 2010 - 14:41

Tu as bien pensé à ajouter à chaque sous-forum ceci ?

Code:
<div class="titreforum">....</div>


Interrog

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Ven 25 Juin 2010 - 15:41

Oui. Par contre tu m'avais dis de mettre
Code:
<div class="[b]forumname[/b]">Titre de ton sous forum</div>
. Ça peut changer un truc ?

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Ven 25 Juin 2010 - 16:00

Oui, je m'étais trompé Razz

Mais on va reprendre de zéro si tu le veux bien afin de faire quelque chose de beaucoup moins compliqué Wink
Retourne dans ton CSS et enlève tout ce que je t'ai donné (c'est à dire les codes pour .titreforum et .titreforum:hover)
Enlève aussi les <div class="..."> que tu as pu mettre dans les titres de tes sous-forums.

Voilà, maintenant, on recommence Very Happy Pourquoi ? Parce qu'on m'a fait remarquer (clin d'oeil à celle qui se reconnaîtra Wink ) qu'il existe déjà une balise toute prête pour les titres de sous-forums qui s'appelle "forumlink". Et grâce à ça, nul besoin pour toi de rajouter les <div class="..."> dans chaque titre de sous-forum. C'est plus léger et moins prise de tête Wink

Donc, c'est reparti Mr. Green Essaye avec ce code :

Code:
a.forumlink:link, a.forumlink:visited {
background-image: url("http://www.arles-avignon.com/users/1715/22/71/48/album/0110.jpg");
background-position: right;
text-align: center;
color: #ffffff;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://www.arles-avignon.com/users/1715/22/71/48/album/gif11.gif");
background-position: right;
color: #000000;
text-align: center;
display: block;
-moz-border-radius:10px;
}

Par contre, j'ai ajouté un "background-position: right;", comme tu peux le voir. Tes images sont plutôt larges et comme le logo est situé tout à droite, je fais en sorte que l'image puisse être vue, c'est pour ça que je demande à ce que l'image de fond nous montre le côté le plus à droite Wink

Voilà, normalement, ça devrait fonctionner Wink Dis le moi si tu as des difficultés et encore désolé pour ce changement de code en cours de route.

PS ; à l'avenir, évite de mettre "Je veux comme ce forum" en titre de sujet, ça peut être considéré comme du plagiat.

Cordialement, Somewhere.

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Ven 25 Juin 2010 - 17:00

Merci d'essayer de m'aider, mais ça veux toujours pas fonctionner Crying or Very sad

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Ven 25 Juin 2010 - 17:03

Ca fonctionne super bien sur mon forum de test, pas de raison que ça ne fonctionne pas sur le tien Wink

Peux-tu montrer le lien de ton forum ou de ton forum de test afin que je vois le résultat que tu as eu ?

Wink

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Ven 25 Juin 2010 - 17:05

==> http://www.arles-avignon.com/index.htm

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Ven 25 Juin 2010 - 17:12

Ah oui, tu n'as aucun changement Laughing

Je peux voir ta feuille CSS ? Wink

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Ven 25 Juin 2010 - 17:15

Je t'ai envoyé un MP.

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par Somewhere le Ven 25 Juin 2010 - 17:19

Répondu Wink Normalement le problème est résolu si je ne me trompe pas Mr. Green
(juste oublié de changer les anciens codes donnés au début du sujet par les nouveaux) Wink

Somewhere
*****

Masculin
Messages : 747
Inscrit(e) le : 09/12/2007

http://some-where.deviantart.com/
Somewhere a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un expert en CSS

Message par geokdo le Ven 25 Juin 2010 - 17:22

Merci beaucoup de ta patience. Tu remercieras aussi stp "l'anonyme" qui t'as fait connaitre l'existence du code.

geokdo
*****

Masculin
Messages : 830
Inscrit(e) le : 07/08/2008

http://www.arles-avignon.com/
geokdo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum