"../Standard/elements.xml"
<forms>
<form class="TfrmMain">
</forms>
<control name="pnSMSTop" color="495068"/>
<control name="pnSMSMiddle" color="495068"/>
<control name="pnSMSMsg" color="495068"/>
<control name="pnSMS" color="495068"/>
<control name="lbSMSMsg" fontcolor="ffd600"/>
<control name="lbChars" fontcolor="ffd600"/>
</form><control name="pnSMSMiddle" color="495068"/>
<control name="pnSMSMsg" color="495068"/>
<control name="pnSMS" color="495068"/>
<control name="lbSMSMsg" fontcolor="ffd600"/>
<control name="lbChars" fontcolor="ffd600"/>
"../Standard/SMS/Body.htm"
body {
overflow: auto;
background-color: #21283e;
background-image: url(back.png);
background-repeat: repeat-x repeat-y;
word-wrap: break-word;
background-color: #21283e;
background-image: url(back.png);
background-repeat: repeat-x repeat-y;
word-wrap: break-word;
Uwaga!
W selektorze body definiujemy również wygląd paska przewijania.
"../Standard/SMS/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;
}
scrollbar-arrow-color: gold;
scrollbar-track-color: #495068;
scrollbar-3dlight-color: #9499ad;
scrollbar-highlight-color: #ff0000;
scrollbar-darkshadow-color: #21283e;
scrollbar-shadow-color: #0000ff;
"../Standard/SMS/Body.htm"
1. Nazwa sieci i licznik wapsterów:
.my_name {
cursor: default;
padding: 2px 2px 2px 2px;
white-space: nowrap;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: white;
filter: DropShadow(color=black, offx=1, offy=1);
}
padding: 2px 2px 2px 2px;
white-space: nowrap;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: white;
filter: DropShadow(color=black, offx=1, offy=1);
2. Informacja:
.my_info {
cursor: default;
padding: 2px 2px 2px 2px;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: white;
filter: DropShadow(color=black, offx=1, offy=1);
border-bottom: 1px solid #3b4458;
}
padding: 2px 2px 2px 2px;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: white;
filter: DropShadow(color=black, offx=1, offy=1);
border-bottom: 1px solid #3b4458;
"../Standard/SMS/Info.htm"
<div class="my_name">CC_NAME</div>
<div class="my_info">CC_INFO</div>
<div class="my_info">CC_INFO</div>
|
CC_NAME CC_INFO |
nazwa sieci i licznik wapsterów. informacja. |
"../Standard/SMS/Body.htm"
1. Tło komórki wiadomości:
2. Tło komórki wiadomości po najechaniu na nią kursorem myszy:
3. Nick:
.my_nick {
text-align: left;
vertical-align: middle;
cursor: default;
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: lightgreen;
filter: DropShadow(color=black, offx=1, offy=1);
}
vertical-align: middle;
cursor: default;
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: lightgreen;
filter: DropShadow(color=black, offx=1, offy=1);
4. Numer telefonu:
.my_phone {
cursor: default;
text-align: right;
vertical-align: bottom;
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: yellow;
filter: DropShadow(color=black, offx=1, offy=1);
}
text-align: right;
vertical-align: bottom;
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: yellow;
filter: DropShadow(color=black, offx=1, offy=1);
5. Data wysłania wiadomości:
.my_date {
cursor: default;
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: #edd5b2;
filter: DropShadow(color=black, offx=1, offy=1);
border-bottom: 1px solid #3b4458;
}padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: #edd5b2;
filter: DropShadow(color=black, offx=1, offy=1);
border-bottom: 1px solid #3b4458;
6. Status wysłania wiadomości:
.my_status {
cursor: default;
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: white;
filter: DropShadow(color=black, offx=1, offy=1);
border-bottom: 1px solid #3b4458;
}
padding: 2px 2px 2px 2px;
white-space: pre;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: white;
filter: DropShadow(color=black, offx=1, offy=1);
border-bottom: 1px solid #3b4458;
7. Treść wiadomości:
.my_msg {
cursor: default;
padding: 2px 2px 2px 2px;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: orange;
white-space: pre;
word-wrap: break-word;
}
padding: 2px 2px 2px 2px;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: orange;
white-space: pre;
word-wrap: break-word;
"../Standard/SMS/Item.htm"
Uwaga!
Komórka wiadomości jest zrealizowana przy pomocy tabeli. Na powyższym obrazku widoczność tabeli została włączona.
<table border="0"
class="finito_out"
cellpadding="0"
cellspacing="0"
onmousemove="window.status='CC_OVERITEM'"
onmouseover="this.className='finito_in'"
onmouseout="this.className='finito_out'; window.status='CC_NONE';"
ondblclick="window.status='CC_EXECUTE'">
<tr>
<tr>
<tr>
</table>cellpadding="0"
cellspacing="0"
onmousemove="window.status='CC_OVERITEM'"
onmouseover="this.className='finito_in'"
onmouseout="this.className='finito_out'; window.status='CC_NONE';"
ondblclick="window.status='CC_EXECUTE'">
<tr>
<td class="my_nick">CC_ICON CC_NICK</td>
<td colspan="4" class="my_phone">[CC_PHONE]</td>
</tr><td colspan="4" class="my_phone">[CC_PHONE]</td>
<tr>
<td class="my_msg" colspan="5">CC_MSG</td>
</tr><tr>
<td nowrap class="my_date" colspan="4">CC_DATE</td>
<td align="right" class="my_status">CC_STATUS</td>
</tr><td align="right" class="my_status">CC_STATUS</td>
|
CC_ICON CC_NICK CC_PHONE CC_MSG CC_DATE CC_STATUS |
ikonka telefonu (Phone.png - znajduje się w folderze SMS). nick. numer telefonu. treść wiadomości. data wysłania wiadomości. status wysłania wiadomości. |