Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » в тихом омуте черти водяться


в тихом омуте черти водяться

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

1

http://uploads.ru/i/4/L/j/4Ljg2.png

Привет Алина! Какое у тебя красивое имя,меня зовут Дина)) очень приятно познакомится. Рада,что ты записалась ко мне на обучение ;) еее. безумно этому рада) Расскажу немного  о себе. Я живу в солнечном городе Сочи,люблю танцевать,читать,фотографировать,гулять и много другое) В мире ролевых игр я где то года два,а в мире создания дизайнов пол года. Немного не мало,но что то умею. Я меломанка и фильмоманка :D Смотрю фильмы и сериалы в огромном количестве. Буду рада узнать о тебе побольше всего всякого ;)

Работать мы будем упорно. Много и качественно. Графике мы будем тоже много времени уделять,но основная наша специальность - вёрстка,дизайны. Я постараюсь из тебя сделать хорошего дизайнера. Но и от тебя буду ждать отдачи. Будем учиться креативу и нестандартному мышлению)) . Ты мой первый ученик в этой группе. Так что прости меня,если что-то непонятно и дербань вопросами)) Ты пока рассказывай о себе,а я пошла готовить лекции и основную базу ;)
Новички. - Рассматривание общих аспектов CSS, структуры, "как оно работет", начальные сведения, основные селекторы/параметры/аргументы, вёрстка самого простого дизайна.

+1

2

Привет,Дина! Рада знакомству!)
Мне 16 лет. Я живу в Украине. Учусь в физико-математическом лицее.  У меня есть кот по имени Клёпа. Что ещё? Люблю поспать т.к. учусь в суботу, то в воскресенье сплю до обеда хД Как и любая девушка люблю пройтись по магазинам. Могу очень долго зависать в интернете.
Балдею под Adele,Depeche Mode,Placebo,Scarlet Sins,Sami,Linkin Park,Within Temtation,Adam Lambert,Muse,Skillet,Kelly Clarkson,Three Days Grace ,Christina Aguilera, Lifehouse,Apocalyptica,30 Seconds To Mars и все в таком стиле.
Смотрю:
"Дневники вампира" (любимый герой Кэролайн и Кэт, но Бобрев последнее времен не нравится), "Сплетница" (Блэр и Чак форева!!!! А бесит Дэн и Серена фууу), "Шерлок"(Ирен И Шерлок мммм шладкие), "Милые обманщицы" (Ханна и Элисон - лапочки мои) ,"Сверхъестественное" (Лаффф Дин), "Тайный круг"(Фэййй лапа),"Американская история ужасов"(Тейт и Вайлет  ) и т.д.
Очень люблю читать. Вот маленькая часть из моего ридера
Вестерфельд С.: Красавица, Уродина, Особенная. Городской охотник.Полуночники (3 части)
Райчел Мид:Академия Вампиров   (6 частей)
Мелисса Де ла Круз:Голубая кровь   (5 книг)
Холли Блэк:Решительная, Зачарованная, Отважная
Мид Р., и др.:Бессмертные
Майер Стефани:Сумерки,Гостья  ,2 жизнь Бри Таннер
Каст:Дом Ночи
Серж Брюссоло: Пеги Сью и Призраки
И.Волынская:Фан-Клуб Колдовства
Смит:Дневники Вампира:Тайный круг
Кейн Р.:Полночная аллея,Пиршество демонов
Пайк Э.:Крылья, Чары
Хаббард С.:Иная
Риордан Р.:Перси Джексон и т.д.
Сьюзен Коллинз:      Голодные игры (3 книги)
Сесили фон Зигесар:Сплетница
Мэг Кэбот:Дневники принцессы и т.д
Софи Кинселла:
Шопоголик и т.д
Нравятся вот такие внешки:
Женские: Оливия Вайлд, Меган Фокс, Адриана Лима, Джессика Альба,Анджелина Джоли, Скарлетт Йоханссон, Нина Добрев(?), Adele, Алек Алексеева, Алексис Бледель, Аманда Сейфрид, Эми Ли, Ана Беатрис Баррос, Анна-София Робб, Эшли Грин, София Буш, Анна Пакуин, Энн Хэтэуэй, сестры Олсен, Кэндис Аккола, Кэндис Свейнпул, Клеманс Поэзи, Клер Холт, Коко Роча, Дебора Энн Уолл, Даутцен Крёз, Диана Аргон, Эллен Пейдж, Эмма Стоун, Эмма Уотсон, Дженнифер Лоуренс, Кэти МакГрат, Кэйт Бэкинсэйл, Кристин Белл, Лейтон Мистер, Лили Колинз, Марион Котийяр, Миранда Керр, Фиби Тонкин, Роузи Хантингтон-Уайтли, Саша Пивоварова, Кейт Мосс, Кая Скоделарио, Кристин Кройк, Амбер Херд.  и т.д.
Мужские: Алекс Петтифер, Александр Скарсгард, Бен Барнс, Николас Холт, Чейс Кроуфорд, Мюррэй, Пол Уэсли, Эд Вествик, Том Фелтон, Йен Сомерхалдер, Тейлор Лотнер(в фильме с Коллинз только понравился), Джаред Лето, Джаред Падалеки, Дженсен Эклс, Джонни Депп, Зак Эфрон(?) Ксавьер Сэмюэл, Келлан Латс, Майкл Тревино (?), Мэтт Лантер, Бредли Джеймс и т.д.
------------------------------------------------------------------------------------
Жду лекции) http://uploads.ru/i/5/n/D/5nDpP.png

+1

3

прости,что не отписалась вчера. в кот весь день зайти не могла х))

эвердин написал(а):

Linkin Park,Within Temtation,Adam Lambert,Muse,Skillet,Kelly Clarkson,Three Days Grace ,Christina Aguilera, Lifehouse,Apocalyptica,30 Seconds To Mars

дададада. все они нереально круты. :D обожаю их))

эвердин написал(а):

Учусь в физико-математическом лицее

круто,мозг у тебя значит варит. у мне совершенно не математические мозги. ахах

эвердин написал(а):

"Сплетница" (Блэр и Чак форева!!!! А бесит Дэн и Серена фууу)

дада, полностью с тобой согласна. я люблю Блэр больше всего. её стиль,её манеры и приёмы. вауч. обожаю. :D в каком то роде она - мой кумир. ахах

эвердин написал(а):

,"Сверхъестественное" (Лаффф Дин),

еееес. хдд

эвердин написал(а):

Райчел Мид:Академия Вампиров   (6 частей)

обожаю я рейчел,особенно эту серию. мм. всех подруг на неё подсадила :D мид мой любимый писатель после стивена кинга :D

эвердин написал(а):

Каст:Дом Ночи

меня хватило на две книги почему то :D

эвердин написал(а):

Пайк Э.:Крылья, Чары

аа. люблю. люблю эту сказку. Тамани :*

эвердин написал(а):

Сьюзен Коллинз:      Голодные игры (3 книги)

читаю и балдею. да :D

эвердин написал(а):

Нравятся вот такие внешки:

мы с тобой подружимся. ахах

0

4

первое задание - слушай и вникай. хд возможно ты это знаешь,но моя задача - тебе всё объяснить и показать.
эта табличка мне не раз помогала и спасала меня прямо таки. так что лучше и ты её сохрани где нибудь.

Пункт первый. Азы
CSS расшифровывается как Cascading Style Sheets или Каскадные таблицы стилей. Как и в кодировке HTML, таблицы CSS призваны управлять внешним видом вэб-страниц, но на самом деле задачи и возможности CSS намного шире, они могут управлять отображением не только на визуальные устройство, но и, например, синтезаторы речи, но пока ни один из популярных браузеров не поддерживает эти свойства. Думается, еще парочка лет – и Интернет развернется еще круче.
Для продуктивной работы далее и попросту для того, чтобы вы, читатель, могли, грубо говоря, врубаться в то, что я пишу, нужно заучить несколько простых пунктов, которые – вот увидите! – уже после одного вечера работы над своим собственным дизайном начнут отскакивать от зубов.
*Для удобства информация продублирована в архив на внешнем хранилище. Вы сможете сохранить ее себе на компьютер, как удобную и простую шпаргалку. Лично я записал все в блокнот вручную.
Размерности:
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
-------------------------------------------------------------*/
И продолжается вплоть до заголовка следующего раздела. Каждый раздел управляет какими-то параметрами оформления. Это может быть шрифт, рамки, положения различных элементов форума… На основных разделах мы остановимся поподробней чуть ниже. Пока что вам следует четко различать, где находится один раздел, а где искать другой. Это намного проще и не так страшно, как кажется попервой, я вас уверяю.
пойдём дальше?

+1

5

априори. написал(а):

пойдём дальше?

Да, я все прочитала)

0

6

априори. написал(а):

прости,что не отписалась вчера. в кот весь день зайти не могла х))

У меня тоже самое! я на все арты не могла была зайти(((

априори. написал(а):

дададада. все они нереально круты.  обожаю их))

Дааа! Они невероятный, а музыка - шик, блеск, красота мммм

априори. написал(а):

круто,мозг у тебя значит варит. у мне совершенно не математические мозги. ахах

ахаха, когда как) бывает и туплю, и так, что мама не горюй)

априори. написал(а):

дада, полностью с тобой согласна. я люблю Блэр больше всего. её стиль,её манеры и приёмы. вауч. обожаю.  в каком то роде она - мой кумир. ахах

Даа, она шикарна! На таких стоит равняться)И в жизни Лейтон похожа по стилю на Блэр

априори. написал(а):

еееес. хдд

ееее бейби

априори. написал(а):

обожаю я рейчел,особенно эту серию. мм. всех подруг на неё подсадила  мид мой любимый писатель после стивена кинга

она классная) мне больше всего Адриан нравится. Я люблю плохих хД

априори. написал(а):

меня хватило на две книги почему то

я просто начала читать 4 книгу и мало, что поняла и из-за интереса понять - прочитала все

априори. написал(а):

аа. люблю. люблю эту сказку. Тамани :*

Да, она хорошо пишет) Не зря Майер её советует)

априори. написал(а):

читаю и балдею. да

Это одни из моих любимых книг) Читала с открытым ртом хД

априори. написал(а):

мы с тобой подружимся. ахах

Я  тоже так думаю)

0

7

эвердин написал(а):

Да, я все прочитала)

молодчинка))
значит так. следующие материалы будут даны из одного сайта. http://wolfcentre.mybb.ru/ мы же не хотим неприятностей)) так что внизу статей буду ссылки оставлять))

читай понимай,но ничего не предпринимай.

Пункт три. Обработка детали

Итак, вы открываете на своем форуме страницу Администрирование – Свой стиль. Очищаете окно «Структура» и вставляете туда ваш первый полученный код . Точно так же очищаете окно «Цвета» и вставляете туда второй скопированный код. Переставляете флажок вверху на «Использовать свой стиль – Да» и сохраняете изменения…
Все беленькое, чистенькое, чего вам не нравится?
Скимитар жестоко шутит. Разумеется, сейчас мы оденем наш форум, ставший на пару минут девственником-нудистом.
Рассматриваем наш код структуры. Самую верхушку:

/*************************************************************
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 американец, он говорит по-английски, писать и разговаривать мы с ним тоже будем по-английски, русский шрифт недопустим. Закоротит и покусает, собака бешеная…
Помалу вспоминаем правила, изложенные в Пункте Первом, про построения кодов. Видим знакомые черты? Конечно, видим. Начинаем понемногу в этом ориентироваться, это не так уж и сложно. Достаточно желания и крутящегося колесика мышки.
Далее работаем пока только с документом Структура.
материал взят с http://wolfcentre.mybb.ru/ // http://wolfcentre.mybb.ru/viewforum.php?id=6

0

8

априори. написал(а):

и вставляете туда ваш первый полученный код .

Я наверно туплю, а какой полученный код?

0

9

эвердин написал(а):

Я наверно туплю, а какой полученный код?

это пропускай,потому что говорится о стилях. муббовских,коды я тебе дам,так что это пропускай)

Шрифт
Раздел А3 определяет параметры шрифта на вашем форуме.

/* A3 Text setup
-------------------------------------------------------------*/

Каждый их пунктов – А3.1, А3.2, А3.3 и так далее – отвечает за шрифтовые наборы в определенном элементе или группе элементов форума. Пример:

/* А3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

Первая строка – как водится – кодировка пункта. В этом случае это – А3.3 .
Вторая строка - .punbb textarea, .punbb input, … - в состоянии показать нам, в каком именно элементе вы нынче можете регулировать шрифт.
Третья строка – уже непосредственно задает параметры шрифтовой схемы. Разберем поподробней:
1em – исходя из размерностей, приведенных в начале урока, это высота шрифта
verdana, arial, helvetica, sans-serif – семейство шрифтов. На данный момент их четыре. Вы можете добавить свои, заменить существующие или вообще – взять и оставить всего лишь одно. Если вы придирчиво произведете усечение всех семейств до одного во всех пунктах раздела A3 Text setur, то ваш форум от начала и до конца будет во всех элементах отображать одинаковый шрифт. Лично мне это кажется весьма удобным и гармоничным.
Разберем еще один случай:

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }
.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

Здесь мы видим, как в одном пункте сгруппированы условия для нескольких элементов. Разглядывая код, параллельно косим глазом в ту шпаргалку, что я дал вам в самом начале – с подробной расшифровкой параметров и их значений. Из тьмы разума выплывает осознание, что font-weight: bold; - это утолщенный шрифт, а font-size: 1 em; - всё та же высота букв.
материал взят с http://wolfcentre.mybb.ru/ // http://wolfcentre.mybb.ru/viewforum.php?id=6

0

10

априори. написал(а):

это пропускай,потому что говорится о стилях. муббовских,коды я тебе дам,так что это пропускай)

Ага, поняла.
Все прочитала и запомнила. Наверно, надо распечатать ту таблицу, чтобы передо мной была)

0


Вы здесь » Кот » Архив обучения от 03.12 » в тихом омуте черти водяться


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