Оформление чата

Поделиться129-11-2009 22:53:37

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

По моему излишне говорить что внутреннее оформление нашего чата мягко говоря скучновато!
Выбор не особо велик, всего три варианта (стандартный,черный,кирпичный)!
Также не всегда совпадают взгляды по оформлению у дизайнера с обитателями чата.
Претензий к дизайнеру нет-как говорится "на вкус и цвет фломастеры разные" угодить всем не возможно(что собственно сегодня и произошло).
Безусловно преображать вид чата необходимо....но,думаю "постоянным обитателям" беседки будет приятно иметь хоть какое-то разнообразие оформления!
_________________________________________________________________________________________________________________

Собственно вот что могу предложить!

Сложного ничего нет!
Изменения стиля в первый раз может занять немного времени,максимум 5 минут( пока вы не приловчитесь) однако в последствии вы сможете менять стили хоть с периодичностью 5-10 стилей в минуту!

____Изменение стиля на ОПЕРЕ_____

(Откройте блокнот на вашем компе. Скопируйте код стиля. Сохраните с названием -например- "красный.css"!!!Расширение CSS обязательно!)

1) Откройте браузер!
2) Запустите страничку с чатом!
3) Правой кнопкой мыши нажмите на пустое пространство!
4) Выберите вкладку "Настройки для сайта"
5) Откройте вкладку "ВИД"
6) Внизу вы уведете строчку с названием "Моя таблица стилей"
7) Нажмите "обзор"
8) Укажите необходимый стиль(заранее сохраненный)
9) Нажмите "ОК"
10) Обновите страничку чата!

___Изменение стиля на Мазиле___

Данный браузер как всегда немного выпендрился! По этому
в первый раз установка стиля продлится на минуту дольше чем с Оперой!

1) Откройте браузер!
2) Пройдите по данной ссылке - https://addons.mozilla.org/ru/firefox/addon/12105
3) Нажмите "Добавить в Firefox"
4) Подождите пока добавится дополнение!И перезапустите Мазилу.
5) Откройте браузер!
6) Зайдите на страничку чата.
7) В нижнем углу вы найдете маленькую кнопочку с буквой "S"
8) Нажмите на неё
9) Выберите вкладку "Создать новый стиль"
10) Затем вкладку "Для chat100.ru/....."
11) В появившемся окошке в графе "Название" указываем любое название стиля(черный,пузырики,башенки...и т.д.)
11) В нижнем поле найдите скобочки такого вида- { }
12) Вставьте между данными скобочками скопированный стиль!
13) нажмите "ОК"
14) Обновите страничку
_________________________________________________________________
СТИЛИ БУДУТ УКАЗАНЫ НИЖЕ
____________________________________________________
ДЛЯ ПОЛУЧЕНИЯ КОДА НА СТИЛЬ - В СООБЩЕНИИ УКАЖИТЕ НОМЕР СТИЛЯ!

Отредактировано CheenA (29-11-2009 23:06:33)

0

Поделиться229-11-2009 22:55:39

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

Вот так может выглядеть ваш чат!

____________________________________
1
2
3
4
5

Отредактировано CheenA (29-11-2009 23:26:15)

+2

Поделиться329-11-2009 23:02:17

Автор: KLOFILIN
Помощник Дизайнера
Зарегистрирован: 10-11-2009
Приглашений: 0
Сообщений: 28
Уважение: +16
Пол: Мужской
Возраст: 40 [1983-07-16]
Провел на форуме:
12 часов 30 минут
Последний визит:
31-03-2010 20:20:37

Супер просто нет слов,больше нет однообразия

0

Поделиться430-11-2009 01:49:38

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

6
7
8
9

____________________________________________________________
Лично у меня стоит 8й стиль! все прекрасно видно=)

Отредактировано CheenA (30-11-2009 12:37:06)

0

Поделиться530-11-2009 02:42:35

Автор: ANZIK
Модератор
Откуда: греция
Зарегистрирован: 04-06-2009
Приглашений: 0
Сообщений: 793
Уважение: +42
Пол: Женский
Возраст: 49 [1974-05-24]
Провел на форуме:
5 дней 18 часов
Последний визит:
16-10-2010 20:18:44

красиво ...вот тока проблема не у всех ето будет грузиться

0

Поделиться630-11-2009 09:15:54

Автор: ИРИША
милый,светлый Ангел
Откуда: Росиия,Москва
Зарегистрирован: 02-08-2009
Приглашений: 0
Сообщений: 151
Уважение: +14
Пол: Женский
Возраст: 28 [1995-08-08]
Провел на форуме:
2 дня 6 часов
Последний визит:
03-06-2010 16:18:25

А у меня мазила воообще всегда глючит

0

Поделиться730-11-2009 10:43:48

Автор: ARHANGEL
Ex-Дизайнер
Откуда: Made in Ukraine
Зарегистрирован: 18-09-2009
Приглашений: 0
Сообщений: 203
Уважение: +32
Пол: Мужской
Возраст: 38 [1986-04-22]
Провел на форуме:
1 день 20 часов
Последний визит:
08-03-2010 21:35:51

Вроде это стили оформления для чата ВКОНТАКТЕ Но смотрится красиво.Жалко только,что градиенты некоторых не позволят поставить себе какой либо из стилей,т.к надписи на фонах будут нечетабельны.А вообще красиво

Единственное можно нарисовать самим абстракцию в тёмных тонах Да и для самого активного фрейма чата пойдёт толкьо тёмненькое что нить.Опять же градиенты

0

Поделиться830-11-2009 12:14:09

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

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

не у всех ето будет грузиться

о_О почему не у всех?!Это входит в возможности любого браузера!

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

Вроде это стили оформления для чата ВКОНТАКТЕ Но смотрится красиво.Жалко только,что градиенты некоторых не позволят поставить себе какой либо из стилей,т.к надписи на фонах будут нечетабельны.А вообще красиво
Единственное можно нарисовать самим абстракцию в тёмных тонах Да и для самого активного фрейма чата пойдёт толкьо тёмненькое что нить.Опять же градиенты

1)на самом деле да! темы в основном из оформления контакта и не только! но прикол в том что "надеть" это оформление можно на любой сайт,чат.....
2)С градиентами действительно небольшие проблемы! но вчера пробовала с фонами и нашла такие на которых градиент отлично видно!

скрины выкладываю только тех на которых НИКИ,Надписи,градиент....и т.д. как вы выразились читабельны =)
___________________________________________________________________________________________________
знаю что многие на хроме сидят настройки к хрому вылажу чуть позже!

Отредактировано CheenA (30-11-2009 12:17:03)

0

Поделиться930-11-2009 12:46:41

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

10
______________________________
вот эта самая четкая тема=)
Все видно! ники не на черном фоне...

Отредактировано CheenA (30-11-2009 12:47:16)

0

Поделиться1030-11-2009 13:44:37

Автор: DIESEL
Администратор
Откуда: Топки
Зарегистрирован: 12-01-2009
Приглашений: 0
Сообщений: 1836
Уважение: +59
Пол: Мужской
Провел на форуме:
11 дней 2 часа
Последний визит:
07-07-2010 13:26:29

Спс)) С дизайнером скоро зацмемся оформлением внутри чата! Так что на любые неуансы не обращайте внимание)

0

Поделиться1130-11-2009 20:23:57

Автор: DIESEL
Администратор
Откуда: Топки
Зарегистрирован: 12-01-2009
Приглашений: 0
Сообщений: 1836
Уважение: +59
Пол: Мужской
Провел на форуме:
11 дней 2 часа
Последний визит:
07-07-2010 13:26:29

НУЖЕН КОД 1 и 10 СТИЛЯ)) СПАСИБО)

0

Поделиться1201-12-2009 01:45:43

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

примеряй

Поделиться1301-12-2009 14:26:42

Автор: DIESEL
Администратор
Откуда: Топки
Зарегистрирован: 12-01-2009
Приглашений: 0
Сообщений: 1836
Уважение: +59
Пол: Мужской
Провел на форуме:
11 дней 2 часа
Последний визит:
07-07-2010 13:26:29

8 стиль скинь)))

0

Поделиться1401-12-2009 16:06:03

Автор: ANZIK
Модератор
Откуда: греция
Зарегистрирован: 04-06-2009
Приглашений: 0
Сообщений: 793
Уважение: +42
Пол: Женский
Возраст: 49 [1974-05-24]
Провел на форуме:
5 дней 18 часов
Последний визит:
16-10-2010 20:18:44

мне 10 понравилось ...просто и со вкусом ..для всех ...не чат девочек или мальчиков а общий чат ...

0

Поделиться1501-12-2009 17:56:11

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

8й на 1280

0

Поделиться1601-12-2009 18:55:36

Автор: DIESEL
Администратор
Откуда: Топки
Зарегистрирован: 12-01-2009
Приглашений: 0
Сообщений: 1836
Уважение: +59
Пол: Мужской
Провел на форуме:
11 дней 2 часа
Последний визит:
07-07-2010 13:26:29

СПС))) ЕЩЕ будут варианты?

0

Поделиться1702-12-2009 10:03:52

Автор: CheenA
Нежный ЧерТёНок/Дизайнер/Модератор
Откуда: Хохляндия
Зарегистрирован: 19-05-2009
Приглашений: 0
Сообщений: 163
Уважение: +13
Пол: Женский
Возраст: 34 [1990-04-23]
Провел на форуме:
1 день 22 часа
Последний визит:
31-07-2010 19:29:37

будут но вечером=)

0

Поделиться1802-12-2009 15:34:57

Автор: ARHANGEL
Ex-Дизайнер
Откуда: Made in Ukraine
Зарегистрирован: 18-09-2009
Приглашений: 0
Сообщений: 203
Уважение: +32
Пол: Мужской
Возраст: 38 [1986-04-22]
Провел на форуме:
1 день 20 часов
Последний визит:
08-03-2010 21:35:51

А это сам код данной темыПример установки описан выше Cheena

body {background: #FFD700 url(http://ipicture.ru/uploads/080725/404RlgZaSN.jpg) no-repeat fixed top !important}
div, Select, td, TEXTAREA, span.ncc, input, a {background: transparent !important;}
#boxWrap {background: white !important}
a, h2, td, h4, A:hover {color: wheat !important}
#pageHeader
{background: url(http://ipicture.ru/uploads/080721/UGB2Mo7RuW.jpg) !important;}
DIV, b, span, TEXTAREA, a {color: gold !important}
Div.voting_result_fg, #rateLeft {background: ##FAFAD2 !important}
Div.flexHeader, Div.header {border-top: 1px solid #B2B2B2 !important; border-bottom: 1px solid #D4D4D4 !important}
select, option {background: white !important; color: silver !important}
#header, #quickquery {border:1px solid ##FAFAD2 !important}
#content {background: url(http://ipicture.ru/uploads/080721/9C1y5Lt9ZE.png) !important}#nav li a, p, B, .pageList a, div, .nc *, Div.header, div.actions, .bNav li a, #wrapH, .flexHeader, ul.buttonRow a, #profileActions a, LI, #myLink {border-color:transparent !important;}
#nav li, #nav li#myprofile a {border-bottom: 1px solid transparent !important;}
ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #td.info
{background: none !important;}
div, small, td, label, a:hover {color: #FFFFE0!important;}
#nav li a, #votingButton, .wallpost .info .header{border-color:transparent !important;}
.wallpost,.feedTime,.mailbox table .date,.wallpost .info .header small,.wallpost .info .header b,.info dt, .summary,#content h4,.audioRow b,.info_table caption,.profileName h2,.boardTopic .moreInfo,h3,H3,H4,a:hover, a {color: #FFD700 !important;}
#rateLeft, .voting_result_fg{background:#B8860B !important;}
.bOpen .flexHeader,#op_field {background:#B8860B !important;}
#votingButton{background:#B8860B !important;}
#quickquery, Div.header, div.actions, #myLink, DIV #content, TextArea,Div.playline, TD, Input, select, TH, H4, H2, #photoactions a, #photoactions .action_link, #photoactions .non_action, ul.buttonRow a, #profileActions a, .flexHeader, #wrapH, .bNav li a, .upArrow a, .dArrow a {border-color: #C0C0C0 !important}
div .note strong{color:white !important}
DIV,Select,TD,TEXTAREA,SPAN.ncc,Input,A,#quickquery,B,#endQuote,#startQuote,.actionspro,LI.written,TH,UL.pageList,.actionspro,ul.topNav li,#userProfile,#profileActions,.nc *,.groupslist table,#td.info{background:transparent none !important}

body {background: #FFD700 url(http://ipicture.ru/uploads/080725/404RlgZaSN.jpg) no-repeat fixed top !important} (это самая первая верхняя строка) ---Эта строка указывает на фоновый рисунок.Если вам нужна просто фоновая картинка,то скачать вы её можете по этому адресу http://ipicture.ru/uploads/080725/404RlgZaSN.jpg.И так из каждой темы можно вытащить фоновые рисунки.

0

Поделиться1902-12-2009 15:49:01

Автор: ARHANGEL
Ex-Дизайнер
Откуда: Made in Ukraine
Зарегистрирован: 18-09-2009
Приглашений: 0
Сообщений: 203
Уважение: +32
Пол: Мужской
Возраст: 38 [1986-04-22]
Провел на форуме:
1 день 20 часов
Последний визит:
08-03-2010 21:35:51

body {background: #707685 url('http://s59.radikal.ru/i166/0912/a9/8299f2d9e5f4.jpg') no-repeat fixed left top !important; }

#pageHeader {background: url('http://i014.radikal.ru/0806/ce/7e9d698c68f7.png') !important; }

#header, Div.header, H4, #myLink, th, #quickquery, Div.voting_result_fg, div #rateLeft, span.ncc, .flexHeader, option, input, select {background: url('http://sub-zero.moy.su/6575765.png') !important;}

.Header {background: url('http://kozlina.ru/i/0842383006.png') !important; }

div, td, textarea, span.ncc, a, #header, #quickquery, b, #endQuote, #startQuote, .actionspro, li.written, th, ul.pageList, #endQuote, #startQuote, .actionspro, ul.topNav li, #userProfile, #profileActions, .nc *, .groupslist table, #td.info, .msgOld em, .mailbox table tr.newRow, .rateTabs, .rateTabOff a, .notes_titles li, img {background: transparent none !important;}

#content, #nav li a:hover {background: url('http://vkontakte1.do.am/podlojkaSIN.png') !important; }

div, small, td, label, a:hover {color: #00c6ff !important}

a, h2, h3, h4, caption, b, span, option, input, select, strong {color: #fefefe !important}

body {text-align: left !important; margin: 0px !important; padding: 0px !important; font-family: , calibri, tahoma, verdana, arial, sans-serif !important;}

#nav li a {font-weight: normal !important}

Div.header, div.actions, #myLink, DIV #content, Div.playline, TD, Input, select, TH, H4, H2, #photoactions a, #photoactions .action_link, #photoactions .non_action, .bNav li a, ul.buttonRow a, .voteLink, #dialog, img:hover, .mailbox table td, .upArrow a, .dArrow a, a.iLink, #nav li a, .nc *, div, LI, p, B, #profileActions a, .pageList a, .scrollList a, .commnav li a, img
{border-color:transparent !important;}

#quickquery {border-color: #B2B2B2 !important}

#nav li a {background: url('http://sub-zero.moy.su/77.png') no-repeat !important;}

+1

Поделиться2002-12-2009 15:59:29

Автор: ARHANGEL
Ex-Дизайнер
Откуда: Made in Ukraine
Зарегистрирован: 18-09-2009
Приглашений: 0
Сообщений: 203
Уважение: +32
Пол: Мужской
Возраст: 38 [1986-04-22]
Провел на форуме:
1 день 20 часов
Последний визит:
08-03-2010 21:35:51

body {background: url(http://s46.radikal.ru/i114/0912/de/43dda28c67fe.jpg) no-repeat fixed left top !important}

DIV, Select, TD, TEXTAREA, SPAN.ncc,Input, B,#endQuote, #startQuote, .actionspro, LI.written, TH, UL.pageList, .actionspro, ul.topNav li, #userProfile, #profileActions, .nc *,.groupslist table,#td.info {background: black none !important}

DIV, Select, TD, TEXTAREA, SPAN.ncc, Input, A, #quickquery, B,#endQuote, #startQuote, .actionspro, LI.written, TH, UL.pageList, .actionspro, ul.topNav li, #userProfile, #profileActions, .nc *,.groupslist table,#td.info {background: transparent none !important}

#rateLeft, .voting_result_fg {background: black !important}

#rateRight, .voting_result_bg {background: transparent !important}

option {background: black !important}

a, h1, h2, h4, .note strong, #dialog h4 {color: black !important}

.header, #header, #content {background: url(http://kozlina.ru/i/4081283293.png) !important}

a:hover, #nav li a:hover {color: grey !important;}

#myLink, td, small, caption, span, p, b, LI, Div, #nav li a, input, select, option, dd, label {color: black !important; font-weight: bold !important}

#quickquery, div.actions, #myLink, #content, TextArea,Div.playline, TD, Input, select, TH, H4, H2, #photoactions a, #photoactions .action_link, #photoactions .non_action, .bNav li a, ul.buttonRow a, .header, .flexHeader, #wrapH
{border-color: white !important}

#wrapH {border-bottom: 3px solid white !important}

#nav li a, .nc *, LI, p, B, #profileActions a, .pageList a, div {border-color:transparent !important;}

#pageHeader {background-image: url(http://i033.radikal.ru/0806/cd/56c0488867d0.png) !important;}

.upArrow a, .dArrow a {background-color:white !important; border:1px solid #F8F8FF !important;}

0

Форум БЕСЕДКА

Меню навигации

Пользовательские ссылки

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