Есть ёлочка в формате gif, хотелось бы её установить на форум. Нужен скрипт и чтобы в нём можно было двигать ёлочку, вверх-вниз, влево-вправо. То есть менять циферки в скрипте и она двигалась.
Нужен скрипт для ёлочки gif
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться1Ср, 15 Дек 2010 20:21:13
- Заблокирован
- Зарегистрирован: Пн, 11 Окт 2010
- Сообщений: 267
- Уважение: +5
- Позитив: +50
- Предупреждения: Плагиат. Мультиюзерство. Хамство и угрозы в адрес участников сервиса.
- Последний визит:
Вс, 7 Апр 2013 16:04:21
Поделиться2Чт, 16 Дек 2010 00:02:50
- Заблокирован
- Зарегистрирован: Пн, 11 Окт 2010
- Сообщений: 267
- Уважение: +5
- Позитив: +50
- Предупреждения: Плагиат. Мультиюзерство. Хамство и угрозы в адрес участников сервиса.
- Последний визит:
Вс, 7 Апр 2013 16:04:21
Поиском на форуме пользовался, подходящего скрипта не нашёл.
Пытался это реализовать вот этим скриптом:
<a href="Адрес гиперссылки" style="position: relative; top: 50px; left: 100px;"><img src="Адрес изображения" /></a>
Но не получилось. Сверху оставалось пустое пространство когда ёлку двигал вниз. И ещё непонятно было, что делать с этим "Адрес гиперссылки".
Поделиться3Чт, 16 Дек 2010 00:08:55
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51112
- Уважение: +15195
- Позитив: +11566
- Последний визит:
Вчера 21:57:05
Lev33 Картинку покажи и что собственно нужно - чтобы она сама двигалась или ты её сам двигал и с помощью чего ...?
Lev33 написал(а):
"Адрес гиперссылки".
По клику на картинку можно куда нибудь перейти - например в интересный новогодний топик с новостями поздравлениями
Лучше так
<style>
#Myell {
position: absolute;
margin-top: -50px;
margin-left: -100px;
margin-right:100px;
}
</style><a href="Адрес гиперссылки" ><img id="Myell" src="Адрес изображения" /></a>
Для правильного отображение и в ИЕ6(в том числе значения margin-left: margin-right: должны быть одинаковыми и противоположными по знаку
margin-top: с минусом - двигает вверх - увеличиваем плюс -> вниз
Отредактировано Deff (Чт, 16 Дек 2010 00:18:51)
Поделиться4Чт, 16 Дек 2010 00:20:01
- Заслуженный
- Зарегистрирован: Пн, 5 Апр 2010
- Сообщений: 914
- Уважение: -3
- Позитив: +73
- Пол: Мужской
- Последний визит:
Вс, 11 Дек 2011 07:08:34
Lev33 написал(а):
То есть менять циферки в скрипте и она двигалась.
<div style="position:absolute; left:10%; top:20px;"><img src="Ссылка" border="0" /></div>
20 Вверх-Вниз
10 Влево-Вправо
Меняй значения
Добавлено: Вот так всегда, хочешь помочь а поздно... 
Отредактировано Invisible Man (Чт, 16 Дек 2010 00:21:34)
Поделиться5Чт, 16 Дек 2010 00:35:25
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51112
- Уважение: +15195
- Позитив: +11566
- Последний визит:
Вчера 21:57:05
Invisible Man Вообще left и right - могут уводить фигурку на разных мониторах по-разному зависит и от способа центрирования форума и от float фигурки елочки
Поделиться6Чт, 16 Дек 2010 00:46:05
- drumman
- Зарегистрирован: Вт, 16 Дек 2008
- Сообщений: 2704
- Уважение: +4063
- Позитив: +2368
- Пол: Мужской
- Последний визит:
Чт, 18 Апр 2024 10:36:31
ну допустим ёлочка нужна в шапке форума
вот такая к примеру
в html-верх ставим код
<style>
h1.title-logo {background: url("http://forumupload.ru/uploads/000b/89/6b/249-1.gif") no-repeat scroll right bottom transparent;}
</style>
выделил чёрным и жёлтым обозначения позиции, которые можно менять на
left - лево
right - право
center - центр
top - верх
bottom - низ
или в процентах
Поделиться7Чт, 16 Дек 2010 01:06:50
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51112
- Уважение: +15195
- Позитив: +11566
- Последний визит:
Вчера 21:57:05
Romych ну в принципе в таком разрезе можно и процентами гонять - чтобы не дискретно
<style>
h1.title-logo {background: url("http://forumupload.ru/uploads/000b/89/6b/249-1.gif") no-repeat 0% 0% transparent;}
</style>
Отсчет координат ведется от верхнего левого края красная цифра - отступ от верха - зеленая от "лево"
scroll - не нужен - наследуецо от родителя
Отредактировано Deff (Чт, 16 Дек 2010 01:09:53)
Поделиться8Чт, 16 Дек 2010 01:35:58
- Заблокирован
- Зарегистрирован: Пн, 11 Окт 2010
- Сообщений: 267
- Уважение: +5
- Позитив: +50
- Предупреждения: Плагиат. Мультиюзерство. Хамство и угрозы в адрес участников сервиса.
- Последний визит:
Вс, 7 Апр 2013 16:04:21
Invisible Man написал(а):
<div style="position:absolute; left:10%; top:20px;"><img src="Ссылка" border="0" /></div>
Спасибо огромное, то что нужно. Сделал всё отлично.
Deff
Romych
Тоже спасибо.
Страница: 1