Кот

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

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


Вы здесь » Кот » Архивы » Ололош [faiko]


Ололош [faiko]

Сообщений 1 страница 10 из 15

1

http://s1.uploads.ru/i/2Qt8l.png
Привет, ололоша! http://noid.su/fu/ololesha.png
Меня зовут Инна, я буду знакомить тебя с миром кодов.
Несколько вопросов:
1) Почему твой выбор учителя остановился на мне?
2) Есть какие-либо предпочтения к обучению?
3) С чего начнем: хтмл или ксс?

0

2

faiko
Хэлуо! Сорри за задержку.
1) Почему твой выбор учителя остановился на мне?
Понравились работы.
2) Есть какие-либо предпочтения к обучению?
Нет.
3) С чего начнем: хтмл или ксс?
Как вам удобней, но скажу сразу, что я делаю дизайны на борде (forum24).

0

3

Ололош написал(а):

Как вам удобней, но скажу сразу, что я делаю дизайны на борде (forum24).

Я обучаю пока только верстке дизайнов на mybb. С forum24 еще не работала. http://s1.uploads.ru/i/29Rju.gif

0

4

faiko
Я знаю, и хочу обучится делать дизайны на майбб, а то что я работала на forum24, это просто заметочка.

0

5

faiko
Ауу!

0

6

Ололош
Она спит уже.
Пинать лучше в ЛС. В аську я ей написала. (:

0

7

Ололош
Тогда для начала Вас ждет теория.
Как сделать дизайн для форума или сайта?
CSS. Свойста текста
Делаем свой дизайн [супернатурал]
Скругленные края и тень для блоков.

Короткий урок от меня

Любой код CSS состоит из трёх частей: селектор, параметр и аргумент.

#селектор {параметр: аргумент}

#селектор - это название элемента, который мы меняем в дизайне. Например: когда на форум в поле "Объявление" в администрировании мы что-то ставим и нажимаем "Показать объявление", на главной странице под юзер-ссылками появляется наш контент, а над ним слово "Объявление". Селектор этого самого слова выглядит так: #pun-announcement h2. Селектор всего блока объявления выглядит так: #pun-announcement .container и так далее...
параметр: - это то, что мы собираемся менять в нашем элементе. Это может быть цвет, шрифт, фон, выравнивание, границы и так далее.
аргумент - это значение параметра. Ты знаешь, как я хреново объясняю, поэтому сразу пример: у параметра шрифта аргумент будет заключаться в названии шрифта.
Конкретный пример:

#pun-announcement h2 {text-align: center;
text-transform: uppercase;
font-family: Arial;
font-size: 0.9em}

После каждого значения, кроме последнего, должна стоять точка с запятой, иначе код не будет работать.
text-align: center; - выравнивает заголовок "Объявление" по центру.
text-transform: uppercase; - делает все буквы заглавными.
font-family: Arial; - делает текст шрифтом Arial.
font-size: 0.9em; - делает текст уменьшенным, как 8px в форме ответа.
Можно придавать одни и те же параметры для нескольких элементов. Для этого достаточно записать селекторы через запятую.

Нужно создать тестовик.

0

8

faiko
Вроде всё прочитала. Тестовик

0

9

Ололош
Хорошо, молодец. Давай попробуем применить наши знания на практике.
Как ты знаешь (или узнаешь), ксс без хтмл не может. Стиль всегда подключается к хтмл-шным составным частям форума. Все эти части имеют свои названия (селекторы), располагаются в окнах стиля форума и уже имеют определенные настройки, т.е. выискивать определенные селекторы нам не понадобится: все они уже у нас есть. Но о стиле форума говорить пока рановато. Сейчас я хочу попросить тебя подключить css-оформление к div-блоку.
Итак, смотри. Вот это - хтмл-код блока:

<div id="ololosh">Произвольный контент. Здесь должно быть много текста, чтобы появилась прокрутка.</div>

Где ololosh - собственный селектор блока.
Имея селектор, можно задать стиль, т.е. код стиля блока будет выглядеть так:

#ololosh {
parameter: argument;
parameter: argument;
parameter: argument;
}

Где parameter: argument; - это параметр и аргумент, например: background-color: green;.
Сделай оформление блока по эскизу:
http://s1.uploads.ru/t/6J7l9.jpg
А код блока пока ставь в объявление. Если хочешь, то в будущем, когда будем разбираться с дизайнами, можем заняться позиционированием блоков в шапке. http://uploads.ru/i/z/U/e/zUe1x.gif

0

10

Я не совсем поняла как делать :ссс
Но вот, что-то на интуиции

Код:
<div id="el3">Произвольный контент. Здесь должно быть много текста, чтобы появилась прокрутка.</div>
#el3 {
border-radius:40px 0 40px 0;
background-color: green;
box-shadow: 0 0 5px 2px;
}

Отредактировано Ололош (2012-08-16 10:34:34)

0


Вы здесь » Кот » Архивы » Ололош [faiko]


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC