Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Анимированная фиксированная кнопка сбоку
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Анимированная фиксированная кнопка сбоку
Всем привет! я уже сделал кнопки основного меню фиксированными и с анимацией при наведении курсора, все по вашим инструкциям тут и тут
Спасибо за темы!
Теперь хочу сделать свою кнопку, прилепленную к левому краю, которая при наведении тож будет с анимацией со ссылкой на определенную тему.
вот как здесь
Спасибо за темы!
Теперь хочу сделать свою кнопку, прилепленную к левому краю, которая при наведении тож будет с анимацией со ссылкой на определенную тему.
вот как здесь
Последний раз редактировалось: viteran (Сентябрь 24th 2012, 07:44), всего редактировалось 1 раз(а)
Re: Анимированная фиксированная кнопка сбоку
ПА - Оформление - Шаблоны - Общие настройки
В шаблон overall_footer_end в низ перед </body>
В шаблон overall_footer_end в низ перед </body>
- Код:
<div style= "position:fixed;right:0px;bottom:55%;">
<a href="http://ссылка на тему"><img src="http://ссылка на картинку"/></a>
</div>
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Анимированная фиксированная кнопка сбоку
ну это я уже научился благодаря темам на которые вы мне раньше отвечали. кнопка будет статической, ну либо вставить gif, тода она будет анимационной всегда, а вот как сделать чтобы при наведении курсора она менялась?Домовой пишет:ПА - Оформление - Шаблоны - Общие настройки
В шаблон overall_footer_end в низ перед </body>
- Код:
<div style= "position:fixed;right:0px;bottom:55%;">
<a href="http://ссылка на тему"><img src="http://ссылка на картинку"/></a>
</div>
Re: Анимированная фиксированная кнопка сбоку
В шаблон ставите
Пример ЗДЕСЬ
- Код:
<div style= "position:fixed; right:0px; bottom:55%;">
<a href="ссылка"><img class="asd"/></a>
</div>
- Код:
.asd{
border:none;
width:25px; /*ширина кнопки*/
height:90px; /*высота кнопки*/
cursor:pointer;
background:transparent url("http://ссылка на обычную кнопку") no-repeat center;
}
.asd:hover{
border:none;
width:25px; /*ширина кнопки*/
height:90px; /*высота кнопки*/
cursor:pointer;
background:transparent url("http://ссылка на кнопку при наведении") no-repeat center;
}
Пример ЗДЕСЬ
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Анимированная фиксированная кнопка сбоку
в мазиле не работает
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Анимированная фиксированная кнопка сбоку
Вот так надо в CSS
- Код:
.asd{
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
border:none !important;
width:25px;
height:90px;
cursor:pointer;
background:transparent url("http://www.snapsnap.ru/i/1rzr.png") no-repeat center;
}
.asd:hover{
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
border:none !important;
width:25px;
height:90px;
cursor:pointer;
background:transparent url("http://www.snapsnap.ru/i/2wdw.png") no-repeat center;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Анимированная фиксированная кнопка сбоку
ВСЕ РАБОТАЕТ! БЛАГОДАРЮ!
в опере отлично работатет, в хроме контур какойто вокруг кнопки.. ну не очень страшно
в опере отлично работатет, в хроме контур какойто вокруг кнопки.. ну не очень страшно
Re: Анимированная фиксированная кнопка сбоку
и в мазиле нормально а вот как в хроме и в IE исправить не знаю.viteran пишет:ВСЕ РАБОТАЕТ! БЛАГОДАРЮ!
в опере отлично работатет, в хроме контур какойто вокруг кнопки.. ну не очень страшно
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Анимированная фиксированная кнопка сбоку
благодаря темам из первого моего сообщения и методу "тыка" решил проблему.. во всех браузерах все работает нормально. вот оно, если кому интерессно
В шаблон overall_footer_end в низ перед </body>
В CSS
В шаблон overall_footer_end в низ перед </body>
- Код:
<div style="position:fixed; left:0%; bottom:55%;"><a href="ссылка" ><img class="asd" src="картинка кнопки (ширина 35px)" /></a></div>
В CSS
- Код:
.asd{
display:inline-block;
width:35px;
overflow:hidden;
vertical-align: top;
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
.asd{
margin-left:-5px;
}
.asd:hover{
margin-left:0px;
}
Похожие темы
» Фиксированная ширина форума
» Фиксированная картинка-ссылка
» Анимированная панель навигации
» Фиксированная картинка-ссылка
» Анимированная шапка форума
» Фиксированная картинка-ссылка
» Анимированная панель навигации
» Фиксированная картинка-ссылка
» Анимированная шапка форума
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения