Фиксированная картинка из виджета

Пришла идея и никак не могу реализовать(Может кто знает как такое сделать?Помогите,плиз!голову сломала..

Так,чтобы разместить на форуме некий объект (например текст или картинку) в углу, но не как в виджите, а чтобы при прокрутке форума она оставалась на месте, т.е. всегда была в правом нижнем углу,как в начале страницы так и когда до конца пролистнешь.
Т.е. как бы двигалась вслед за прокруткой,оставаясь в этом углу

       

Как вариант для объекта в нижнем правом углу: поставьте в виджет на главной

Код:

<div style="position: fixed; bottom: 0; right: 0">
<!-- начало содержимого -->
тут ваше содержимое: картинка, код календаря, часов или плеера и т.д. и т.п.
<!-- конец содержимого -->
</div>

Например, для добавления картинки поставьте в указанном месте кода это:

Код:

<img src="http://i13.servimg.com/u/f13/16/54/26/99/apple10.png" alt="название картинки" title="название картинки" />

ссылку https://i.servimg.com/u/f13/16/54/26/99/apple10.png замените на свою

Другие варианты:

В правом верхнем углу:

Код:

<div style="position: fixed; top: 0; right: 0">
<!-- начало содержимого -->
тут ваше содержимое: картинка, код календаря, часов или плеера и т.д. и т.п.
<!-- конец содержимого -->
</div>

В верхнем левом углу:

Код:

<div style="position: fixed; top: 0; left: 0">
<!-- начало содержимого -->
тут ваше содержимое: картинка, код календаря, часов или плеера и т.д. и т.п.
<!-- конец содержимого -->
</div>

В нижнем левом углу:

Код:

<div style="position: fixed; bottom: 0; left: 0">
<!-- начало содержимого -->
тут ваше содержимое: картинка, код календаря, часов или плеера и т.д. и т.п.
<!-- конец содержимого -->
</div>

картинка получилась, но из-за добавления виджета на форум сбоку образовалось пустое пространство под виджеты, сам форум стал уже. как убрать пустоту?

Тогда Вам надо будет замаскировать колонку виджетов. У вас включена правая, поэтому маскируйте ее кодом в ПА > Оформление > Цвета > Каскадная таблица стилей CSS:

Код:

#content-container #right {
height: 0px !important;
width: 0px !important;
}
#content-container div#content {
margin-right:0 !important;
}

Если понадобится замаскировать левую, тогда добавьте в CSS:

Код:

#content-container div#left {
height: 0px !important;
width: 0px !important;
margin-right: 0 !important;
}

о!все есть!!!супер!!!получилось!

ОГРОМНОЕ СПАСИБО!!      

Рада была помочь