Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   Избранное (https://forum.antichat.xyz/forumdisplay.php?f=89)
-   -   AntiChatZilla (https://forum.antichat.xyz/showthread.php?t=56541)

BlackCats 25.12.2007 23:05
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, так что в коде присутствует немного мусора.


скриншоты


http://i033.radikal.ru/0712/d7/1d9baaeb9c86t.jpg
http://i048.radikal.ru/0712/65/a8506714e9f4t.jpg


остальное

если у вас есть желание развивать проэкт, напишите какойнибудь интересный плагин, добавте что-нибудь ещё интересное, античат не забудет ваши старания =)
+++++++++++++++++++++++++++++++++++++
если вы нашли какую-то недоработку\ошибку\баг, пишите, постараюсь исправить.
+++++++++++++++++++++++++++++++++++++
благодарю ирк канал античата за помощь в бета тестинге, Helios'a за хостинг для "пробника" и всех остальных, за всё остальное =)
+++++++++++++++++++++++++++++++++++++
также хочу добавить:
я сделал, решил поделиться с вами, никих понтов, и просьба не говорить говно, я же не купить вам предлагаю, использование добровольно, можете юзать, можете не юзать.

Sn@k3 25.12.2007 23:35
а че такое в центру?) имхо ненужно -)
видимо ты давно скрины делал, ведь рояла(это вроде задохлик) давно небыло

.W 25.12.2007 23:52
Поставил себе, понравилось но, вернулся на любимый xchat не сочтите за рекламу..
ТС молодец работа хорошая..

ultimatum 26.12.2007 11:36
ни стал ставить, так как на чатзиле сидел всю жизнь и по скринам вижу что ничего нового, там не сделано.скин на сколько я вижу стандартный.black, если я не ошибаюсь, называться.

Что нового ???

BlackCats 26.12.2007 12:23
Цитата:
ни стал ставить, так как на чатзиле сидел всю жизнь и по скринам вижу что ничего нового, там не сделано.скин на сколько я вижу стандартный.black, если я не ошибаюсь, называться.

Что нового ???
парень, ты бредиш, тёмный скин совершенно нетакой, подьорка цветовв иная, картинок нету, контактлист стандартный,смайликов ачатоских нету, поле ввода, всё вообще стандартное, твоё вообщение полнейши бред, они оч сильно отличаются.

[ DSU ] 26.12.2007 12:30
Коту респект за то что старался, юзать не буду но радует как человек без особых знаний в цсс итд всётаки взялся и сделал.
Я думаю что картинку с середины надо убрать таки в угол и ниже на фон пустить вот это
http://forum.antichat.ru/antichat/pic/shbg.gif в переделанном варианте естественно.

guest3297 26.12.2007 16:26
что ж вас так все поперло под дизайн ачата рисовать такое ащушение что дома у вас обои такие же... разнообразие это хорошо...

_kREveDKo_ 27.12.2007 16:30
Шрифты чесно говоря лажовенькие. Да и цвета текста тоже не понятно какие. Кроме серого фона и обойного правого края смотреть не на что...

BlackCats 27.12.2007 21:33
поменяйте как вам нравица, благо исходный код открыт, и перед вами =)

BlackCats 05.01.2008 17:13
а дайте плз родной
chatzilla.jar
ато я проипал =))

luz3r 28.09.2008 18:57
выложите у кого остался , ибо ссылка сдохла.. =(

BlackCats 28.09.2008 19:25
обновил первый пост.

Залил быстрый вариант к себе:

Цитата:
http://killbill.jino-net.ru/cz.css
старая ссылка странно - почему сдохла.
полную версию.. поискать надо бы..

m9chik 28.09.2008 21:27
имбо выложите уже готовый вариант :d думаю есть линивые тута

BlackCats 28.09.2008 21:56
Цитата:
имбо выложите уже готовый вариант :d думаю есть линивые тута
а чем тебе это не готовый вариант? это как раз дял самых ленивых - для установки нужно всего лиш написать 1 строчку.

или ты о чём-то другом? =)


Время: 01:56