2123
צפיות
צפיות
3
תשובות
תשובות
הוספת תמונות בשפת css
חג שמח לכולם! בחלק מן האתרים בהם אני מסתובב, אני רואה בכרטיסיה למעלה סמל של האתר, האם יש פה מדריך ליצירת התמונה הזאת בכרטיסיה . זה חשוב לי, תודה מראש
חג שמח לכולם! בחלק מן האתרים בהם אני מסתובב, אני רואה בכרטיסיה למעלה סמל של האתר, האם יש פה מדריך ליצירת התמונה הזאת בכרטיסיה . זה חשוב לי, תודה מראש
3 תשובות
<link rel="shortcut icon" href="/favicon.ico" >
שים ב HEADER ותכוון לאיפה שהסמל שלך נמצא
עם נניח זה הקוד של הדף:
<!DOCTYPE html>
<html>
<head>
<title>————-</title>
<style type="">
html { background: transparent url('webx-bkg.png') repeat-x; margin: 0; padding: 0; }
body { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Sans-Serif; margin: 0; padding: 0; line-height: 150%; background: transparent url('webx-content-bkg.jpg') no-repeat center top; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; color: #434343; }
.container { width: 800px; margin: 0 auto 0 auto; padding: 40px 0 0 0; }
.header { overflow:auto; }
.header img { float: left; padding: 18px 25px 10px 0px; }
h1 { font-size: 1.6em; font-weight: normal; }
h3 { font-size: 1.1em; font-weight: normal; }
a { color: #577fae; }
a:hover { color: #92a5bc; }
.content { overflow: auto; font-size: 0.9em; padding: 10px 0 10px 0; }
.content .start { float: left; width: 365px; padding: 0 20px 0 15px; }
.content .resources { float: left; width: 369px; padding: 0 0 0 30px; border-left: 1px dotted #c7ccd3; }
.footer { font-size: 0.7em; margin: 20px 0 20px 0; padding: 15px 0px 0px 0px; list-style: none; border-top: 1px dotted #c7ccd3; overflow: auto; }
.footer li { width: 49%; text-align: left; float: left; color: #999999; }
.footer li:first-child { width: 49%; text-align: right; float: right; color: #434343; }
body {
color: Black;
background-color: Gold;
}
h1 {
color: Orange;
}
h3 {
color: azure;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<img class="spotlight" alt="" aria-describedby="fbPhotosSnowliftCaption" aria-busy="false" src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/378282_383209018370833_100000452138371_1308154_407194375_n.jpg"
<title>————-</title>
כאן
<style type="">
(למעשה בתוך הhead)