AccueilAccueil  Epic'Top  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Propriétés liées aux bordures d'un bloc
 :: Codage :: Tutoriels Codage :: Bases du codage
avatar
Newbie
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 13/01/2016
Messages : 35
Lun 27 Fév 2017 - 11:31
Petite précision: vous pouvez trouver ce tutoriel sur un autre forum d'entraide mais il vient bien de moi (mes deux pseudos sont Yoda et quand celui-ci est pris, c'est Youp. Ce dernier pseudo a été utilisé pour publier une première fois ce tuto mais étant donné que c'est un tuto, j'aimerais le proposer une nouvelle fois histoire qu'il puisse aider d'autres personnes.)

Propriétés liées aux bordures

Créé par: Yoda| Validé par: Jamy | Difficulté: Facile |Navigateur(s): Tous | Version: Toutes


Présentation du tutoriel


Je vais essayer aujourd'hui de dresser un exemplier de toutes les propriétés liées aux textes qui vous permettront donc de réaliser avec précision ce que vous avez en tête. En effet, beaucoup de balises restent peu connues. J'ai découvert il y'a seulement un mois que l'on pouvait mettre un dégradé sur un bloc. Mon tutoriel n'est pas exhaustif même si très complet, il y'a surement d'autres propriétés que je ne connais pas. Vous pouvez tout à fait me les soumettre à la suite afin que je les ajoute ^^

Explications




Un petit merci rendra les explications visibles !
Si vous avez une question sur ce tuto, cette section est disponible.
Administratrice - Maxi-codeuse
avatar

Fiche Membre
Lots gagnés:
Administratrice - Maxi-codeuse
Administratrice - Maxi-codeuse
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 31/10/2013
Messages : 2698
Sam 11 Mar 2017 - 22:33
Hello ! :D
Merci pour le partage ... En effet, avec les redondances, c'est délicat de traiter ton tuto ...

Mais c'est vrai qu'avec les exemples, c'est quand même mieux, donc on va l'ajouter dans les bases, à la suite des 2 précédents tuto ...

On peut y retourcher avant validation ?

y'a ton :
Code:
 height:100Px;
la majuscule me dérange ! x) c'est débile, je sais, mais ... voilà. x)

Et ça serait bien que ces "définitions" :
Citation :
La propriété s'écrit sous cette forme : "box-shadow: décalage horizontale décalage verticale niveau de flou taille de l'ombre couleur".
Citation :
Il existe différents style: dotted (pointillé), dashed (tirets), solid (normal), double (double), groove (rainurée), ridge (relief), inset (relief intérieur), outset (relief extérieur).
devrait être en gras au minimum pour être mis en avant je pense ... :mh:

aussi, tu pourrais ajouter une / deux phrases pour le border radius ?
tu précises vis à vis du
Citation :
Vous pouvez cibler un coin spécifique en utilisant une forme telle que cet exemple: "border-bottom-left-radius"
mais quitte à être complet, autant redire à des novices ici qu'on peut écrire :
Code:
border-radius: 0 0;
ou border-radius: 10px 10px 25px 330px;
et que c'est implicite l'ordre etc...

sinon, ça me semble parfait ! :D

_________________________________________

Life is a journey, enjoy the ride

< I would love to [change] the world, but they won't give me the source {code}… >

avatar
Newbie
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 13/01/2016
Messages : 35
Mar 14 Mar 2017 - 3:29
ça marche, pas de soucis ^^ Bien sûr qu'on peut y retoucher ! Il est super tard donc je le ferais dans les jours à venir (j'ai juste un exposé mercredi) mais je mets un message histoire de dire que j'ai vu ;)
Designer et Modo
avatar

Fiche Membre
Lots gagnés:
Designer et Modo
Designer et Modo
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 15/12/2012
Messages : 2816
Ven 24 Mar 2017 - 15:34
Coucou @Yoda, as-tu eu le temps de t'occuper des modifications pour ton tutoriel ?

_________________________________________

Galerie - Abstractions d'un chat dérangé
I'm the Cheshire Cat, bitch. Not some stupid Schrödinger's dead or alive pussy.

Merci Clyde Ale pour l'avatar

LES CADEAUX C'EST TOUT BEAU !:
 
avatar
Newbie
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 13/01/2016
Messages : 35
Jeu 30 Mar 2017 - 15:30
Heureusement que tu me l'as rappelé, j'avais oublié ! Tout est modifié ^^
Petite question: vous voyez bien la différence fond/blanc ou je dois rendre le fond plus sombre ?
Designer et Modo
avatar

Fiche Membre
Lots gagnés:
Designer et Modo
Designer et Modo
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 15/12/2012
Messages : 2816
Ven 31 Mar 2017 - 12:48
Oki :)
Nan c'est parfait pour le fond blanc t'inquiètes. Du coup je déplace ça en section.
Encore merci pour ton partage.

_________________________________________

Galerie - Abstractions d'un chat dérangé
I'm the Cheshire Cat, bitch. Not some stupid Schrödinger's dead or alive pussy.

Merci Clyde Ale pour l'avatar

LES CADEAUX C'EST TOUT BEAU !:
 
avatar
Newbie
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 08/01/2017
Messages : 30
Jeu 1 Juin 2017 - 19:33
Merci!
Contenu sponsorisé
Page 1 sur 1

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