400
مشترکین
اطلاعاتی وجود ندارد24 ساعت
اطلاعاتی وجود ندارد7 روز
اطلاعاتی وجود ندارد30 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
هیچ دادهای
مشکلی وجود دارد؟ لطفاً صفحه را تازه کنید یا با مدیر پشتیبانی ما تماس بگیرید.
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
دسامبر '24
دسامبر '24
+63
در 0 کانالها
نوامبر '24
+308
در 3 کانالها
Get PRO
اکتبر '24
+379
در 1 کانالها
Get PRO
سپتامبر '240
در 3 کانالها
Get PRO
اوت '240
در 12 کانالها
Get PRO
ژوئیه '240
در 3 کانالها
Get PRO
ژوئن '240
در 0 کانالها
Get PRO
مه '240
در 3 کانالها
Get PRO
آوریل '240
در 0 کانالها
Get PRO
مارس '240
در 0 کانالها
Get PRO
فوریه '24
+6
در 0 کانالها
Get PRO
ژانویه '24
+7
در 0 کانالها
Get PRO
دسامبر '23
+5
در 0 کانالها
Get PRO
نوامبر '23
+11
در 5 کانالها
Get PRO
اکتبر '23
+37
در 1 کانالها
Get PRO
سپتامبر '23
+371
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 09 دسامبر | +4 | |||
| 08 دسامبر | +8 | |||
| 07 دسامبر | +8 | |||
| 06 دسامبر | +8 | |||
| 05 دسامبر | +11 | |||
| 04 دسامبر | +5 | |||
| 03 دسامبر | +3 | |||
| 02 دسامبر | +6 | |||
| 01 دسامبر | +10 |
پستهای کانال
| 2 | La différence est flagrante entre l'ombre du texte et l'ombre de block !
Je cherche le lien pour ceux qui préfèrent le cours sous forme vidéo.
Fin du cours pour cette soirée.
J'espère que ces propriétés vous aideront car elles sont grandement utilisé de nos jours dans la majorité des sites web que vous visitez. | 73 |
| 3 |  بدون متن... | 67 |
| 4 | Cas pratique d'une ombre sur un bloc | 69 |
| 5 | Les ombres : sur des blocs
La propriété box-shadow
Elle nous permettra de créer des ombres pour des balises directement de types blocks !
Pour rappel :
Une balise de type block est une balise qui occupe tout l'espace en rajoutant la suite du contenu à la ligne.
On aura besoin des 4 valeurs comme avec le text-shadow, mais rajouter une 5e (qui est facultative si on veux) qui sera :
- la nature de l'ombre (cette valeur est facultative car défaut elle existe de manière à ne pas être creuse).
p{
box-shadow: 3px 3px 2px #0002; /*notre bordure va vers la droite en montant et de nature bombée (pas creuse)*/
box-shadow: -1px 2px 1px green; /* notre ombre va vers la gauche en montant et de nature creuse (pas bombée).*/
} | 66 |
| 6 | بدون متن... | 55 |
| 7 | Cas pratique d'une ombre sur le texte | 55 |
| 8 | Les ombres : sur du texte
La propriété text-shadow
Cette propriété va nous permettre de mettre de l'ombre ou de faire ressortir l'ombre de nos différents textes.
On aura besoin de 4 valeurs :
- pour l'effet d'ombre vers la droite
- pour l'effet d'ombre vers le haut
- pour l'opacité de l'ombre (si elle doit être forte ou faible)
- la couleur de notre ombre
Ex:
p{
text-shadow: 3px 3px 2px #0002; /*notre bordure va vers la droite en montant*/
text-shadow: -1px 2px 1px green; /* notre ombre va vers la gauche en montant*/
} | 55 |
| 9 | Les ombres
Les ombres nous permettent de reflecter du texte ou un conteneur de code.
Son utilisation est un petit peu complexe.
Car elle peut s'appliquer sur le texte ou sur un bloc.
On doit savoir où on veux produire l'ombre,
On doit choisir la couleur de cet ombre
On doit pouvoir choisir si l'ombre doit être forte ou faible
On doit pouvoir être en mesure de spécifier si l'ombre doit être du premier ou du second plan (creuse ou pas).
En rapport avec ces points de comparaison, nous pouvons déjà être sur que nos ombres doivent avoir entre 4 et 5 valeurs pour qu'elles soient correctement définis. | 61 |
| 10 | sticker.webp | 64 |
| 11 | Programmation_HTML5_avec_CSS3_pour_les_nuls.pdf | 122 |
| 12 | 📚 Programmation HTML avec CSS pour les nuls | 120 |
| 13 | On continue !? | 343 |
| 14 | Différence entre un paragraphe avec une marge interne (celui en bleu) et un paragraphe sans marge interne (celui en rouge). | 338 |
| 15 | Les marges internes et les marges externes
Les marges internes
On appelle marge interne, l'espace vide qui sépare le texte de la fin du bloc. Les marges internes ne sont utilisés que sur les balises de type block !
Comment mettre une marge interne ?
La propriété padding
Cette propriété à besoin selon votre utilisation d'entre 1 à 4 valeurs !
Pour une valeur :
Cette valeur sera utilisée comme espacement du haut, droite, bas et gauche !
Pour 2 valeurs :
La 1ere sera l'espacement du haut et du bas
La 2e sera l'espacement de gauche et de droite
Pour 3 valeurs :
La première sera l'espacement du haut
La deuxième sera l'espacement de gauche et de droite
La droite sera l'espacement du bas.
Pour 4 valeurs :
La 1ere sera l'espacement du haut
La 2e sera l'espacement de droite
La 3e sera l'espacement du bas
La 4e sera l'espacement de gauche
Ex:
p{
padding: 5px; /*marge interne du haut, droite, bas et gauche de 5 pixels*/
padding: 5px 10px; /*marge interne de 5 pixels en haut et en bas et 10 pixels de droite et de gauche*/
padding: 10px 20px 5px; /*marge interne de 10 pixels de haut et 20 pixels de droite et gauche et 5 pixels de bas*/
padding: 1px 2px 3px 4px; /*marge interne de 1 pixel de haut, 2 pixels de droite, 3 pixels de bas et 4 pixels de gauche*/
}
Pour que vous comprenez ce que c'est qu'une marge interne, regardons cette image (image suivante) et je vais y ajouter une bordure pour voir la limite de notre balise. Vous allez donc pouvoir observer l'espace qu'il y a entre le texte et la limite de la balise (pour cette exemple, la limite se voit grâce à notre bordure) : | 327 |
| 16 | AnimatedSticker.tgs | 241 |
| 17 |  Partage avec vos amis | 271 |
| 18 | Dites ce que vous en pensez dans les commentaires !!! | 349 |
| 19 | Bonjour chers Abonnés.
Je viens vous présente ce bot que jai eu à cree qui est une forme de chat GPT (Une IA )ou vous pouvez lui poser toutes vos questions quelques soit le sujet (sur la programmation...)et avoir des réponses gratuitement et bien détaillé.
Voici le lien du bot pour ceux qui seront intéressé Coding Tech ai 👈 clique ici | 357 |
| 20 | Que pensez vous du nouveau logo de ce canal ? | 4 |
