סליידר תמונות משובץ / עם רקע מיוחד (לדוגמא – מסך)

כדי לייצר סליידר עם רקע מיוחד, יש להשתמש בקוד CSS הבא: (ערכים לדוגמא, תמונה מטה, גודל תמונות סליידר 800×400)

/*Screen Embed*/
.screene .content_slider ul.content_slider_ul {
 border-color:transparent;
 border-width:50px; 
 background:url("http://queenmedia.aitech.co.il/wp-content/uploads/2021/06/DesktopShorter.png") no-repeat center -45px;
 border-bottom-width:300px;
 border-top-width:50px;
}

והתאמות רספונסיביות:

קוד

כאשר ניתן לשחק עם רוחב המסגרת (border) והפרמטרים השונים לנראות מיטבית.

מצרף קובץ לדוגמא: