Savez vous comment faire ça?? Bouton_activeSavez vous comment faire ça?? Bouton_hoverSavez vous comment faire ça?? Fb-hoverSavez vous comment faire ça?? Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Savez vous comment faire ça?? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Savez vous comment faire ça?? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Savez vous comment faire ça?? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Savez vous comment faire ça?? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Savez vous comment faire ça?? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Savez vous comment faire ça?? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Savez vous comment faire ça?? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Savez vous comment faire ça?? EmptySam 11 Fév 2023, 06:04 par Krager


Partagez
 

Savez vous comment faire ça??

Voir le sujet précédent Voir le sujet suivant Aller en bas 
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Bonjour a toutes et a tous,

Dernièrement je suis tombé sur sur un forum rpg dans lequel leurs sous forum était placé en vignettes ou je ne sais trop quoi et j'ai flashé =) j'aimerai savoir comment mettre les sous forum en haut comme ici, si quelqu'un sait merci de m'aider Smile

le forum en question ==} http://newytown.forumactif.com/forum.htm

Merci d'avance

MessageSujet: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyJeu 03 Déc 2009, 18:12
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Coucou !

En fait, c'est un truc tout simple; qui parait super complexe quand on le voit Laughing
L'admin a juste fait des effets en CSS & HTML dans les descriptions de ses forums Wink.
[Donc dans Panneau admin >> Général >> Catégories & forum]

Code:
<div align="right">
<a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a>
<a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a>
<a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a>
<a class="vignettes" href="LIEN">NOM DU FORUM/TOPIC</a>
</div>

Tu peux mettre autant de liens que tu le souhaites (là, y'en a 4, pour 4 vignettes)
Donc, pour que tes vignettes soient mises en formes, tu dois appliquer un code CSS à la div ... (La class appelée "vignettes" peut changer de nom, évidemment xD Tu l'appelles comme tu veux xD)

Code:
.vignettes
{TES CODES CSS}

Je ne sais pas si je suis très claire, mais si tu ne comprends pas, ou que tu as besoin d'aide, dis le surtout Wink
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyJeu 03 Déc 2009, 19:02
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Beuuh merci de ta réponse, c'est très gentil de ta part mais... Je pige pas vraiment, en faite il faut que je copie le code dans chaque description de forum ou de sous forum??
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 09:20
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Merci mais pour le premier code que tu m'as donné je le met ou?? << Ouaip j'ai tendance a souvent demander avant de faire n'importe quoi =$
Pis pour le code a mettre dans la description du forum ne tient pas dans le petit rectangle u_u je fais comment??
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 12:16
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Le premier code se place dans la feuille CSS de ton forum : Panneau admin >> Affichage >> Couleurs >> Feuille CSS ^^ .. Wink

Citation :
Pis pour le code a mettre dans la description du forum ne tient pas dans le petit rectangle u_u je fais comment??

C'est à dire ? Pourrais-tu fournir un screen de ce que tu vois quand tu veux coller le code ?
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 12:37
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Beuuh c'est a dire que j'ai déja mis de la neige sur tout le forum donc il n'y a plus du tout de place u_u du coup ça tient pas Haaaan.

J'ai tout bien fait mais il faut que je fasse un choix entre les deux =/
Vignettes ou neige Arf
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 12:43
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Oulaaa, nan Laughing

Quand je parle de description de forum, je parle pas de la description DU FORUM xD.
Mais de ceci : (je prend le forum de ton profil en exemple)

Citation :
Rules & Context :
C'est ici que tout commence, cher membre. Un clic sur ce sujet est indispensable pour vous tenir au courant des règlements a signer et de l'intrigue ayant court sur Lop. Vous êtes priés de tout lire avec attention et de revenir faire un tour sur une base régulière afin de ne rien manquer des mises-à-jour instaurées dans le but de rendre votre expérience sur Lop des plus agréables.

C'est ça que tu dois modifier Laughing.
Va dans Panneau admin >> Général >> Catégories & forums

Tu cherches ton forum "Rules & Context", tu cliques sur Savez vous comment faire ça?? Editer et c'est là que tu dois coller le code Wink Comme indiqué sur ce screen : cliiic
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 12:49
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Haaaaaaaaaan, je croyais que c'était de description du forum dans PA >> Général >> Configuration et tanani tanana mdrrr

Merci d'avoir détaillé XD Dans le genre boulet je demande.... Moi mdr
Sinope je dois faire cet action dans tout les forums??
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 13:06
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Dans tous les forums où tu veux des vignettes oui Wink.
Si tu as besoin d'aide pour mettre ton CSS en forme, n'hésites pas à le dire surtout ^^

Et t'inquiètes pas, vu mes explications c'est un peu normal que tu te soies perdue Laughing
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 13:07
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Beuuh je ne refuse pas un peu d'aide pour faire un premier sous forum, je sais qu'a la place du lien du sous forum c'est baah le lien mais euuh après je sais pas

Désolé de bouffer sur ton temps =/
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 13:09
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Bah si je te propose, c'est que j'ai le temps Laughing.

Déjà, il faut que tu saches ce que tu veux mettre dans tes vignettes Laughing
As-tu les liens de tes sous forums ?

Ensuite, comment tu veux tes vignettes ? Arrondies, avec une couleur de fond, une image en fond, majuscules/minuscules, couleur du texte ... Wink
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 13:13
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Yattaaaaa merci,

Pour le premier forum les liens: http://land-of-poudlard.highforum.net/rules-and-context-f1/rule-du-forum-t1.htm && http://land-of-poudlard.highforum.net/rules-and-context-f1/context-du-forum-t2.htm

Le premier c'est Rules et le deuxième Context et nope je préfère que ce soit en rouge pâle ou blanc [couleurs de Noël]

Pour ce qui est de la forum oui arrondie ce serait mieux breffouille ça irait mieux avec l'arrondie général du forum.
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 13:19
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Alors déjà le HTML à mettre dans la description du premier forum :

Code:
<div align="right">
<a class="vignettes" href="http://land-of-poudlard.highforum.net/rules-and-context-f1/rule-du-forum-t1.htm">Rules</a>  
<a class="vignettes" href="http://land-of-poudlard.highforum.net/rules-and-context-f1/context-du-forum-t2.htm">Context</a>
</div>

TA DEscriptION DE FORUM

Le " " est en fait un espace, pour ne pas que les vignettes se collent xD

Et le code CSS ... Après, je ne sais pas ce que tu veux vraiment, c'est donc pas super évident à coder Laughing. Il faut que tu testes, que tu vois, et que tu dises ce que tu veux niveau esthétique ...

Code:
.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}


-moz-border-radius:7px; = l'arrondi
background-color: #ffffff; = la couleur de fond de la vignette. Ici, #FFFFFF représente la couleur blanche ..
padding-right:10px; = Une "marge" à droite pour ne pas que ton texte soit collé au bord de la vignette ...
padding-left:10px; = Une "marge" à gauche pour ne pas que ton texte soit collé au bord de la vignette ...
padding-bottom: 3px; = Une "marge" sur le bas pour ne pas que ton texte soit collé au bord de la vignette ...
padding-top:3px;} = Une "marge" sur le haut pour ne pas que ton texte soit collé au bord de la vignette ...

Le tout se modifie, évidemment Wink
Je l'ai pas testé, donc si ça ne va pas, dis le moi ^^
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 14:05
Revenir en haut Aller en bas
.draumrkopa
.draumrkopa
{ Membre }
{ Membre }

Masculin Messages : 40



Savez vous comment faire ça?? Empty
Beuuh c'est parfait j'adoore merci beaucoup =)

Me reste plus qu'a le faire sur tout le forum Savez vous comment faire ça?? 3933776953 cheers Savez vous comment faire ça?? 3933776953
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 14:34
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Savez vous comment faire ça?? Empty
Bon courage alors xD

Si tu veux de l'aide pour quelque chose, hésites pas hein ^^
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? EmptyVen 04 Déc 2009, 14:35
Revenir en haut Aller en bas
Contenu sponsorisé




Savez vous comment faire ça?? Empty
MessageSujet: Re: Savez vous comment faire ça??   Savez vous comment faire ça?? Empty
Revenir en haut Aller en bas
 

Savez vous comment faire ça??

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment faire ça O.O
» Comment faire sa ?
» Comment faire sa ?
» Comment faire? oO
» Comment faire ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet