Кот

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

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


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


without the pathos

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

1

Привет, Саша.
Расскажи мне подробнее о себе: чем увлекаешься, что нравится?
Нам понадобится тестовик, поэтому ты можешь предоставить один из уже имеющихся или создать новый.
Мы будем начинать с самых азов.
Для начала тебе стоит ознакомиться с этими статьями:
FAQ по дизайну форума в CSS
FAQ по стилю
Расшифровка кода стиля
Пошаговая инструкция по созданию дизайна
Делаем свой дизайн [супернатурал]
Средства связи - скайп: conoxa
Тестовик - http://dasdasw.bbok.ru/

Отредактировано danessa (2012-09-12 13:59:30)

0

21

открой на форуме доступ к регистрации или дай мне админку.

0

22

Открыто)

0

23

Теперь поставь меня админом, чтобы я могла посмотреть код.

0

24

Готово)

0

25

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

Что представляет собой css код для какого либо элемента?
Он состоит из СЕЛЕКТОРА, ПАРАМЕТРА и АРГУМЕНТА.
Селектор (от англ. select - выбирать; selector - "отборщик") - это "имя" элемента, который меняется. мы указываем (выбираем), что будет изменено. (например: категории форума, форма ответа, поля профиля и т.п.)
Параметр - это свойство элемента. мы указываем, что в выбранном элементе надо поменять (например: фон, размер, границы и т.п.)
Аргумент - это значение свойства. мы указываем, какие именно изменения произойдут с выбранным свойством. (например: указываем цвет, ссылку на фон, размер в пикселях или процентах и т.п.)
Стандартный css код выглядит следующим образом:

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

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

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

Вот пример того, как выглядит код для меню навигации

#pun-navlinks {backgroud-color: #FF0000;}
#pun-navlinks {background-color: #FF0000; width: 400px; height: 200px;}

Если вы хотите придать одинаковый вид сразу двум или более элементам, т.е. прописать для них одинаковые параметры, названия этих элементов пишутся через запятую перед фигурной скобкой.
Например, мы придадим одинаковые фон, высоту и ширину меню навигации и меню пользовательских ссылок:

#pun-navlinks, #pun-ulinks {background-color: #FF0000; width: 400px; height: 200px;}

Автор отрывка Zebra, источник.


Теперь исправь, пожалуйста, все свои ошибки в коде. Если тебе трудно их найти, то я помогу тебе.

Отредактировано danessa (2012-09-19 07:22:38)

0

26

В том-то и дело, что трудно( Не могу найти... Так бы уже исправил)

0

27

В своем посте выше я указала одну из ошибок. Исправь ее. (У тебя много мест во втором окне стиля, где закрывающая скобка дублируется) После этого помогу с остальными.

Отредактировано danessa (2012-09-19 19:34:40)

0

28

Вроде исправил)

0

29

Тогда дальше по ошибкам:

Код:
/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 30px 20% 5px 20%;
  float: none;
background-image:url();
text-align: center;
background-position:top center; 
background-repeat:no-repeat;
font-family: Georgia; 
padding-top: 10px!important;
width: 550px;
height: 200px;

 }
}

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

Далее займемся шапкой.
Поиском по тексту умеешь пользоваться? Гораздо облегчит тебе жизнь ) Нажимаешь Ctrl + F и в появившемся окошке вписываешь искомый текст, в нашем случае тебе нужно найти вот этот элемент: #pun-title TABLE
Как найдешь пропиши там высоту и ширину твоей шапки. После этого прописываешь саму шапку.

Отредактировано danessa (2012-09-26 10:09:06)

0

30

Вроде бы все подправил)

0


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


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