Blue

AQQ.eu

Tło | Pasek przewijania | Linki | Wiadomość przychodząca | Wiadomość wychodząca | Załącznik
Tło
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


body {
cursor: default;
overflow: auto;
background-color: #21283e;

Uwaga!
W selektorze body definiujemy również wygląd paska przewijania.




Pasek przewijania
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


Uwaga!
Jest to ciąg dalszy selektora body.

scrollbar-base-color: #21283e;
scrollbar-arrow-color: gold;
scrollbar-track-color: #495068;
scrollbar-3dlight-color: #9499ad;
scrollbar-highlight-color: #ff0000;
scrollbar-darkshadow-color: #21283e;
scrollbar-shadow-color: #0000ff;
}

Screen




Linki
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


1. Wygląd zwykłego, aktywnego i odwiedzonego linku:

a, a:active, a:visited {
color: #ffd600;
text-decoration: none;
}


2. Wygląd linku po najechaniu na niego kursorem myszy:

a:hover {
text-decoration: underline;
color: orange;
}




Wiadomość przychodząca
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


Screen

1. Wygląd belki informacyjnej:

.lookin {
background-color: #11131d;
color: white;
text-align: left;
vertical-align: text-top;
font-family: Tahoma;
font:10px;
padding: 5 5 0 5;
}

Screen


2. Nick:

.lookintext {
background-color: #11131d;
color: white;
text-align:left;
font-family: Tahoma;
font:10px;
font-weight:bold;
padding: 5 5 7 5;
}


3. Jabber ID:

.jid {
color: #5b786e;
}


4. Treść wiadomości:

.msgin {
background-color: #11131d;
color: whitesmoke;
text-align:left;
word-wrap: break-word;
font-family: Tahoma;
font:11px;
padding: 0 5 5 6;
border-bottom: 1px solid #3b4458;
}




Wiadomość przychodząca
Do góry
Indeks
Link
"../Standard/Archive/in.htm"


<div class="lookin" style="float: right;">CC_DAYNAME :: CC_TIME</div>
<div class="lookin" style="float: left;">CC_SHOWTYPE</div>
<div class="lookintext" style="float: center;">
CC_YOU ::
<span class="jid">CC_JID</span>
</div>
<div class="msgin">
CC_TEXT
</div>

CC_DAYNAME
CC_TIME
CC_SHOWTYPE
CC_YOU
CC_JID
CC_TEXT
nazwa dnia tygodnia.
godzina przyjścia wiadomości.
ikona stanu.
nick rozmówcy.
Jabber ID rozmówcy.
treść przychodzącej widomości.

Screen




Grupowa wiadomość przychodząca
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


Screen

1. Kolory i tło:

.groupin {
background-color: #11131d;
width:100%;
color: whitesmoke;
text-align:left;
word-wrap: break-word;
font-family: Tahoma;
font:11px;
padding: 5 5 5 6;
border-bottom: 1px solid #3b4458;
}


2. Godzina przyjścia wiadomości:

.gtimein {
float: right;
font: 10px;
color: white;
}




Grupowa wiadomość przychodząca
Do góry
Indeks
Link
"../Standard/Archive/groupin.htm"


<div class="groupin">
<div class="gtimein">:: CC_TIME</div>
CC_TEXT
</div>

CC_TIME
CC_TEXT
godzina przyjścia wiadomości.
treść przychodzącej widomości grupowej.




Wiadomość wychodząca
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


Screen

1. Wygląd belki informacyjnej:

.lookout {
background-color: #21283e;
color: skyblue;
text-align:left;
vertical-align: text-top;
font-family: Tahoma;
font:10px;
padding: 5 5 0 5;
}

Screen


2. Nick:

.lookouttext {
background-color: #21283e;
color: skyblue;
text-align:left;
vertical-align: text-top;
font-family: Tahoma;
font:10px;
font-weight:bold;
padding: 5 5 7 5;
}


3. Jabber ID:

.jid {
color: #5b786e;
}


4. Treść wiadomości:

.msgout {
background-color: #21283e;
font:11px;
text-align:left;
border-bottom: 1px solid #3b4458;
color: silver;
word-wrap: break-word;
font-family: Tahoma;
font:11px;
padding: 0 5 5 6;
}




Wiadomość wychodząca
Do góry
Indeks
Link
"../Standard/Archive/out.htm"


<div class="lookout" style="float: right;">CC_DAYNAME :: CC_TIME</div>
<div class="lookout" style="float: left;">CC_SHOWTYPE</div>
<div class="lookouttext" style="float: center;">
CC_ME ::
<span class="jid">CC_JID</span>
</div>
<div class="msgout">
CC_TEXT
</div>

CC_DAYNAME
CC_TIME
CC_SHOWTYPE
CC_YOU
CC_JID
CC_TEXT
nazwa dnia tygodnia.
godzina nadania wiadomości.
ikona stanu.
nick nadawcy.
Jabber ID nadawcy.
treść wychodzącej widomości.

Screen




Grupowa wiadomość wychodząca
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


Screen

1. Kolory i tło:

.groupout {
background-color: #21283e;
width:100%;
color: silver;
text-align:left;
word-wrap: break-word;
font-family: Tahoma;
font:11px;
padding: 5 5 5 6;
border-bottom: 1px solid #3b4458;
}


2. Godzina wysłania wiadomości:

.gtimeout {
float: right;
font: 10px;
color: skyblue;
}




Grupowa wiadomość wychodząca
Do góry
Indeks
Link
"../Standard/Archive/groupout.htm"


<div class="groupout">
<div class="gtimeout">:: CC_TIME</div>
CC_TEXT
</div>

CC_TIME
CC_TEXT
godzina wysłania wiadomości.
treść wychodzącej widomości grupowej.




Załącznik
Do góry
Indeks
Link
"../Standard/Archive/Body.htm"


Screen

1. Kolory i tło:

.attachment {
background-color: #11131d;
background-image: url(attach.png);
color: whitesmoke;
text-align:left;
word-wrap: break-word;
font-family: Tahoma;
font:10px;
padding: 5 5 5 6;
border-bottom: 1px solid #3b4458;
}


2. Wygląd załącznika:

.attachment img {
margin: 0 0 0 0;
vertical-align: middle;
}




Załącznik
Do góry
Indeks
Link
"../Standard/Archive/Attachment.htm"


<div class="attachment">
<span>CC_ATTACH_ICON CC_ATTACH_CAPTION: </span><span>CC_ATTACH_SHORT</span>
</div>

CC_ATTACH_ICON
CC_ATTACH_CAPTION
CC_ATTACH_SHORT
ikona.
napis "Załącznik:".
skrócona nazwa załącznika.

Screen




Ostatnia aktualizacja: AQQ Pomoc
© 2008-2009 Design by wu112. Zgodność ze standardem HTML i CSS.