Фиксированные фоновые вставки. Fixed pics

Здесь небольшие дополнения к статье о фонах от 2 июля.

Появились новые варианты.

 

Итак, всё по очереди.

 

1.   Небольшие изменения скрипта, и  в фоне - отдельный рисунок, размеры могут быть самыми разными. Фиксируется внизу по-центру.

Код:

<script type="text/javascript">
//<![CDATA[
document.body.style.background="#24E075 url(https://lh6.googleusercontent.com/_7LlIUSTEi8Q/TVkSTpva2aI/AAAAAAAAAa4/P1CnOfJYGWs/s128/i4.gif) fixed center bottom no-repeat";
//]]>
</script>

 

Результат  -  http://jifix.jimdo.com/my-jimdo-friends/ ( прокручиваем страницу до конца, тогда увидим ).

 

2.   Оставляем скрипты в покое и работаем со стилями. Делаем отрицательные смещения.

 

Код:

<div style="margin: -420px 0pt 0pt -146px; z-index: 2;">
    <a href="http://ru.jimdo.com/"><img src="https://lh3.googleusercontent.com/_7LlIUSTEi8Q/TVkU_vnL6iI/AAAAAAAAAa8/xIf4UL9pfww/s128/de57.png" alt="" /></a>
</div>

 

                                      Загоняем этот контейнер в начало страницы, чтобы поменьше минусовать.

Результат тамже слева вверху  -   http://jifix.jimdo.com/my-jimdo-friends/

 

3.  Фиксированное изображение на поле окна браузера со ссылкой.

 

Код :

<a style="display: scroll; position: fixed; bottom: 10px; right: 15px;" title="Home" href="http://elfixs.jimdo.com/"><img src="http://www.ex.elfix.jino.ru/_wp_generated/hsmi1.gif" alt="" /></a>

 

Результат здесь же справа внизу.

 

4.  Ну а для стрелочки "вверх" (той, что на домашней  странице) требуется код с адресацией на якорь :

 

<a style="display:scroll;position:fixed;bottom:35px;right:25px;" href="#Anchor0" title="Back to Top"><img src="http://ex.elfix.jino.ru/bans/arrow-up1.png" alt="" /></a>  

 

 и якорь в верхней части страницы :    

 

         <p style="margin-top:-50px"><a id="Anchor0" name="Anchor0">&nbsp; &nbsp;</a></p>

 

Оставить комментарий

Комментарии: 1
  • #1

    Derek (Суббота, 21 Июль 2012 20:57)

    Thanks you drastically for this great and actually insightful report. Everybody will get fantastic specifics from this text.outstanding do the job protect it up. I�m planning to bookmark this website site for came back again all over again in upcoming.Visiting this site daily now. Great info. Keep it up!

вэб дизайн - графика, флэш, создание сайтов