Как сделать ярлыки с картинками?

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем поросенок, 5 дек 2010.

  1. поросенок

    Регистрация:
    29 янв 2008
    Сообщения:
    22
    Симпатии:
    0
    Делаю я сайт уже давно, и сейчас заметил, что у большинства сайтов, перед ярлыком идет маленькая картинка. На этом форуме в виде буквы С. Вот мне бы тоже надо такую картинку, но как ее сделать не знаю. На сайте использую технологию SSI. Помогите кто может.

    И еще вопрос по разрешению. Я когда делал сайт, сразу изготовил болванку и там строго забил ширину в 1004 пикселя. Это на разрешение 1024 х 768, и при таком разрешение сайт выглядит хорошо. Но потихоньку я стал думать, что не у всех такое разрешение, и не знаю теперь что и делать. Если поставить свободную ширину, то у меня все картинки и текст уедут. Может кто скажет что делать?
     
  2. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    694
    Симпатии:
    0
    в корень сайта кинь картинку favicon.ico
    у форума ico по такому адресу http://codeby.net/favicon.ico (т.е. в корне)
    для теста просто сохрани с форума и кинь себе..потом отредактируешь

    адрес сайта в студию!


    Добавлено:
    http://porosenok.by.ru/ ?? *цEнзура* *цEнзуpа* *цEнзура*
    лама блин
     
  3. поросенок

    Регистрация:
    29 янв 2008
    Сообщения:
    22
    Симпатии:
    0
    Спасибо, все получилось. Теперь у меня значок есть B)

    А сам сайт тут


    Мне бы еще автопереброску сделать, потому что если кликнуть по несуществующей странице, то тогда хостинг перебрасывает на какую-то рекламу. Было бы хорошо, что если страница отсутствует, то перебрасывалось бы на определенную страницу.
     
  4. swet

    swet New Member

    Регистрация:
    20 мар 2012
    Сообщения:
    0
    Симпатии:
    0
    Здравствуйте.
    А у меня не получается. Иконка не прилипает к страничке.

    Вот мои действия.

    1) Для вставки иконки создала файлик 16х16 на сайте http://favicon.ru/ превратила его в favicon.ico
    2) поместила файлик в корневой каталог.
    2) вставила строку link перед закрывающим тегом </head>
    ============= вот так===================================
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

    <!-- ОПИСАНИЕ СТИЛЕЙ-->
    <link href="mystilnew1.css" rel="stylesheet" type="text/css" />
    <!-- ИКОНКА К САЙТУ -->
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    </head>
    ====================================================
    причем пробовала и другой вариант
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />

    Однако иконка не прилипает к сайту. В чем ошибка?
     
  5. Bugnet

    Bugnet Гость

    href="favicon.ico" Слэш нужно убрать- /
     
  6. swet

    swet New Member

    Регистрация:
    20 мар 2012
    Сообщения:
    0
    Симпатии:
    0
    убрала, все равно не прилипает.

    Как оказалось не прилипает ни в каких перечисленных вариантах в браузерах гугл-Хром и Explorer

    А в Opera и Firefox прилипает во всех вариантах.
     
  7. Bugnet

    Bugnet Гость

    Как вариант - закиньте иконку в папку images, а затем
    <link rel="shortcut icon" href="images/favicon.ico" >
    у меня на всех сайтах так сделано и везде всё отображается.
     
Загрузка...

Поделиться этой страницей