Css: מסגרת בשני צבעים לתמונה

שיתוף פוסט זה

שיתוף ב facebook
שיתוף ב linkedin
שיתוף ב twitter
שיתוף ב email

דוגמה
אני לא אוהב למסגר את התמונות או את העמודים. תבנית Fresh הייתה כולה מלאה מסגרות והחלטתי להסיר את כולם (ועכשיו אני לא מוצא את הפוסט, יופי).

אבל את התמונות שאני מכין ו/או עורך בPhotoshop אני גם ככה ממסגר, לא במסגרת שחורה אלא בשני צבעים. זה נותן יופי לתמונה לפי דעתי.

כדי לא להשתמש בPhotoshop ובכל זאת לקבל מסגרת בשני צבעים צריכים פשוט לשחק עם הCss, חיפוש קטן בגוגל מעלה את התוצאה הבאה. Tobias Bleckert בתגובות נתן לי את הפתרון המושלם.

למי שרוצה מסגרת כפולה מוזמן להכניס את זה לCss:

דוגמה
צבע צהוב חרדל

img, a img{
outline: 2px solid #e5e5e5;
border: 1px solid #747474;
}

כדי שגם באקספלורר זה יעבוד, הוסיפו:

דוגמה
כחול אפור

<!--[if lte IE 7]>
img, a img{
border:2px solid #e5e5e5; !important;
padding:1px; !important;
background:#747474; !important;
}
<![endif]-->

דוגמה
צבע צהוב חרדל

<!--[if lte IE 6]>
img, a img{
border:2px solid #e5e5e5; !important;
padding:1px; !important;
background:#747474; !important;
}
<![endif]-->
;

אתם יכולים לשנות את הצבעים ולקבל מסגרת כפולה בצבעים אחרים, כל אחד לפי טעמו וההתאמה לבלוג שלו.

תהנו.

שנישאר בקשר?

הצטרפו וקבלו עדכונים על עוד תכנים שיעזרו לכם לצמוח אונליין

תכנים שעשויים לעניין אתכם

אליאב סר - לאתר
שיווק בדיגיטל

מה הערך שאני מביא לעולם שלי כדי שיהיה טוב יותר?

למה אני קם בבוקר? מה הערך שאני מביא כדי לעשות את העולם טוב יותר?

אני אליאב סר, ואני מחבר ניצחונות. סיפור על מחסור, כאב, מנהיגות ופריצת דרך בתחילת הדרך.

אנשים עושים עסקים עם אנשים, ולכן ברשת עסקית מכל השיווק, חשוב שנבין מה מניע אותנו לפעולה ולמה אנחנו עושים את מה שאנחנו עושים.

אשמח שתכירו סיפור אחד, ושתצטרפו אליי לדרך.

12 אסטרטגיות כדי שהמותג שלך יבלוט ב2020
שיווק בדיגיטל

12 אסטרטגיות כדי שהמותג שלך יבלוט ב2020

שיטות עבודה מומלצות מהמותגים המצליחים ביותר בעולם. נתונים סטטיסטיים, עובדות ונתונים ששווה להכיר על שוק הבריאות, 12 אסטרטגיות שיעזרו לכם לבנות את המותג ולהבליט אותו ב2020.

בואו נצמיח ונקדם את המותג שלכם

תאמו פגישה ראשונית עכשיו