BlackCats
25.12.2007, 23:05
привет всем античатовцам =)
итак, сидя однажны в ирк, мне захотелось поменять внешний вид, но из предложенных по стандарту в чатзилле, мне как-то ни 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 (новая, живая ссылка)
вот код ксс:
@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, так что в коде присутствует немного мусора.
скриншоты
http://i033.radikal.ru/0712/d7/1d9baaeb9c86t.jpg (http://radikal.ru/F/i033.radikal.ru/0712/d7/1d9baaeb9c86.png.html)
http://i048.radikal.ru/0712/65/a8506714e9f4t.jpg (http://radikal.ru/F/i048.radikal.ru/0712/65/a8506714e9f4.png.html)
остальное
если у вас есть желание развивать проэкт, напишите какойнибудь интересный плагин, добавте что-нибудь ещё интересное, античат не забудет ваши старания =)
+++++++++++++++++++++++++++++++++++++
если вы нашли какую-то недоработку\ошибку\баг, пишите, постараюсь исправить.
+++++++++++++++++++++++++++++++++++++
благодарю ирк канал античата за помощь в бета тестинге, Helios'a за хостинг для "пробника" и всех остальных, за всё остальное =)
+++++++++++++++++++++++++++++++++++++
также хочу добавить:
я сделал, решил поделиться с вами, никих понтов, и просьба не говорить говно, я же не купить вам предлагаю, использование добровольно, можете юзать, можете не юзать.
итак, сидя однажны в ирк, мне захотелось поменять внешний вид, но из предложенных по стандарту в чатзилле, мне как-то ни 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 (новая, живая ссылка)
вот код ксс:
@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, так что в коде присутствует немного мусора.
скриншоты
http://i033.radikal.ru/0712/d7/1d9baaeb9c86t.jpg (http://radikal.ru/F/i033.radikal.ru/0712/d7/1d9baaeb9c86.png.html)
http://i048.radikal.ru/0712/65/a8506714e9f4t.jpg (http://radikal.ru/F/i048.radikal.ru/0712/65/a8506714e9f4.png.html)
остальное
если у вас есть желание развивать проэкт, напишите какойнибудь интересный плагин, добавте что-нибудь ещё интересное, античат не забудет ваши старания =)
+++++++++++++++++++++++++++++++++++++
если вы нашли какую-то недоработку\ошибку\баг, пишите, постараюсь исправить.
+++++++++++++++++++++++++++++++++++++
благодарю ирк канал античата за помощь в бета тестинге, Helios'a за хостинг для "пробника" и всех остальных, за всё остальное =)
+++++++++++++++++++++++++++++++++++++
также хочу добавить:
я сделал, решил поделиться с вами, никих понтов, и просьба не говорить говно, я же не купить вам предлагаю, использование добровольно, можете юзать, можете не юзать.