אפקט hover לקישורים
רוצים לשדרג את העיצוב של הקישורים באתר? בפוסט הזה תלמדו איך להוסיף אפקט hover אלגנטי עם קו צבעוני מתחת ללינקים – כולל קוד CSS מוכן, סרטון הדגמה, וטיפ חשוב למניעת השפעה על כפתורים.
css
הטמעת סרטוני YouTube Shorts
הטמעת סרטוני YouTube Shorts – איך עושים ומה השיטה הכי טובה? סרטוני YouTube Shorts הם דרך מצוינת להעשיר את האתר בתוכן קצר ואינטראקטיבי. הטמעת סרטון כזה באלמנטור יכולה להתבצע בשתי שיטות
שבירת שורות ב-HTML וב-CSS
לפעמים צריך לשלוט על שבירת שורות בטקסט – במיוחד בעיצוב רספונסיבי שבו הטקסט מופיע אחרת במכשירים שונים. שתי דרכים פופולריות לבצע שבירת שורות
תמונה מוגדלת מקרוסלת תמונות
קרוסלת תמונות המאפשרת להציג תמונה נבחרת בנפרד באותו עמוד. במדריך זה תלמדו כיצד ליצור חוויית משתמש חלקה בעזרת CSS ו-JavaScript, ללא צורך בתוספים.
כפתור קרא עוד ללא תוסף
הקוד הזה אחראי לאפשרות של פתיחה והסתרה של טקסט בתוך האלמנט .read-more ללא תוסף. בלחיצה על האלמנט, התוכן יתרחב, ואם תלחץ שוב התוכן יוסתר
שבירת שורה בטקסט במובייל
אחת הבעיות הנפוצות בעיצוב אתרים היא התאמת הטקסט לתצוגת מובייל בצורה נכונה. פעמים רבות, מבוני אתרים בוחרים לשכפל את הטקסט – גרסה אחת שתוסתר בנייד וגרסה נוספת שתוסתר