שלח תשובה

זירת השאלות

2123
צפיות
3
תשובות

הוספת תמונות בשפת css

,‏ 13 באפריל, 2012

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

3 תשובות

  1. Naseem Ibrahim הגיב:

    <link rel="shortcut icon" href="/favicon.ico" >

    שים ב HEADER ותכוון לאיפה שהסמל שלך נמצא

  2. עם נניח זה הקוד של הדף:

    <!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&quot

  3. esta הגיב:

    <title>————-</title>
    כאן
    <style type="">
    (למעשה בתוך הhead)

שלח תשובה