Html and Css & Jsآموزش
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
Mostrar más📈 Análisis del canal de Telegram Html and Css & Jsآموزش
El canal Html and Css & Jsآموزش (@htmlcss_channels) en el segmento lingüístico de Farsi es un actor destacado. Actualmente la comunidad reúne a 22 972 suscriptores, ocupando la posición 8 575 en la categoría Educación y el puesto 14 634 en la región Irán.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 22 972 suscriptores.
Según los últimos datos del 15 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de 242, y en las últimas 24 horas de 1, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 1.47%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 1.56% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 338 visualizaciones. En el primer día suele acumular 358 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 4.
- Intereses temáticos: El contenido se centra en temas clave como css, #javascript, دنیا, وبینار, شغل.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“ادمین :
@Maryam3771
تعرفه تبلیغات:
https://t.me/alloadv/822”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 16 julio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Educación.
.section {
background:
linear-gradient(
to right,
rgb(0 0 0 / 0.5), /* سیاه با ۵۰٪ شفافیت */
rgb(0 0 0 / 0) /* کاملاً شفاف */
),
url(background.png); /* تصویر پسزمینه */
}
نکات کلیدی:
از تابع rgb() با پارامتر alpha برای کنترل شفافیت استفاده میشود
rgb(0 0 0 / 0.5) یعنی سیاه با ۵۰٪ شفافیت
rgb(0 0 0 / 0) یعنی کاملاً شفاف
میتوانید رنگهای مختلف را با درصد شفافیت متفاوت استفاده کنید
۲. استفاده از RGBA
.section {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
),
url(background.png);
}
نکات کلیدی:
rgba(r, g, b, alpha) همان rgb(r g b / alpha) است
alpha از ۰ تا ۱ است
۰ = کاملاً شفاف
۱ = کاملاً غیرشفاف
۳. استفاده از رنگهای دیگر
.section {
background:
linear-gradient(
to right,
rgba(255, 255, 255, 0.7), /* سفید با ۷۰٪ شفافیت */
rgba(255, 255, 255, 0)
),
url(background.png);
}
۴. استفاده از رنگهای متعدد
.section {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.8),
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0)
),
url(background.png);
}
۵. استفاده از رنگهای متعدد با رنگهای مختلف
.section {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.8),
rgba(255, 255, 255, 0.4),
rgba(0, 0, 0, 0)
),
url(background.png);
}
نکات کلیدی:
میتوانید رنگهای مختلف را با درصد شفافیت متفاوت استفاده کنید
این روش برای ایجاد افکتهای پیچیدهتر استفاده میشود
📝 مثالهای عملی
مثال ۱: پسزمینه فید شده برای متن سفید
.hero {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.6),
rgba(0, 0, 0, 0)
),
url(hero-bg.jpg);
color: white;
padding: 60px 20px;
text-align: center;
}
مثال ۲: پسزمینه فید شده برای متن سیاه
.hero {
background:
linear-gradient(
to right,
rgba(255, 255, 255, 0.7),
rgba(255, 255, 255, 0)
),
url(hero-bg.jpg);
color: black;
padding: 60px 20px;
text-align: center;
}
مثال ۳: پسزمینه فید شده برای متن رنگی
.hero {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
),
url(hero-bg.jpg);
color: #ff6b6b;
padding: 60px 20px;
text-align: center;
}
🎨 افکتهای پیشرفته
افکت ۱: پسزمینه فید شده با دو رنگ
.hero {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.8),
rgba(0, 0, 0, 0.4),
rgba(0, 0, 0, 0)
),
url(hero-bg.jpg);
color: white;
padding: 60px 20px;
text-align: center;
}
افکت ۲: پسزمینه فید شده با رنگهای مختلف
.hero {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.8),
rgba(255, 255, 255, 0.4),
rgba(0, 0, 0, 0)
),
url(hero-bg.jpg);
color: white;
padding: 60px 20px;
text-align: center;
}
افکت ۳: پسزمینه فید شده با رنگهای متعدد
.hero {
background:
linear-gradient(
to right,
rgba(0, 0, 0, 0.8),
rgba(255, 255, 255, 0.4),
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0)
),
url(hero-bg.jpg);
color: white;
padding: 60px 20px;
text-align: center;
}🛠 آشنایی با ابزارهای: هوش مصنوعی و ابزارهای کمکی | طراحی اینفوگرافیک |E-learning | Plotagon Animaker | Articulate rise 360 | Kahoot | Quizizz | Mentimeter |Focusky | prezi | Camtasia | Canva ✅ آموزش پروژهمحور و تعاملی ✅ اعطای گواهی معتبر از دانشگاههای علوم پزشکی شیراز و لرستان🗓 زمان برگزاری: ۱ مرداد تا ۲۶ شهریور ۱۴۰۵ ⏰ پنجشنبهها، ساعت ۱۸ تا ۲۰ 💻 برگزاری بهصورت مجازی در بستر اسکایروم
🎁هدیه ویژه برای اعضای هیئت علمی و دانشجویان: هزینه اصلی این دوره ۱,۱۸۰,۰۰۰ تومان است اما با وارد کردن کد تخفیف 40 درصدی DIGINO40، بوتکمپ دیجینو رو فقط با ۷۰۸,۰۰۰ تومان و با شرایط ویژه ثبتنام کن https://bolinus.com/digino👩💻 اطلاعات بیشتر: @Digino_PR ارتباط در اینستاگرام: https://www.instagram.com/sadeghbagherimededtech?igsh=MWZxYjRiOHd4bnBkcA==
