Форум ярких идей

Объявление

9c51c0d37563
Администрация:

`cookie - администратор
молоко` - администратор
Kitagawa - администратор.
#nun - модератор
Открыт набор модераторов!
Объявление: Доброго времени суток гости и пользователи нашего форума. На нашем форуме появился новый более-менее новогодний стиль. Его можно обсудить в теме "Обсуждение: новый стиль" Так же на форуме проводится чистка тем и снимаются с должности те администраторы и модераторы, которые не появлялись на форуме более месяца, не предупредив других администраторов об этом. Либо те, кто не отписался в перекличке.

Пиар
Пока администрация следит за пиаром, но как появится администратор-пиарщик, то он сразу же будет следить за рекламой.

Ник пиарщика так же не изменился: Ник - пиар пароль:0000 .
И не забудьте про взаимность, дорогие рекламщики.

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

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


Вы здесь » Форум ярких идей » Школа Стилей » Уроки Фокси.


Уроки Фокси.

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

1

Ну-с.С чего начнём?

0

2

http://0pk.ru/generator/ - генератор стилей.
для начала сделай стиль синего цвета, отобрази морской бриз

0

3

`cookie
Тут

0

4

ShemiFox5
молодец, мне нравится, хотя чуть-чуть ярковато.
_________________________

будем учится вставлять картинки в дизайн.
вот этот код

Код:
background-image: url(ссылка картинки)

заменяем на вот этот код

Код:
background-color: #цвет;

где выделено цветом, те теги и меняем.

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
Фон
background-color: #3f5203;
}
Клетки таблицы дизайна
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #a5cb78;
  color: #3f5203;
  }
Таблица дизайна
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #D6EAAE;
  color: #3f5203;
  }
Шапка таблицы
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #a5cb78;
  color: #3f5203;
  font-weight: normal;
font-style: normal;
  }
Шапка форума
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #D6EAAE;
  color: #3f5203;
  }
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #D6EAAE;
  color: #3f5203
  }
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #809837;
  color: #3f5203
  }
Меню Навигации

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #95BB68;
  color: #3f5203
  }
Цетата
/* CS1.8 */
#pun-navlinks .container {
  background-color: #809837;
  color: #F8F8F8;
  }
.offline li.pa-online strong {
  font-weight: normal
  }HTML в форме ответа

.punbb textarea, .punbb select, .punbb input {
  background-color: #3f5203;
  color: #000000
}

0

5

сразу скажу, что цвета здесь не твои, так что будь внимательней.

0

6

Я вроде фон сделала а вот с шапкой проблемы.Она не появляется.

0

7

ShemiFox5
если шапку вставляла туже самую, то её не будет видно.надо другую вставлять.
если другую вставляла, то скинь мне код.

0

8

`cookie
Не туже.
http://s61.radikal.ru/i172/1010/03/3dcecf23848a.jpg

0

9

http://s61.radikal.ru/i172/1010/03/3dcecf23848a.jpg

0

10

вот попробуй его вставить

Код:
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://s61.radikal.ru/i172/1010/03/3dcecf23848a.jpg)
  color: #3f5203;

0

11

`cookie
Тоже нет.

0

12

ShemiFox5
офф, да не знаю, что может быть.
скинь мне код, куда ты вставляла шапку.

0

13

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-image: url(http://s11.radikal.ru/i183/1010/f0/c06a4486cc87.jpg)
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #000099;
  color: #FFFFFF;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #000099;
  color: #FFFFFF;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #000099;
  color: #FFFFFF;
  font-weight: normal;
font-style: italic;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://s61.radikal.ru/i172/1010/03/3dcecf23848a.jpg)
  color: #3f5203;
 
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
 
  background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg)
  color: #FFFFFF
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
 
  background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg)
  color: #FFFFFF
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #000089;
  color: #FFFFFF
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0000CC;
  color: #FFFFFF;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #0000CC;
  color: #FFFFFF
}

0

14

Код:
[quote=ShemiFox5]/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
 
  background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg)
  color: #FFFFFF
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
 
  background-image: url(http://s61.radikal.ru/i171/1010/ad/b96447ad5c09.jpg)
  color: #FFFFFF
  }[/quote]

убери пробел между строчками в тегах

0

15

`cookie
Что-то опять не появляется!

0

16

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

0

17

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

0

18

`cookie
Ну нет,я подумала если я буду картинки вставлять,то будет лучше,а с ссылками проблемы.

0

19

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

0

20

следующее задание(когда вставишь все картинки)
Этот код отвечает за положение шапки.
то, что выделено, то отвечает за высоту шапки, изменяя цифры ты сможешь увеличить шапку.

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 389px;
margin-bottom: -1px;
}

0

21

`cookie
Поставила.Только её две получилось.

0

22

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

0

23

`cookie
Я радикалом делаю,но вторая картинка не пропадает.

0

24

тогда 2 способ)
этот код вставляется в структуру. смотри внимательно, там где он, там и изменяешь!

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 690px;
  position: relative;
  }

то, что жирным, то и меняешь!

0

25

`cookie
Всё норм,только форум немного уменьшился.

0

26

ShemiFox5
нет, нет, нет. так не пойдёт. ты слишком сильно уменьшила форум. попробуй ещё раз

0

27

`cookie
У меня что-то не получается.

0

28

ShemiFox5 написал(а):

У меня что-то не получается.

нет, очень даже хорошо) только теперь картинку в шапке увеличь)

0


Вы здесь » Форум ярких идей » Школа Стилей » Уроки Фокси.


Рейтинг форумов | Создать форум бесплатно