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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Для оформления форума ко Дню Победы

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

20130507

Сообщение 

Для оформления форума ко Дню Победы




Дорогие друзья!

Forum2x2 предлагает вашему вниманию небольшой туториал, который поможет вам оформить форум к празднику Дня Победы.

Многие из вас уже воспользовались этими кодами, данное объявление создано в качестве напоминания для тех, кто пока не обратил внимание на соответствующую тему.

Мы приглашаем вас присоединиться к другим администраторам форумов и сделать скромный символический жест, в знак памяти о Победе в Великой Отечественной войне. Для этого достаточно установить на форум "Георгиевскую ленточку", это не сложно.





Для оформления форума ко Дню Победы


Куда ставить код?

1 вариант:
ПА > Оформление > Главная — Общая информация > Приветствие на главной странице
Добавьте код в поле "Текст приветствия" и сохраните. Изображение появится только на главной странице.

2 вариант:
ПА > Модули > Виджеты форума
Добавьте код в любой персональный виджет, отображающийся на главной странице (и портале, если необходимо). Изображение появится на всех страницах форума, где отображаются виджеты.

3 вариант:
Если у Вас форум на движке Pun или BB2, то Вы можете добавить код непосредственно в шаблон.
Откройте ПА > Оформление > Шаблоны — Общие настройки > шаблон "overall_footer_end" (Конец нижней части страницы) и вставьте код перед тегом </body>. После этого сохраните и опубликуйте(!) шаблон, нажав на plus
Изображение появится на всех страницах форума.




Код:
<div style="position: fixed; top: 0; left: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/fgdg11.png" border="0" alt="C Днем Победы!" /></div>
Размер: 120*135
Расположение: в верхнем левом углу

Код:
<div style="position: fixed; top: 0; right: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/fgjq10.png" border="0" alt="C Днем Победы!" /></div>
Размер: 120*135
Расположение: в верхнем правом углу

Код:
<div style="position: fixed; top: 0; left: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/cvb212.png" border="0" alt="C Днем Победы!" /></div>
Размер: 115*115
Расположение: в верхнем левом углу

Код:
<div style="position: fixed; top: 0; right: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/vbnm410.png" border="0" alt="С Днем Победы!" /></div>
Размер: 115*115
Расположение: в верхнем правом углу


Код:
<div style="position: fixed; top: 0; left: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/georgi10.gif" border="0" alt="C Днем Победы!" /></div>
Размер: 120*120
Расположение: в верхнем левом углу

Код:
<div style="position: fixed; top: 0; right: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/georgi12.gif" border="0" alt="C Днем Победы!" /></div>
Размер: 120*120
Расположение: в верхнем правом углу


Код:
<div style="position: fixed; top: 0; left: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/jk710.png" border="0" alt="С Днем Победы!" /></div>
Размер: 100*130px
Расположение: в верхнем левом углу

Код:
<div style="position: fixed; top: 0; right: 0;"><img src="http://i44.servimg.com/u/f44/16/54/26/99/jkl110.png" border="0" alt="С Днем Победы!" /></div>
Размер: 100*130px
Расположение: в верхнем правом углу



По-умолчанию изображения зафиксированы в углу и не смещаются при прокрутке страницы форума. Как сделать их прокручивающимися вместе со страницей?

Замените в коде position: fixed

на position: absolute





Туториал был подготовлен администратором Dana Domirani.

Luz
Администратор
Администратор

Пол : Женщина
Сообщения : 16445
Возраст : 42
Карма : Без предупреждений
Благодарности : 2539
Регистрация : 2005-03-01

http://help.forum2x2.ru

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

Опубликовать эту запись на: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Для оформления форума ко Дню Победы :: Комментарии

Сообщение в Вт 7 Май - 16:43 автор Comatose

При добавлении их в приветствие появляется меню для входа на форум:

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

Сообщение в Вт 7 Май - 16:52 автор Dana Domirani

Не наблюдаю:


Код не содержит ничего, кроме картинок. Почистите кэш, на всякий случай.

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

Сообщение в Чт 9 Май - 19:09 автор Natalishna

Спасибо :89:

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

Сообщение в Чт 9 Май - 19:39 автор tigerosik

Thanks

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

Сообщение в Чт 9 Май - 20:25 автор Natalishna

А подскажите, пожалуйста, поставила вот такой код (ну немного решила попробовать, ваш изменить)
Код:
<div style="position: fixed; down: 0; left: 0;"><img src="http://i81.servimg.com/u/f81/18/11/01/21/ddudnd13.png" border="0" alt="С Днем Победы!" /></div>
а он видимо не совсем корректен, ленточка прилегает только к левой стороне, но как бы "весит". Как его сделать правильно сделать так, чтобы он был зафиксирован по низу совсем, а не был в подвешенном состоянии? :85:
вот http://floomby.ru/s1/9aFqSA/full/

Последний раз редактировалось: Natalishna (Пт 10 Май - 11:58), всего редактировалось 1 раз(а)

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

Сообщение в Чт 9 Май - 21:11 автор Natalishna

Сделала так

Код:
<div style="position: fixed; top: 83%; left: 0;"><img src="http://i81.servimg.com/u/f81/18/11/01/21/ddudnd15.png" border="0" alt="С Днем Победы!" /></div>
получилось

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

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


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