Ryoto Pub
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Un forum de publicité pour vos forums, avec plusieurs de services.
 
AccueilAccueil  Dernières imagesDernières images  PortailPortail  PartenairesPartenaires  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Nike : Jusqu’à 50% sur les articles de fin de saison
Voir le deal

 

 Citations/codes/spoiler personnalisables ^^

Aller en bas 
+2
Nina
Lichan
6 participants
AuteurMessage
Lichan
Membre
Membre
Lichan


Féminin
Nombre de messages : 134
Date de naissance : 11/04/1989
Age : 34
Date d'inscription : 10/02/2008

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyVen 5 Mar - 12:39

voici un code que j'ai fais hier pour pouvoir personnaliser les citations/codes et spoiler ^^.

Il faut savoir que les balises des ces trois éléments sont les suivantes :

citation => quote
code => code
spoiler => spoiler

Maintenant afin de les personnaliser comme vous le souhaiter, voici un code de base :

Code:
.quote {

border [vous pouvez différencier les quatre cotés avec top[haut], bottom[bas], left[gauche] et right[droite]): taille en px color type;
-moz-border-radius: (vous aurez ainsi un bord arrondi) Xpx;
font-family:(pour avoir une écriture différente);
font-size: (la taille de l'écriture) Xpx;
color: (couleur de l'écriture);
background-color: (couleur de fond);
background-image:(image de fond) url("url de votre image");
background-repeat:(pour répéter ou non le fond) no-repeat[pas de répétition], repeat[répétition totale], repeat-x [en largeur], repeat-y [en longeur].
overflow:(sers à mettre une barre de défilement sur le coté) auto [se mettra automatiquement si vous dépassez la hauteur mise]; scroll [mettra automatique la barre même si la hauteur est pas dépassée;
height (hauteur de votre citation, elle sera toujours de cette hauteur) Xpx;
max-height (cela permet de mettre une hauteur max qui une fois dépassée, mettra en place la fonction overflow et donc la barre de défilement) Xpx;
width: (largeur de votre citation) Xpx;

voici un exemple que j'ai fais hier :

exemple

Vous pouvez appliquer ce code aux autres balises de votre forum ^^

Voilà ^^
Revenir en haut Aller en bas
Nina
Fondatrice
Fondatrice
Nina


Féminin
Nombre de messages : 4869
Date de naissance : 27/11/1994
Age : 29
Date d'inscription : 06/09/2007

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptySam 6 Mar - 0:05

Merci beaucoup pour le partage ^^
Seulement que le lien vers ton exemple ne marche pas ><
Revenir en haut Aller en bas
https://ryotopub.probb.fr
Lichan
Membre
Membre
Lichan


Féminin
Nombre de messages : 134
Date de naissance : 11/04/1989
Age : 34
Date d'inscription : 10/02/2008

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptySam 6 Mar - 10:13

ah je le reup ^^ (petit soucis de ftp =/)

maintenant c'est bon ^^
Revenir en haut Aller en bas
Invité
Invité
Anonymous



Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptySam 6 Mar - 16:02

L'effet est génial , merci beaucoup lichan , cela va aider plein de membres Citations/codes/spoiler personnalisables ^^ 644124
Revenir en haut Aller en bas
Lichan
Membre
Membre
Lichan


Féminin
Nombre de messages : 134
Date de naissance : 11/04/1989
Age : 34
Date d'inscription : 10/02/2008

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptySam 6 Mar - 18:53

Heureuse que ça aide ^^ (c'est fait pour ^^)
Revenir en haut Aller en bas
Titivana
Fondatrice à la Retraite
Fondatrice à la Retraite
Titivana


Féminin
Nombre de messages : 4728
Date de naissance : 06/12/1994
Age : 29
Date d'inscription : 28/09/2007

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptySam 6 Mar - 21:46

Merci beaucoup =)
C'est très utile ( je ne savais pas ce code x) )
Revenir en haut Aller en bas
https://ryotopub.probb.fr/
Lichan
Membre
Membre
Lichan


Féminin
Nombre de messages : 134
Date de naissance : 11/04/1989
Age : 34
Date d'inscription : 10/02/2008

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptySam 6 Mar - 23:05

je l'ai appris en bidouillant ^^
Revenir en haut Aller en bas
ptitlac
Membre
Membre
ptitlac


Féminin
Nombre de messages : 161
Date de naissance : 02/03/1991
Age : 33
Date d'inscription : 26/12/2009

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyDim 7 Mar - 18:53

Bon alors j'ai un ti soucis ><"

Voici le code que j'ai mis:

Code:
.quote spoiler code {
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
-moz-border-radius: 10px;
font-family:Commic sans MS;
font-size: 12px;
color: #ffffff;
background-color: #000000;
background-image: none;
background-repeat: no-repeat;
overflow: none;
height 5px;
max-height: none;
width: 35px;}

C'est donc censé me donner des bords arrondis avec un contour blanc dans un fond noir et une écriture blanche.
Jusqu'a ce que je ne rajoute pas spoiler et code en haut, mes citations et spoiler était correcte, comme je les attendais, mais pas mes codes. Donc il y a un problème, parceque la ils sont comme ils devraient être sans code.
On peut m'aider ? lol
Revenir en haut Aller en bas
http://survival-instinct.forumsactifs.net/
Lichan
Membre
Membre
Lichan


Féminin
Nombre de messages : 134
Date de naissance : 11/04/1989
Age : 34
Date d'inscription : 10/02/2008

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyDim 7 Mar - 20:05

Déjà fait un code par balise :

.quote
.code
.spoiler

(ça sera mieux)

alors voyons ce qui cloche ^^

Citation :
.quote spoiler code {
border-top: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
-moz-border-radius: 10px;
font-family:Comic sans MS;
font-size: 12px;
color: #ffffff;
background-color: #000000;
height 5px; <= je pense que 5 pixel de hauteur c'est pas assez ^^;;;
width: 35px; <= idem}

Voilà essaye ^^
Revenir en haut Aller en bas
ptitlac
Membre
Membre
ptitlac


Féminin
Nombre de messages : 161
Date de naissance : 02/03/1991
Age : 33
Date d'inscription : 26/12/2009

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyDim 7 Mar - 20:09

tu mettrait combien si tu pense que c'est pas assez ? J'ai vraiment mis au pif au metre ><"

sa va mieux comme ca merci
Revenir en haut Aller en bas
http://survival-instinct.forumsactifs.net/
Lichan
Membre
Membre
Lichan


Féminin
Nombre de messages : 134
Date de naissance : 11/04/1989
Age : 34
Date d'inscription : 10/02/2008

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyDim 7 Mar - 22:59

width: 6OOpx;
Height: 250px;

Voilà ce que je te conseillerai ^^
Revenir en haut Aller en bas
ptitlac
Membre
Membre
ptitlac


Féminin
Nombre de messages : 161
Date de naissance : 02/03/1991
Age : 33
Date d'inscription : 26/12/2009

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyDim 7 Mar - 23:11

Ok merci je vais de suite modifier ^^
Revenir en haut Aller en bas
http://survival-instinct.forumsactifs.net/
BEBUX
Membre
Membre
BEBUX


Féminin
Nombre de messages : 62
Date de naissance : 25/06/1993
Age : 30
Date d'inscription : 03/10/2010

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyMar 28 Déc - 16:12

J'ai eu beau chercher, je ne comprends pas mon erreur. La barre de défilement ne marche pas chez moi, le fond & le contour non plus.. ça me fait seulement un fond blanc.. j'aurai fais une erreur ? >>

J'ai fais copier/coller pour chaque Code Quote & Spoiler mais la barre de défilement ne marche que pour le Code .
& pour le spoiler c'est complétement bizarre le truc..
Spoiler:
Code:
.quote {

border: #ffffff 3px solid;
-moz-border-radius: 10px;
font-size: 11px;
color-background: #383633;
font-family: Courier new;
-color: #8d7864;
height: 250px;
max-height: 250px;
overflow: scroll;
width: 400px;

}

Merci beaucoup en tout cas pour ce super tuto!
Revenir en haut Aller en bas
http://chooseyourdeath.forumactif.org
Pratoz
Modo
Modo
Pratoz


Féminin
Nombre de messages : 443
Date de naissance : 16/06/1993
Age : 30
Date d'inscription : 28/10/2010

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyMar 28 Déc - 21:04

Coucou,

Pour le spoiler, fais ceci :

Code:
.spoiler_content {
border: #ffffff 3px solid;
-moz-border-radius: 10px;
font-size: 11px;
color-background: #383633;
font-family: Courier new;
-color: #8d7864;
height: 250px;
max-height: 250px;
overflow: scroll;
width: 400px;}
Revenir en haut Aller en bas
http://mot-pour-mot.forumactif.com/
BEBUX
Membre
Membre
BEBUX


Féminin
Nombre de messages : 62
Date de naissance : 25/06/1993
Age : 30
Date d'inscription : 03/10/2010

Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ EmptyMar 28 Déc - 22:20

Merci ça a marchéééé =D

& pour le reste tu saurais ? ^^
Revenir en haut Aller en bas
http://chooseyourdeath.forumactif.org
Contenu sponsorisé





Citations/codes/spoiler personnalisables ^^ Empty
MessageSujet: Re: Citations/codes/spoiler personnalisables ^^   Citations/codes/spoiler personnalisables ^^ Empty

Revenir en haut Aller en bas
 
Citations/codes/spoiler personnalisables ^^
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Codes CSS & titre
» Section codes
» Thèmes F.A, des thèmes, des ressources, des codes et astuces !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Ryoto Pub :: Votre forum pas comme les autres : tutoriels de codage :: Tutoriels pour forum :: Tutoriels forumactif-
Sauter vers: