1.Куда мы ставим скрипы относящиеся к оформлению?
2.Чем должен начинаться и заканчиваться каждый скрип?
3.Напишите скрип,чтобы поставить картинку на один из форумов этого сайта.Не забываем писать на какой.
Урок 2.
Сообщений 1 страница 10 из 11
Поделиться12010-10-22 14:23:46
- Статус 1
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 112
- Уважение: [+0/-0]
- Провел на форуме:
1 день 22 часа - Последний визит:
2013-04-26 22:02:25
Поделиться22010-10-23 13:06:58
1.Скрипы относящиеся к оформлению ставим в HTML-верх.
2. <style>
3.
Код:
<img id="Mylogo" src="http://i075.radikal.ru/1010/e8/14a295eb28bf.jpg" />
<style type="text/css">
#Mylogo {width: 75%; margin: mystyles.forumbb.ru/;}
</style>Отредактировано elvisty (2010-10-23 13:30:27)
Поделиться32010-10-23 13:25:18
- Статус 1
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 112
- Уважение: [+0/-0]
- Провел на форуме:
1 день 22 часа - Последний визит:
2013-04-26 22:02:25
elvisty написал(а):
#Mylogo {width: 100%; margin: 0 0 0 0;}
Это скрип шапки сайта,но не иконки для форума.(картинка для одного из форумов сайта-это иконка,относящаяяся только к этому разделу)
Поделиться42010-10-23 13:28:00
- Статус 1
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 112
- Уважение: [+0/-0]
- Провел на форуме:
1 день 22 часа - Последний визит:
2013-04-26 22:02:25
elvisty написал(а):
<img id="Mylogo" src="http://i075.radikal.ru/1010/e8/14a295eb28bf.jpg" />
<style type="text/css">
#Mylogo {width: 100%; margin: mystyles.forumbb.ru/;}
</style>
Я поставила.Тебе нравится?Как минимум меняем размер шапки до 75% и с шапкой мы уже прошли.
Поделиться52010-10-23 13:28:36
Navey написал(а):
Это скрип шапки сайта,но не иконки для форума.(картинка для одного из форумов сайта-это иконка,относящаяяся только к этому разделу)
Можете тогда подсказать, что надо написать в этом случае.
Поделиться62010-10-23 13:32:17
- Статус 1
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 112
- Уважение: [+0/-0]
- Провел на форуме:
1 день 22 часа - Последний визит:
2013-04-26 22:02:25
elvisty
Надо внимательно читать тему Скрипы для дизайна-Меняем иконки.Там рассказано как это написать
Поделиться72010-10-23 16:21:03
- Администратор
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 38
- Уважение: [+0/-0]
- Пол: Женский
- Возраст: 28 [1996-04-25]
- Провел на форуме:
2 дня 16 часов - Последний визит:
2012-07-06 18:39:10
1.Ставим скрипы относящиеся к оформлению в HTML-вверх
2.<style>
3.
Код:
<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 40px; width: 40px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}
tr#forum_f2 div.icon {background-image:url(http:http://ipicture.ru/uploads/101022/4RHZLsRy65.jpg); }
</style>
Для иконки для фанфиков
Поделиться82010-10-23 16:32:51
- Статус 1
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 112
- Уважение: [+0/-0]
- Провел на форуме:
1 день 22 часа - Последний визит:
2013-04-26 22:02:25
Love Jacob написал(а):
tr#forum_f2 div.icon {background-image:url(http:http://ipicture.ru/uploads/101022/4RHZLsRy65.jpg); }
для всех иконок всегда идет как минимум две картинки.Основная и есть новые сообщения
Поделиться92010-10-23 16:40:00
- Администратор
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 38
- Уважение: [+0/-0]
- Пол: Женский
- Возраст: 28 [1996-04-25]
- Провел на форуме:
2 дня 16 часов - Последний визит:
2012-07-06 18:39:10
Navey написал(а):
для всех иконок всегда идет как минимум две картинки.Основная и есть новые сообщения
Тогда вот:
Код:
<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 40px; width: 40px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}
tr#forum_f2 div.icon {background-image: url(http://ipicture.ru/uploads/101023/kw4bYF2GcI.jpg); }
tr#forum_f2 div.inew {background-image: url(http://ipicture.ru/uploads/101021/gh73XTc6Zw.jpg); }
</style>
Поделиться102010-10-23 20:41:16
- Статус 1
- Зарегистрирован: 2010-10-21
- Приглашений: 0
- Сообщений: 112
- Уважение: [+0/-0]
- Провел на форуме:
1 день 22 часа - Последний визит:
2013-04-26 22:02:25
Love Jacob
Принято.Иконка встала