[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>