Informācijas logi kā draugiemlv - uCoz sistēma - Vizuālie skripti

FORUMA LAPA

Lietotāju sarunas

BUZZ AMATU MEKLĒJUMOS | KONKURSS! IESPĒJA IEGŪT ESKLUZĪVU REKLĀMAS VIETU PORTĀLĀ!

Lappuse 1 no 1
1

Informācijas logi kā draugiemlv (zilgans, zaļsh un rozigs .. rip by buzz)

Informācijas logi kā draugiemlv

wuxmachine

Pievienots: Piektdiena, 12.05.04, 11:33 | Ieraksts # 1 Offline

[table]Ievietojam šo kodu tur, kur vēlamies redzēt zemāk redzamo informācijas logu, protams, tekstu varam mainīt uz savu rediģējot attiecīgo koda/teksta daļu.[/table]

Code

<div class="infoMsg errorIcon radius3">Uzmanību! Šeit atradīsies Jūsu pievienotā informācija. teksts teksts teksts teksts teksts teksts teksts teksts teksts teksts teksts teksts <div align="right">© buzz.ucoz.lv</div></div>

Un šo ievietojam CSS - /panel/?a=tmpl;m=3;t=3

Code

.infoMsg{
margin-bottom:10px;
padding:5px;
padding-left:28px;
background-repeat:no-repeat;
background-position:6px 6px;
}
.infoMsg .closeIcon{
float:right;
}
.bxIcon{
position:absolute;
top:6px;
left:6px;
width:16px;
height:16px;
opacity:0.5;
filter:alpha(opacity=50);
}
.infoMsg.successIcon{
position:relative;
background-color:#D3EDAF;
border:1px solid #BBD399;
}
.infoMsg.errorIcon{
position:relative;
background-color:#FFE1CD;
border:1px solid #E1BFA9;
}
.errorIcon {
background-image: url('http://buzz.ucoz.lv/afaili/error.png');
}
.infoMsg.infoIcon{
position:relative;
background-color:#E1EEF9;
border:1px solid #CEDEE9;
}

Iznākums:

dr.lv variants:

v2:

CSS:

Code

.infoMsg{
margin-bottom:10px;
padding:5px;
padding-left:28px;
background-repeat:no-repeat;
background-position:6px 6px;
}
.infoMsg .closeIcon{
float:right;
}
.bxIcon{
position:absolute;
top:6px;
left:6px;
width:16px;
height:16px;
opacity:0.5;
filter:alpha(opacity=50);
}
.infoMsg.successIcon{
position:relative;
background-color:#D3EDAF;
border:1px solid #BBD399;
}
.infoMsg.errorIcon{
position:relative;
background-color:#FFE1CD;
border:1px solid #E1BFA9;
}
.infoMsg.infoIcon{
position:relative;
background-color:#E1EEF9;
border:1px solid #CEDEE9;
}
.infoIcon {
background-image: url('http://buzz.ucoz.lv/askripti2/infopic.png');
}

Vietā, kur vēlamies redzēt:

Code

<div class="infoMsg infoIcon radius3">Tava profila uzstādījumos atzīmēts, ka nevēlies sazināties ar personām ārpus draugu loka, tātad Tu vari sūtīt un saņemt vēstules tikai draugu lokā <div align=right>© buzz.ucoz.lv</div></div>

V3:

@ CSS:

Code

/* SUCCES */
.infoMsg{
margin-bottom:10px;
padding:5px;
padding-left:28px;
background-repeat:no-repeat;
background-position:6px 6px;
}
.infoMsg .closeIcon{
float:right;
}
.bxIcon{
position:absolute;
top:6px;
left:6px;
width:16px;
height:16px;
opacity:0.5;
filter:alpha(opacity=50);
}
.infoMsg.successIcon{
position:relative;
background-color:#D3EDAF;
border:1px solid #BBD399;
}
.infoMsg.errorIcon{
position:relative;
background-color:#FFE1CD;
border:1px solid #E1BFA9;
}
.infoMsg.infoIcon{
position:relative;
background-color:#E1EEF9;
border:1px solid #CEDEE9;
}
/* --- SUCCES --- */
.successIcon {background-image:url('http://buzz.ucoz.lv/askripti2/successicon.png');}

Vietā, kur vēlamies redzēt:

Code

<div class="infoMsg radius3 successIcon">Sheit atradīsies Jūsu aktuālā mājaslapas informācija. info info info info info info info infoinfo info info info info info info info<div align="right">© buzz.ucoz.lv</div> </div>