Перейти к содержанию

Первый опыт работы с CSS


SUAMF

Рекомендуемые сообщения

Недавно решил создать стиль для своего форума, в тёмных тонах. За основу взял стандартный стиль. Через день работы с кодом я закончил работу с ним. В итоге, вышел стиль не очень в тёмных тонах  :O . Прошу оценить получившийся изменённый стандартный стиль :) Так я его и назвал - "IP Board Dark"  :think:

Скриншоты:

Профиль:

post-7640-0-22646800-1366736308_thumb.pn

 

Настройки профиля:

post-7640-0-31960800-1366736336_thumb.pn

 

Индекс:

post-7640-0-87250900-1366736365_thumb.pn

 

Кто хочешь протестировать стиль, вот файлы:

ip-board-dark.xml.gz

images-dark.xml.gz

Тест-форум на этом стиле можно найти по адресу _fotoschool.hol.es (беспл. хостинг для тест форума)

 

Стиль полностью совместим с 3.4.Х. На 3.3.Х я не тестировал  :(

 

PS: создал именно в этом разделе, т.к. лишь просто хочу оценки, комментариев и советов  :music:

Ссылка на комментарий
Поделиться на другие сайты

Не плохо, но до 5ти балов не дотягивает, продолжай экспериментировать с css

Ссылка на комментарий
Поделиться на другие сайты

молодец, для начинающего, думаю многие захотят такой для своих CS серверов ))

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

 

если ты про рамки вокруг подфорумов, то за это отвечает следующий код (в моём стиле):

.ipsBox {
background: #585858;

Так же .ipsBox отвечает за другие элементы (в стиле видно).

Ссылка на комментарий
Поделиться на другие сайты


если ты про рамки вокруг подфорумов, то за это отвечает следующий код (в моём стиле):

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

Ссылка на комментарий
Поделиться на другие сайты

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

В ipb_style.css он один о_0. А отвечает он действительно за многое. Точнее, что бы отвечало именно за эту часть бэкграунда, силами css вроде никак. По карйней мере, мне - никак. Я конечно, попробую, но не ручаюсь за результат.

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

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

 

Для этого в ipb_styles.css находим

background: #585858;
          -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          box-shadow: 0 0 10px rgba(0,0,0,0.5);
          padding: 3px;
          }

и сразу после добавляем

/*maintitle_class*/
.ipdBox {
          background: #код нужного цвета;
          -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          box-shadow: 0 0 10px rgba(0,0,0,0.5);
          padding: 7px;
          }

                .ipdBox_notice, .ipdBox_highlight {
		background: #f4fcff;
		border-bottom: 1px solid #cae9f5;
	}

На этом css закончилось. Далее идём в boardindexTemplate и находим

<div class='ipsBox table_wrap'>

заменяем на 

<div class='ipdBox table_wrap'>

Мы попеняли отвечающий за фон подфорумов. У меня это получилось так:

post-7640-0-75741500-1366743455_thumb.pn.

Ссылка на комментарий
Поделиться на другие сайты


В ipb_style.css он один о_0. А отвечает он действительно за многое

правильно, параметр всего один, но встречается уйму раз, вот мне и интересно, где конкретно у тебя в коде нужно править, чтобы поменять цвет рамок и цвет шапки блоков, таких как "общение и творчество" (это я говорю чтобы понятнее было и например, в стилях они обычно одинаковые и шаблонизированы)

Ссылка на комментарий
Поделиться на другие сайты

правильно, параметр всего один, но встречается уйму раз, вот мне и интересно, где конкретно у тебя в коде нужно править, чтобы поменять цвет рамок и цвет шапки блоков, таких как "общение и творчество" (это я говорю чтобы понятнее было и например, в стилях они обычно одинаковые и шаблонизированы)

выше добавил

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...