бедная кэти. ахах только я могла превратить её в зомби
Привет,дорогая) Очень рада,что ты стала моей ученицей. Будем бродить по заковыристым просторам Великого кодинга. Оставь мне тут свою связь и внимательно слушай. Если хочешь у меня обучаться,то запомни. Мои ученики - продолжают моё дело. Так что это как кодекс малефисент,которому должен каждый подчиняться. Если ты согласна со всеми пунктами,то кидай сюда пробник и ник - парроль аккуанта-администратора. И начнём работать)) Расскажи чему хочешь научится. Что не получается и к чему стремишься. Графика у тебя и правда хромает,но помимо дизинга мы будем обучаться и графике. Если ты не против,конечно)
Буду рада,если ты продолжишь моё дело - делать дизайны не за реальную валюту.
1) Новички.
Рассматривание общих аспектов CSS, структуры, "как оно работет", начальные сведения, основные селекторы/параметры/аргументы, вёрстка самого простого дизайна.
дышу тобой
Сообщений 1 страница 6 из 6
Поделиться12012-08-29 14:40:17
Поделиться22012-08-29 16:07:58
http://alison.rusff.me/ - пробник, элисон 123456
Связь: http://vk.com/id97662982 потом кину и асю.
кодекс малефисент
я с ним согласна во всех пунктах)
но помимо дизинга мы будем обучаться и графике
да, это будет чудесно) в этой теме или отдельно? все мои работы здесь - http://colorforum.ru/viewtopic.php?id=5648
Я готова к работе)
Отредактировано в облаках (2012-08-29 16:09:08)
Поделиться32012-08-30 11:50:56
запомни эту табличку,пожалуйста. Она всегда тебе поможет и выручит)
Размерности:
em – высота шрифта
ex – высота буквы
px - пикселы
in - дюймы
cm - сантиметры
mm - миллиметры
pt - пункты
% - проценты
Основные параметры:
Height - высота элемента
Width - ширина элемента
Background (фон)
background-color – цвет заливки (веб-значение)
background-attachment – прокрутка фона
scroll - фон поддается прокрутке
fixed - не поддается прокрутке.
background-image – фоновая картинка
url ("...") – в скобках указываете адрес изображения
none – отсутствие картинки
background-repeat – автоматическое размножение фона
no-repeat - не размножается
repeatx - размножается по горизонтали
repeaty - размножается по вертикали
repeatxy - размножается в обоих направлениях.
background-position – расположение фона. Примечание: сначала указывается расположение по вертикальной оси: top, center или bottom, затем - по горизонтальной: left, center или right.
Border (рамка)
border-color – цвет рамки (веб-значение)
border-width – толщина рамки (px)
border-style – стиль начертания
none – отсутствие рамки
dotted – пунктир (точки)
dashed – штрих-пунктир
solid - одинарная
double - двойная
groove – трехмерный эффект
ridge - трехмерный эффект возвышения
inset - трехмерный эффект углубления
outset - трехмерный эффект выпуклости фона
border-top – параметр верхней кромки
border-bottom – параметр нижней кромки
border-left – параметр левой кромки
border-right – параметр правой кромки
Color (цвет) – цвет шрифта элемента (веб-значение)
Font (шрифт)
font-size – размер шрифта. Можно задавать в размерности, можно – по возрастающим значениям, методом научного тыка:
xx-small
x-small
small
medium
large
x-large
xx-large
font-style - начертание
normal - стандарт
italic - курсив
oblique - чуть менее наклонный, чем курсив
font-weight – толщина. Значения:
normal - стандарт
bold – полужирный
Text (текст)
text-align - выравнивание текста внутри элемента.
left - по левому краю
right - по правому краю
center - по центру
justify - по ширине
text-decoration - украшение текста
underline - подчеркивание
overline - верхнее подчеркивание
none - никакого
blink - мигание
Display – отображение элемента. Значения:
none - отсутствует
block – обведено рамкой
list-item – элемент как часть списка, присваивается маркер
inline – вывод элемента в одну строку
Padding - линия отбивки материнского объекта
padding-top - верхняя отбивка
padding-bottom - нижняя отбивка
padding-left - левая отбивка
padding-right - правая отбивка.
Margin - линия отступа дочернего объекта.
margin-top - верхний отступ
margin-bottom - нижний отступ
margin-left - левый отступ
margin-right - правый отступ
Vertical-align - выравнивание элемента по вертикали
top - по верхнему краю
bottom - по нижнему
middle - посередине
Принцип построение кода:
selector {
property1: value1;
property2: value2;
property3: value3;
property4: value4;
}
Selector – номер и название элемента. Это может быть столбец, логотип, иконка и т.д.
Property – параметр из тех, что рассмотрены выше – фон, шрифт, рамки и т.д.
Value – условие для параметра – ширина, цвет, адрес изображения.
Общий код (Структуры – около 26 страниц WORD, Цвета – чуть меньше) пишется в несколько разделов. Они носят названия, состоящие из латинской буквы и порядкового номера: А3, А4, C1, D2 и так далее. Каждый раздел начинается подобным заголовком
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
И продолжается вплоть до заголовка следующего раздела. Каждый раздел управляет какими-то параметрами оформления. Это может быть шрифт, рамки, положения различных элементов форума… На основных разделах мы остановимся поподробней чуть ниже. Пока что вам следует четко различать, где находится один раздел, а где искать другой. Это намного проще и не так страшно, как кажется попервой, я вас уверяю.
Поделиться42012-08-30 19:21:58
Спасибо большое))) Некоторые коды я знаю уже, но несколько оказались очень полезными) Вычитала и сохранила
Поделиться52012-08-31 11:58:37
Вычитала и сохранила
молодец)) далее))
Для того,чтобы перейти к работе нужно кое что сделать.
Если тебе дают какие то дизайнеры свои коды,то этого делать не стоит,а если взять стандартный код mybb(когда мы только создали фору) надо это конечно проверить.
Кода мы заходим в админку "Администрирование - свой стиль"
можно выбрать любой ГОТОВЫЙ стиль http://wawo.ru/catalog/ . Это предстоит сделать,если кодов у тебя совсем не будет,и придётся довольствоваться mybbскими темами)
Рассматриваем наш код структуры. Самую верхушку:
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url(Mybb_Tiare_cs.css);
Здесь нам следует произвести одну маленькую, но глобально важную замену:
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url(style_cs.css);
Теперь смотрим сохраненный код Структуры. Просто смотрим. Считайте, что мы с ним знакомимся. Помни: CSS американец, он говорит по-английски, писать и разговаривать мы с ним тоже будем по-английски, русский шрифт недопустим. Закоротит и покусает.
Поделиться62012-08-31 19:48:37
малефисент
усекла все))