в моем понятии "нуб с палочкой" - значит, что коек-какие знание все же есть. Какие же?
в моем понятии "нуб с палочкой" - значит...
Страница: 1
Сообщений 1 страница 15 из 15
Поделиться121-02-2011 09:46:19
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
Поделиться221-02-2011 12:57:37
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
хохоо
ну, палочка в моем случае - это мое абстрактное понимание css
примерно знаю, где и как писать размер, как изменить расположение, то есть слева справа посередине, ну вот и все в этом роде
вобще тут даже половина палочки
Поделиться321-02-2011 16:08:21
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
И этого достаточно.
Тогда для начала стоит обзавестись тестовым форумом, если его нет. После выполнения этого шага следуем по такой замечательной ссылочке, как http://mybb.bbcorp.ru/generator/ и генерируем нужную цветовую гамму. После выполнения этого шага полученный код вставляем во второе окно своего стиля. После выполнения жду ссылку на тестовый.
Поделиться421-02-2011 16:29:06
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
воооот : http://arividerchi.0pk.ru/
Поделиться522-02-2011 10:18:26
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
Оке-е-ей.
Далее работаем с структурой, то бишь первое окно.
Вместо содержимого A5.1 вставляем вот что
#pun {
margin: 0px auto 0px auto;
width : 810px;
padding: 0px 0px 0px 0px;
float: center;
}
widht - щирина. По-моему, идеальная ширина - 800-850 px, ибо ни широко, ни узко. Но здесь все зависит конкретно от прихоти вашей как дизайнера.
margin - отступы. Первое значение - отступ сверху, второе - отступ с права, третьего - отступ снизу и четвертое отступ - отступ слева. У отступов справа и слева изначально стоит auto, то бишь в зависимости от float.
float - сторона. left - с левой стороны; center - по центру и right - с правой.
За расположении иконок сообщений отвечают C2.14 (расстояние от конца форума до иконок) и CS.15 (размер иконок). C2.16 чаще всего мешает нормальному отображению иконок, так что сносите к чертям.
Часть D1 отвечает за шапку, то есть за размер лого (хотя чаще прописывается в самом коде шапки) и её расположении. Например, опущение вниз, если желаете, чтобы меню навигаций было на шапке, но про это позже.
D3 - за меню навигаций, а D4 - за пользовательские ссылки(новые сообщения, активные темы, etc)
Проделываете пока корректировку только A5.1, ибо с иконками и лого разберемся позже.
Поделиться622-02-2011 10:33:09
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
всее :з
элементарно же
Поделиться722-02-2011 10:40:52
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
А теперь разберемся с меню навигаций и user links. На шапке или под? Горизонтально или вертикально?
Поделиться822-02-2011 10:43:42
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
ну наверно под и горизонтально
пусть стандарт будет
Поделиться922-02-2011 11:10:20
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
Тогда дело за элементами дизайна. Шапка, фон, иконки, категории. Отбросить из списка можно разве что фон и категории, шапка и иконки же обязательны.
Фон вставляется методом добавления в часть body свойства
background-image:url();
и параметров:
background-attachment - прокручивание фона. fixer - не прокручивается, scroll - прокручивается.
background-position - положение по горизонтали и по вертикали. left - слева; center - по центру: right - справа и top - сверху; center - по центру; bottom - снизу.
background-repeat - размножение фона. если фон паттерн без стыков границ при размножении - вставляете repeat или же отбрасывайте это свойство к чертям, разницы не будет. no repeat - если фон целостный по экран монитора; repeat-x - размножение только по горизонтали, если это вертикальные полоса и repeat-x - размножение по вертикали, если это горизонтальная полоса.
Все это - свойства backgound, в частности background-image, с которым столкнуться приходиться достаточно часто.
Шапка вставляется кодом
#pun-title {background-image:url(""); background-repeat : no-repeat; height :560px; background-position: center;}
height - отвечает за высоту шапки.
иконки в часть cs4 кодами
div.icon - иконка старых сообщений;
div.inew - иконка новых сообщений;
TR.isticky Div.icon - иконка важных тем;
TR.iclosed Div.icon - иконка закрытых тем;
Код на старые сообщения будет выглядеть примерно так:
div.icon { background-image:url();}
Категории вставляются в CS1.3, впоследствии вставки в данную часть cs1 свойста backgound-image и его параметров. там же можно задать и высоту категорий, с помощью свойства height и значение в пикселях, а помимо этого ещё параметры текста, а именно:
font-family - шрифт.
font-size - размер шрифта. возможно, пусть и неправильно, указание размера в пикселях, коим способом пользуюсь я.
font-style - normal - обычный; italic - курсив; bold - жирный.
Также применимо свойство text-transform - отвечающий за, грубо говоря, "заглавные буквы".
lowercase - написание исключительно строчными буквами вне зависимости от текста.
uppercase - написание "капсом"
и, используемое гораздо реже, параметр capitalize - первый символ каждого слова заглавный.
Поделиться1022-02-2011 14:53:04
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
а фон сколько на сколько px ?
Поделиться1122-02-2011 16:16:35
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
в зависимости от типа фона.
Поделиться1222-02-2011 17:00:37
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
ну вот стандартный такой
Поделиться1322-02-2011 18:46:09
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
zak
конкретней. паттерн, целостный ?
Поделиться1422-02-2011 19:19:59
- 312
- Уважение: +20
- Зарегистрирован: 08-12-2010
- Провел на форуме:
1 день 6 часов - Пол: Мужской
- Последний визит:
03-02-2013 15:27:40
так, с этим я вобщем уже разобрался
вот лучше расскажи мне вобще о фонах
какие бывают, как делать, и т.д.
Поделиться1522-02-2011 20:49:56
- /)^3^(\
- Уважение: +866
- Зарегистрирован: 09-06-2009
- Провел на форуме:
1 месяц 16 дней - Возраст: 26 [1998-07-02]
- Пол: Женский
- Последний визит:
02-01-2013 18:59:35
zak
Окей.
Ранее практически везде были форумы вида целостного. То бишь был задан на задний план, в середине же была основа форума, к которой в фотошопе часто задавалась тень. При этом задавался параметр no repeat. Постепенно эти же фоны стали обрезаться до полос размером примерно 500px в высоту.
Позже иногда стали замечаться вертикальные полосы, высотой были от 900-3000px, шириной же максимум 5 px.
Сейчас более используемые паттерны, зачастую самодельные. То бишь это какой-то квадрат(прямоугольник), залитый узором, которые не сбивается при размножении с обоих сторон. Размеров всегда бывает разный.
Вроде все сказала.
Да, также бывало, что вместо фона вставляли огромные шапки, но это уже совсем другой разговор.
Страница: 1