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

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

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


Вы здесь » Форум БЕСЕДКА » ваши предложения » Оформление чата


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

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

1

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

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

Сложного ничего нет!
Изменения стиля в первый раз может занять немного времени,максимум 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

2

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

____________________________________
1
2
3
4
5

увеличить

увеличить

увеличить

увеличить

увеличить

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

+2

3

Супер просто нет слов,больше нет однообразия http://www.kolobok.us/smiles/artists/just_cuz/JC_ThankYou.gif  http://imgs.su/bigsmile3/yahoo.gif

0

4

6
7
8
9

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

увеличить

увеличить

увеличить

увеличить

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

0

5

http://imgs.su/bigsmile3/clapping.gif  http://imgs.su/bigsmile3/give_rose.gif красиво ...вот тока проблема  http://imgs.su/bigsmile3/girl_sad.gif не у всех ето будет грузиться

0

6

А у меня мазила воообще всегда глючит http://imgs.su/bigsmile3/dntknw.gif

0

7

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

Единственное можно нарисовать самим абстракцию в тёмных тонах  http://imgs.su/bigsmile3/scratch.gif Да и для самого активного фрейма чата пойдёт толкьо тёмненькое что нить.Опять же градиенты  http://vipforum.ws/images/smilies/kolobok_big_pack/bh.gif

0

8

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

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

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

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

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

1)на самом деле да! темы в основном из оформления контакта и не только! но прикол в том что "надеть" это оформление можно на любой сайт,чат.....
2)С градиентами действительно небольшие проблемы! но вчера пробовала с фонами и нашла такие на которых градиент отлично видно!  http://vipforum.ws/images/smilies/kolobok_big_pack/bo.gif

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

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

0

9

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

увеличить

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

0

10

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

0

11

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

0

12

первая

10я на 1152x864

на 1280x800

на 1280x1024

http://imgs.su/bigsmile3/scratch.gif   примеряй

0

13

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

0

14

мне 10 понравилось ...просто и со вкусом ..для всех ...не чат девочек или мальчиков а общий чат ... http://imgs.su/bigsmile3/blush.gif

0

15

8й на 1280

0

16

СПС))) ЕЩЕ будут варианты? http://imgs.su/bigsmile3/blush.gif

0

17

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

0

18

http://pic.ipicture.ru/uploads/080725/404RlgZaSN.jpg
А это сам код данной темыПример установки описан выше 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

19

http://s59.radikal.ru/i166/0912/a9/8299f2d9e5f4.jpg

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

20

http://s46.radikal.ru/i114/0912/de/43dda28c67fe.jpg

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


Вы здесь » Форум БЕСЕДКА » ваши предложения » Оформление чата


создать свой форум бесплатно