Привет, ололоша! 
Меня зовут Инна, я буду знакомить тебя с миром кодов.
Несколько вопросов:
1) Почему твой выбор учителя остановился на мне?
2) Есть какие-либо предпочтения к обучению?
3) С чего начнем: хтмл или ксс?
Ололош [faiko]
Сообщений 1 страница 10 из 15
Поделиться12012-08-06 13:40:41
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
Поделиться22012-08-08 06:06:21
faiko
Хэлуо! Сорри за задержку.
1) Почему твой выбор учителя остановился на мне?
Понравились работы.
2) Есть какие-либо предпочтения к обучению?
Нет.
3) С чего начнем: хтмл или ксс?
Как вам удобней, но скажу сразу, что я делаю дизайны на борде (forum24).
Поделиться32012-08-08 14:49:37
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
Ололош написал(а):
Как вам удобней, но скажу сразу, что я делаю дизайны на борде (forum24).
Я обучаю пока только верстке дизайнов на mybb. С forum24 еще не работала. 
Поделиться42012-08-09 03:15:42
faiko
Я знаю, и хочу обучится делать дизайны на майбб, а то что я работала на forum24, это просто заметочка.
Поделиться52012-08-12 03:00:46
faiko
Ауу!
Поделиться62012-08-12 03:19:07
Ололош
Она спит уже.
Пинать лучше в ЛС. В аську я ей написала. (:
Поделиться72012-08-12 12:42:58
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
Ололош
Тогда для начала Вас ждет теория.
Как сделать дизайн для форума или сайта?
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 в форме ответа.
Можно придавать одни и те же параметры для нескольких элементов. Для этого достаточно записать селекторы через запятую.
Нужно создать тестовик.
Поделиться82012-08-13 07:50:38
faiko
Вроде всё прочитала. Тестовик
Поделиться92012-08-13 14:32:42
- Зарегистрирован: 2012-06-01
- Приглашений: 0
- Сообщений: 1347
- Уважение: +89
- Позитив: +227
- Провел на форуме:
15 дней 16 часов - Последний визит:
2019-03-09 11:56:17
Ололош
Хорошо, молодец. Давай попробуем применить наши знания на практике.
Как ты знаешь (или узнаешь), ксс без хтмл не может. Стиль всегда подключается к хтмл-шным составным частям форума. Все эти части имеют свои названия (селекторы), располагаются в окнах стиля форума и уже имеют определенные настройки, т.е. выискивать определенные селекторы нам не понадобится: все они уже у нас есть. Но о стиле форума говорить пока рановато. Сейчас я хочу попросить тебя подключить css-оформление к div-блоку.
Итак, смотри. Вот это - хтмл-код блока:
<div id="ololosh">Произвольный контент. Здесь должно быть много текста, чтобы появилась прокрутка.</div>
Где ololosh - собственный селектор блока.
Имея селектор, можно задать стиль, т.е. код стиля блока будет выглядеть так:
#ololosh {
parameter: argument;
parameter: argument;
parameter: argument;
}
Где parameter: argument; - это параметр и аргумент, например: background-color: green;.
Сделай оформление блока по эскизу:
А код блока пока ставь в объявление. Если хочешь, то в будущем, когда будем разбираться с дизайнами, можем заняться позиционированием блоков в шапке. 
Поделиться102012-08-15 11:11:08
Я не совсем поняла как делать :ссс
Но вот, что-то на интуиции
Код:
<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)
