Кот

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Кот » Архивы » `tsunami | Лилитана


`tsunami | Лилитана

Сообщений 21 страница 30 из 84

21

`tsunami
Всё, нашла ошибку..) Доделаю задание, кину ссылку))

0

22

Лилитана
отлично)) жду.

0

23

http://testovik2015.mybb.ru
Готово))

Отредактировано Лилитана (2013-02-15 20:54:55)

0

24

Лилитана
А шапка?

0

25

`tsunami
Изображение нужно было? А то я могла и не понять. Одну минуту..

0

26

Лилитана
Да) ничего страшного.

0

27

`tsunami
Я ставлю шапку, а она у меня.. множится слегка. Размер 850х400. Это можно-как-нибудь исправить?)

0

28

Лилитана
850х500 делай и все)

0

29

http://testovik2015.mybb.ru/
Вроде как всё))

0

30

Ладно, вот новый урок. Вернее, его первая часть, чтобы не откладывать. Потом вторую пришлю, и у тебя будут две оценки.

Добавим чего-то нового
Часть 1. Что именно мы будем добавлять? Иконки. Помнишь, мы убрали последний блок в одном из уроков. Это совсем не случайно, я хочу дать тебе более простой и хороший код, как мне кажется, для этого важного дела. Собственно, вот он. Вставляется в HTML-верх он.

<style>
.punbb table Div.icon {
float: right;
display: block;
width: ширина;
height: высота;
border-style: none;
background-image: url("иконка старых сообщений");
  background-repeat: no-repeat;
position: relative;
}
.punbb table div.inew {background: url("иконка новых сообщений") no-repeat;}
TR.isticky Div.icon {background: url("иконка важных сообщений") no-repeat;}
TR.iclosed Div.icon {background: url("иконка закрытых сообщений") no-repeat;}
</style>

Здесь все, думаю понятно. Ширину и высоту иконок я предпочитаю указывать 100х100. Пикселей, конечно. Если ты будешь делать так же, то тогда на месте моих слов "ширина" и "высота" пишешь 100px и 100px. Ты можешь взять и свои значения, но размер иконок обязательно должен соответствовать размерам, указанным в коде. Иначе ничего не получится.
На месте соответствующих слов ты вставляешь ссылки на соответствующие иконки, которые ты сделала или где-то нашла. Вот и все.

Задание
1. Делаешь или ищешь где-то иконки, подходящие по цвету и стилю к нашему дизайну.
2. Вставляешь в HTML-верх код, данный мной.
3. Делаешь в нем соответствующие исправления, вставляешь иконки.
4. Кидаешь очередной раз ссылку на тестовик мне.

0


Вы здесь » Кот » Архивы » `tsunami | Лилитана


Рейтинг форумов | Создать форум бесплатно