привет всем античатовцам =) итак, сидя однажны в ирк, мне захотелось поменять внешний вид, но из предложенных по стандарту в чатзилле, мне как-то ни 1 не приглянулось.. ну я и решил сделать свою, итак поехали =) AntiChatZilla AntiChatZilla это моя сборка IRC клиента ChatZilla, под стиль нашего форума . итак, список изменений: изменены все цвета текста, под цвета форума. смайлы заменены смайлами из форума. изменен фон главного окна, поля ввода, списка ников. изменена информационная панелька вверху форума(фон, цвета + картинка) вобщем постарался сделать максимально похожим на дизайн форума =) [Техническая Сторона] итак, для установки достаточно найти у себя файл chatzilla.jar (лежит гденибудь тут: C:\Documents and Settings\USER\Application Data\Mozilla\Firefox\Profiles\ (ищите поиском) ) и заменить на этот: http://www.rapidshare.ru/516368 если вы для начала хотите опробывать этот стиль у себя(он будет не полным), просто напишите: Code: /motif http://heliosart.info/1.css (ссылка сдохла) /motif http://killbill.jino-net.ru/cz.css (новая, живая ссылка) вот код ксс: HTML: @import url(chrome://chatzilla/content/output-base.css); body.chatzilla-body { /* The topmost container in the ChatZilla */ background: #2B2F34; /* output window. */ background-image: url(http://forum.antichat.ru/antichat/pic/logo.gif); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; /* background-image: url(big-border.png); background-position: top left; background-repeat: repeat-y; */ color: #E0E3EF; } treechildren { background: #242629; background-image: url("http://i047.radikal.ru/0712/cf/37ffa8d85fac.png"); /* background-origin: content; !important */ background-position: top left; background-repeat: repeat-y; /*background-attachment: fixed;*/ font-weight: bold !important; color: #FFFFFF !important; /* font-family: "tahoma";*/ } .header { color: #B3B3BF; background-color: #242629; background-image: url("http://i047.radikal.ru/0712/cf/37ffa8d85fac.png"); background-image: url("http://forum.antichat.ru/antichat/pic/logo.gif") !important; background-position: top center; background-repeat: no-repeat; } .msg-table { } a.chatzilla-link { color: #E7E7EB; font-weight: bold; } a.chatzilla-link:visited { color: #B5B5DF; font-weight: bold; } a.chatzilla-link:hover { color: #ffb200; } .msg[msg-type="JOIN"] .msg-data, .msg[msg-type="PART"] .msg-data .msg[msg-type="QUIT"] .msg-data { background: #44474F; color: #FFFFFF; font-weight: bold; -moz-border-radius: 2px 2px 2px 2px; } .chatzilla-rheet { font-size: larger !important; } .chatzilla-highlight[name="Large"] { font-size: 12pt; } .chatzilla-highlight[name="Small"] { font-size: 8pt; } .chatzilla-highlight[name="Bold text"] { font-weight: bold; } .msg-type { /* .msg-type = message type */ color: white; /* indicator */ font-weight: bold; font-size: larger; } .msg-user { /* msg-user = nickname portion of */ color: white; /* a message (channel and query */ } /* views) */ .msg[mark="even"] .msg-data { /* use even/odd marks to create a */ color: #C1C1C7; /* subtle brightness change when */ } /* the speaker changes. */ .msg[msg-type="HELLO"] .msg-data { color: yellow; } .msg[msg-type="ERROR"] .msg-data { background: white; color: black; } .msg[msg-type="USAGE"] .msg-data { color: #D1D1DF; } .msg[msg-type="ACTION"] .msg-data { font-style: oblique; color: #9ACD32; } .msg[msg-type="NICK"] .msg-data { color: #EAFFCA; } .msg[msg-type="NOTICE"] .msg-data, .msg[msg-type="MODE"] .msg-data { font-weight: bold; color: white; } .msg[msg-type="KICK"] .msg-data { font-weight: bold; color: #67CF9C; } /* important="true" means that the message has text from your /stalk list in * it, has your nickname in it, or was spoken by someone in your /stalk list. */ .msg[important="true"] { background: #44474F; } .msg-user:before, .msg-user:after { font-weight: bold; font-size: larger; color: #98FB98; } .msg[msg-type="ACTION"] .msg-user:before { content: "*"; font-weight: bold; font-size: larger; } .msg[msg-user="ME!"] .msg-user:before, .msg[msg-user="ME!"] .msg-user:after { color: #67CF9C; } /* private messages *not* in a query window */ .msg[dest-type="IRCUser"] .msg-user:before, .msg[dest-type="IRCUser"] .msg-user:after { color: #8F8F8F; } .msg[msg-dest="ME!"] .msg-user:before, .msg[msg-dest="ME!"] .msg-user:after { color: orange; } /* private messages in a query window */ .msg[view-type="IRCUser"] .msg-user:before, .msg[view-type="IRCUser"] .msg-user:after { color: white; } .msg[view-type="IRCUser"][msg-user="ME!"] .msg-user:before, .msg[view-type="IRCUser"][msg-user="ME!"] .msg-user:after { color: #67CF9C; } textarea, .bginput { background-color: #31333B; color: #B9B9BD; font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border: 1pt solid #646C71; } .button { background-color: #31333B; color: #B9B9BD; font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border: 1pt solid #646C71; } .tcat { background-color: #31333B repeat-x top left; color: #A8A8AD; font: bold 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead { background-color: #31333B repeat-x top left; color: #A5A5B2; font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .wysiwyg { background-color: #31333B; color: #f7f7f7; font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border: 1px solid #131619; } select { background-color: #31333B; color: #B9B9BD; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .panel { background-color: #31333B; color: #B9B9BD; padding: 10px; border: 2px solid #000000; } создавал по нескольким шаблонам, при этим сам не очень то знаю css, так что в коде присутствует немного мусора. скриншоты остальное если у вас есть желание развивать проэкт, напишите какойнибудь интересный плагин, добавте что-нибудь ещё интересное, античат не забудет ваши старания =) +++++++++++++++++++++++++++++++++++++ если вы нашли какую-то недоработку\ошибку\баг, пишите, постараюсь исправить. +++++++++++++++++++++++++++++++++++++ благодарю ирк канал античата за помощь в бета тестинге, Helios'a за хостинг для "пробника" и всех остальных, за всё остальное =) +++++++++++++++++++++++++++++++++++++ также хочу добавить: я сделал, решил поделиться с вами, никих понтов, и просьба не говорить говно, я же не купить вам предлагаю, использование добровольно, можете юзать, можете не юзать.
а че такое в центру?) имхо ненужно -) видимо ты давно скрины делал, ведь рояла(это вроде задохлик) давно небыло
Поставил себе, понравилось но, вернулся на любимый xchat не сочтите за рекламу.. ТС молодец работа хорошая..
ни стал ставить, так как на чатзиле сидел всю жизнь и по скринам вижу что ничего нового, там не сделано.скин на сколько я вижу стандартный.black, если я не ошибаюсь, называться. Что нового ???
парень, ты бредиш, тёмный скин совершенно нетакой, подьорка цветовв иная, картинок нету, контактлист стандартный,смайликов ачатоских нету, поле ввода, всё вообще стандартное, твоё вообщение полнейши бред, они оч сильно отличаются.
Коту респект за то что старался, юзать не буду но радует как человек без особых знаний в цсс итд всётаки взялся и сделал. Я думаю что картинку с середины надо убрать таки в угол и ниже на фон пустить вот это http://forum.antichat.ru/antichat/pic/shbg.gif в переделанном варианте естественно.
что ж вас так все поперло под дизайн ачата рисовать такое ащушение что дома у вас обои такие же... разнообразие это хорошо...
Шрифты чесно говоря лажовенькие. Да и цвета текста тоже не понятно какие. Кроме серого фона и обойного правого края смотреть не на что...
обновил первый пост. Залил быстрый вариант к себе: старая ссылка странно - почему сдохла. полную версию.. поискать надо бы..
а чем тебе это не готовый вариант? это как раз дял самых ленивых - для установки нужно всего лиш написать 1 строчку. или ты о чём-то другом? =)
Умеете вы.. "наступить на больную мозоль".. аж слёзы на глазах. Нет её уж года два https://forum.antichat.ru/threads/439608/
Там по "добавлению" вроде как.. В общем вот там подробности -> https://forum.antichat.ru/threads/435746/