ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Безопасность и Уязвимости > Избранное
   
 
 
Опции темы Поиск в этой теме Опции просмотра

AntiChatZilla
  #1  
Старый 25.12.2007, 23:05
Аватар для BlackCats
BlackCats
Постоянный
Регистрация: 01.02.2006
Сообщений: 970
Провел на форуме:
9254548

Репутация: 1942


По умолчанию AntiChatZilla

привет всем античатовцам =)
итак, сидя однажны в ирк, мне захотелось поменять внешний вид, но из предложенных по стандарту в чатзилле, мне как-то ни 1 не приглянулось.. ну я и решил сделать свою, итак поехали =)

AntiChatZilla


AntiChatZilla это моя сборка IRC клиента ChatZilla, под стиль нашего форума .
итак, список изменений:
изменены все цвета текста, под цвета форума.
смайлы заменены смайлами из форума.
изменен фон главного окна, поля ввода, списка ников.
изменена информационная панелька вверху форума(фон, цвета + картинка)
вобщем постарался сделать максимально похожим на дизайн форума =)

[Техническая Сторона]


итак, для установки достаточно найти у себя
файл
chatzilla.jar (лежит гденибудь тут: C:\Documents and Settings\USER\Application Data\Mozilla\Firefox\Profiles\ (ищите поиском) )
и заменить на этот:
http://www.rapidshare.ru/516368
если вы для начала хотите опробывать этот стиль у себя(он будет не полным), просто напишите:
Код:
/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 за хостинг для "пробника" и всех остальных, за всё остальное =)
+++++++++++++++++++++++++++++++++++++
также хочу добавить:
я сделал, решил поделиться с вами, никих понтов, и просьба не говорить говно, я же не купить вам предлагаю, использование добровольно, можете юзать, можете не юзать.

Последний раз редактировалось BlackCats; 28.09.2008 в 19:27..
 
Ответить с цитированием
 





Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ