اسکرین شات بگیر که بری انجام بدی🤲🏻

چالش طراحی سایت: روز اول
تغییر رنگ نوار مرورگر🌈

لینک ویدیو توی اینستا👇🏼
Video

خب ی سریال میخوام شروع کنم به نام چالش طراحی سایت که بهتون ترفند یاد بدم😍

اگه این سبک ویدیو رو دوس داری روی این پست ریکشن ❤️ بزنید.

این تغییر رنگ مرورگر رو میتونیم توی گوشی های اندرویدی ببینیم👋🏻

توی تنظیمات میتونی رنگ دلخواهت رو وارد کنی🥰

#طراحی_سایت #وردپرس

@coder_sara⁩

سلاااام👋🏻
من مثل هرروز صبح، پاشدم و موقع صبحانه، کتابمم خوندم🥰

کلا ی ربع ازم وقت میگیره(با تقسیم بندی که کردم باید یک سرفصل در روز بخونم)✨

صبح ها سمت گوشی نمیرم و یک ساعت برای خودم تایم میذارم⏰⏳
اینطوری هم حس بهتری دارم هم انرژیم بیشتره😇

صبحانه🍳
کتاب📓
روتین پوستی🧴
بعدش برنامه اون روزم رو چک میکنم📘
و شروع کار🌱✅

این عکس برای صبح نیست😅وگرنه من صبح‌ها ادم قهوه خوردن نیستم😁
فقط چایی😍🤌🏼

من ایرانی‌ام ایرانی🤣

سلام قشنگا🫠
آدینه‌تون بخیر😁
(همیشه از این جمله خوشم میومد👀😬)

لیان(خواهرم) روز یکشنبه یک وبینار رایگان داره

بجه هايى كه توى حوزه سئو کار مى كنيد، لیان قراره درباره‌ی GEO صحبت کنه كه موضوع جديد ومهميه🤌🏼

بهتون میگه چطوری سايتتون رو بهينه كنين تا شانس بيشترى داشته باشيد
كه توى نتايج Ai (جت جى پي تى و...)
نشون داده بشين🌱

@coder_sara

یعنی این قسمت☝🏻

لینک ثبت نام رایگان💎💻

🔗https://eseminar.tv/wb162421

پیج شِرپانت👇🏼

🆔Sherpanet.ai

پیج لیان برای توضیحات بیشتر👇🏼

🆔Leann.seo

وبينار كاملا رایگانه و ظرفيتش داره
پر ميشه❤️

پس حتما ثبت نام كنيد 🥰
اين موضوع الان انقدر مهم شده كه بقيه دارن براش دوره ضبط ميكنن وبايد براش هزينه بدين!🧧💴

پس تا فرصت هست رایگان ثبت نام کنید🌱🤍☝🏻

@coder_sara

توی پست امشب بهتون گفتم چطوری ظاهر کارت مقالاتتون رو مرتب کنید که همشون یک اندازه باشن🤌🏼

این کارو با چندخط کد css ساده میشه انجام داد😍

@coder_sara

کافیه وارد تب پیشرفته بشی و به ویجت عنوان نوشته کلاس

Post-title

و به ویجت چکیده مقاله کلاس

Post-ds

رو بدی✅

@coder_sara

حالا توی تب پیشرفته- css های سفارشی
این کد رو برای عنوان نوشته وارد میکنی👇🏼

selector {
 height: 27px !important;
overflow: hidden !important;
display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}

@coder_sara

و برای چکیده مقاله هم این کد رو میذاری👇🏼

selector {
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@coder_sara

این کد‌ها چیکار میکنن؟🤔

💭height
یک ارتفاع براش مشخص میکنه که توی این ارتفاع فقط متن رو نشون میده و بقیه متن که توی خط‌های بعدی هست رو پنهان میکنه.

💭-webkit-line-clamp
مقدار این خط، مشخص میکنه که توی چند خط نمایش داده بشه! مثلا برای چکیده مقدارش برابر با ۲ هست که یعنی توی ۲ خط نمایش بده.

@coder_sara

لینک پست👇🏼

https://www.instagram.com/reel/DOTzlU-DC1D/?igsh=MXU2ZGxkZ2t1MjNwMQ==

@coder_sara

🌱تغییر رنگ بخشی از متن در المنتور
🌱دادن افکت چشمک زن به متن

چالش طراحی سایت روز ۲🥰

توی پست‌ امشب اینارو بهت یاد دادم😌

لینک پست👇🏼

🔗https://www.instagram.com/reel/DOWZh2tjObi/?igsh=MWozZjR3OWFtOXdx

کد افکت چشمک زن رو برات میذارم👇🏼که بتونی کپی کنی✅

@coder_sara

@keyframes blinking {
50% {opacity:0;}
}
Selector .blinking {
animation: blinking 0.8s infinite;
}

این کد رو توی تب پیشرفته—> css سفارشی ویجت تیتر میتونی بذاری🔎

🔴فقط حواست باشه، اون قسمت از متنت که توی تگ span هست، حتما کلاس blinking رو داشته باشه!

اینطوری👇🏼
<span class=“blinking”>خرید</span>

@coder_sara

سلام قشنگا حالتون چطوره؟☺️

من یک چالش توی اینستا شروع کردم به اسم چالش طراحی سایت🥹
که دارم یک سری ترفند و… رو یاد میدم بهتون🤌🏼

قسمت اول و دومش رو بالاتر براتون گذاشته بودم☝🏻

قسمت سومش هم الان براتون میذارم😍