Оффлайновский CSS-стиль для форума

Оффлайновский CSS-стиль для форума

Devils Night

Забанен

Сообщения: 216
Благодарности: 62

Конфигурация

Профиль | Цитировать

Изменения

Автор: Devils Night
Дата: 15-11-2011
Описание: Добавил скрины + дополнения

Вложения


	css.forum.oszone.rar
(2.1 Kb, 7 просмотров)
	forum.oszone.net_green.rar
(2.1 Kb, 3 просмотров)
	Colors_Builder.rar
(186.2 Kb, 11 просмотров)

Не знаю, было ли или не было такого вопроса, по поиску тоже ничего путного не нашёл, в общем интересует оформление или стиль данного сайта, то есть как бы тема для oszone.net, хотя я думаю не редкий вопрос, (да и подразумеваю что эта тема будет полезна, дабы не занудствовать и не переспрашивать админов и модеров о добавлении темы, стиля и.т.д, и.т.п, т.к пользователь может сам изменить стиль), в гугле что-то было, почитал, рассказывалось о том что типа некоторые сайты, форумы это не поддерживают, а где-то и вовсе, основателю сайта ради этого придётся весь движок переписывать, ну и ещё с пол тонны инфы перелистал, в итоге нашёл что-то, но не совсем то, проще говоря как бы решение есть, сделать это в оффлайн режиме, т.е стиль будет грузится с диска, а не с сайта, но тут есть одно но, коды CSS стиля не совсем такие как у сайта и/или сайтов, если бы грузился обычный CSS сайта, то отредактировать его не составило бы и труда, да и найти стиль хотя бы этого форума так же не составило особого труда, да и думаю никому не секрет. Но там и там, отличия значительные, и очень отличается.

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

Вот набросал такой не затейливый CSS-стиль

Код:

body {Font-Family: LIBERATION SANS, MICROSOFT SANS SERIF,LUCIDA SANS,VERDANA,ARIAL!IMPORTANT; BACKGROUND:#111111 NO-REPEAT FIXED CENTER TOP!IMPORTANT;BACKGROUND-SIZE:COVER!IMPORTANT}

div {background-color:#333333!important}
div {color:#999999!important}

/*Ссылка*/
a {color:#cccccc!important}

/*Подсвечивание текста*/
/*a:hover {text-shadow: 1px 1px 11px!important;}*/

td {background: transparent/*url(http://i1.imageban.ru/out/2011/11/14/632762d0fc5e5f4e953f226e871b1822.png) top repeat-x*/ !important}
h1 {background: rgb(0, 0, 0) url(http://i1.imageban.ru/out/2011/11/14/632762d0fc5e5f4e953f226e871b1822.png) top repeat-x! important}
h2 {background:transparent!important}
h3 {background:transparent!important}
h4 {background:transparent!important}
h5 {background:transparent!important}
h6 {background:transparent!important}

hr {color:#00FF00!important}

input[type="search"] {border-color:#FF0000!important}
input[type~="search"] {border-color:#FF0000!important}
input[type="text"] {border-color:#0000FF!important}
input[type~="text"] {border-color:#FFFFFF!important}
input[type="password"] {border-color:#0000FF!important}
input[type~="password"] {border-color:#FFFFFF!important}

h1 {border-color:#0000FF!important}
h2 {border-color:#0000FF!important}
h3 {border-color:#0000FF!important}
h6 {border-color:#0000FF!important}

/*Фон таблица*/
table {background:#333333!important}

/*Бордюр*/
table {border-color:#777777!important}

/*Название темы:*/
span {color:#FF0000!important}

/*Окно навигации*/
TD {border-color:#999999!important}

/*Кнопки*/
input {border-color:#999999!important}
/*input {background:#555555!important}*/

/*Окно ввода текста*/
textarea {background:#222222!important}

/*Текст в форуме*/
td {color:#dddddd!important}

/*Окно навигации*/
select {color:#fefefe!important}
.s_title {color:#fefefe!important}

/*Не известно*/
#edit_activity_select {border-color:#0000FF!important}
textarea {border-color:#0000FF!important}



div {background: none! important; border-color: transparent! important}


button,input {background: rgb(0, 0, 0) url(http://i1.imageban.ru/out/2011/11/14/632762d0fc5e5f4e953f226e871b1822.png) top repeat-x! important; border-color: rgb(0,202,255)! important}

a:hover, a:hover span, h4, .author, .label, td, #header b, .header_bottom, .notes_note_title a {color: rgb(0,202,255)! important}

html .nav_razdel {font-size:12px; color:#ee0000; font-weight:bold;background:url(http://i1.imageban.ru/out/2011/11/14/632762d0fc5e5f4e953f226e871b1822.png) repeat-x bottom; padding-bottom:4px; margin-bottom:2px; padding-top:10px;}


html a {color:#5c8599 !important; text-decoration:underline !important}
html a:visited, html a:active {color:#525f66 !important}
html a:hover {color:#cef !important; background:#023 !important;}

html button:focus {background:#5c5b3e !important; color:#fff !important; border-color: #474100 #665d00 #7a7849 !important; outline: 2px solid #041d29 !important;}

html input:focus, html select:focus, html option:focus, html textarea:focus {background:#555555 !important; color:#fff !important; border-color: #474100 #665d00 #7a7849 !important; outline: 2px solid #041d29 !important;}

Хотя, этот стиль работает и на других сайтах, проверял лично.

Стиль в основном работает в Опере, на других браузерах не тестировал.
Установка:
Распаковываем css.forum.oszone.rar в какую нибудь папку, ну например в папку опера.
Заходим на любой сайт, т.е на тот где вы хотите что бы стиль изменился, например http://forum.oszone.net/.
После, в любом пустом месте где нет ссылок, кликаем правой кнопкой мыши.
Дальше выбираем Настройки для сайта, откроется диалоговое окно.
Выбираем Вид, видим Моя таблица стилей рядом с полем жмём кнопку обзор, выбираем стиль, т.е файл css.forum.oszone.css, потом открыть и жмём ок.
Перезагружаем сайт (Обновляем страницу в браузере, обычно по кнопке F5), и вуаля, оформление сайта изменилось.

Скрины

Добавил для примера зелёный стиль forum.oszone.net_green.css

и программу Colors Builder для работы над цветом.

И ещё раз повторюсь, стиль доработан частично, потому как я не силён в оффлайновском CSS.
Да кстати, если заметите подобное, типа /*Код или текст*/, текст лучше не трогать, потому оно как бы не мешает, создано для лёгкости понятия от куда и для чего оно нужно, а в коде, "/*" "*/" можете просто убрать, или добавить, "/*" "*/" является для закоментирования текста/кода.

Это сообщение посчитали полезным следующие участники:

Amigos

Отправлено: 00:07, 15-11-2011

Amigos

Модератор

Сообщения: 8288
Благодарности: 2857

Профиль | Отправить PM | Цитировать

Цитата Devils Night:

Перезагружаем сайт, и вуаля, оформление сайта изменилось. »

скриншот бы.
чтобы знать стоит овчинка выделки, или и "так сойдёт"

в качестве алаверды для хрома и фаерфокса есть Stylish
вот примерный скрины при заюзании на этом форуме:
http://s002.youpic.su/pictures/13213...117798aa18.png
http://s002.youpic.su/pictures/13213...90307be10e.png

Это сообщение посчитали полезным следующие участники:

Devils Night, Iska

Отправлено: 08:15, 15-11-2011 | #2