Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Terve в Пн 13 Дек - 22:02

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

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

scratch  scratch  scratch  scratch  scratch

Terve
 

Сообщения : 43
Регистрация : 2008-03-05
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 13 Дек - 22:28

Как вариант для объекта в нижнем правом углу: поставьте в виджет на главной
Код:
<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="название картинки" />
ссылку http://i13.servimg.com/u/f13/16/54/26/99/apple10.png замените на свою



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22184
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8916

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

ФИКСИРОВАННАЯ КАРТИНКА ИЗ ВИДЖЕТА

Сообщение автор Dana Domirani в Пн 13 Дек - 23:52

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

В правом верхнем углу:
Код:
<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?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22184
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8916

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Вопрос задает Юзверь

Сообщение автор Terve в Вт 14 Дек - 11:23

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

Terve
 

Сообщения : 43
Регистрация : 2008-03-05
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 14 Дек - 13:51

Тогда Вам надо будет замаскировать колонку виджетов. У вас включена правая, поэтому маскируйте ее кодом в ПА > Оформление > Цвета > Каскадная таблица стилей 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;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22184
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8916

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Terve в Вт 14 Дек - 14:22

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

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

Terve
 

Сообщения : 43
Регистрация : 2008-03-05
Благодарности : 1

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 14 Дек - 14:24

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22184
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8916

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения