Info logi kā draugiemlv v2

Lappuse 1 no 1
1

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU SATURA PILNVEIDE » uCoz » Info logi kā draugiemlv v2

wuxmachine

Piektdiena, 11.05.2012, 11:56:13 | Ieraksts #1

VECĀ MIESA

Foruma ieraksti: 930

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@wuxmachine raksta .. :

@ CSS:

Code

/* +++ INFO LOGI +++ */
.bx{
border:1px #E7E7E7 solid;
-webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     -o-border-radius:5px;
     -khtml-border-radius:5px;
background-color:#ffffff;
padding:10px;
overflow:hidden;
position:relative;
}
.bx strong{
font-size:16px;
}
.bx.error{
border:1px #ff6600 solid;
}
.bx.ok{
border:1px #74c008 solid;
}
.bx.panel .btn {
margin-bottom:0;
}
.bx.ok strong{
color:#74c008;
}
.bx.error strong{
color:#ff6600;
}
.bx.info{
border:1px #6d9fc6 solid;
background-color:#E1EEF9;
}
.bx.gray {
background-color: #F3F3F3;
border-color: #F3F3F3;
}
.bx.info strong, .bx.info b{
color:#6d9fc6;
}
.bx.withheading{
padding:0px;
   background-color:#f8f8f8;
}
.bx .heading{
background-color:#e7e7e7;
border-bottom:1px #E7E7E7 solid;
padding:5px 10px;
}
.bx .content{
padding:10px;
color:#393939;
}
.bx a.closeIcon{
position: absolute;
top: 5px;
right: 5px;
}
.bx{
margin-bottom:10px;
}
.bx.ok .bxicon{
width:32px;
height:32px;
float:left;
margin-right:10px;
padding:0px;
}
.bx.error .bxicon{
width:32px;
height:29px;
float:left;
margin-right:10px;
padding:0px;
}
/* INFO LOGU BEIGAS */

Vietā, kur vēlamies redzēt:

Zaļsh:

Code

<div class="bx ok"><div class="bx content">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> </div>

Oranžs:

Code

<div class="bx error"><div class="bx content">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> </div>

Iznākums: