Mozes tu sliku da stavis kao pozadinu nekog div taga
#sidebar {
background-image:url('sidebar.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
width: 400px;
height: 300px;
}
Mozes da napravis isti prozor koriscenjem css3 bez dodavanja ikakve slike.
Gornji deo sidebara gde pise Dobro Nam Dosao tu iskoristis css3 gradient pozadinu.
A linije stavis 1px i definises boju. Evo ti primer
#sidebar {
background-image: linear-gradient(bottom, rgb(54,190,224) 38%, rgb(70,161,194) 69%);
background-image: -o-linear-gradient(bottom, rgb(54,190,224) 38%, rgb(70,161,194) 69%);
background-image: -moz-linear-gradient(bottom, rgb(54,190,224) 38%, rgb(70,161,194) 69%);
background-image: -webkit-linear-gradient(bottom, rgb(54,190,224) 38%, rgb(70,161,194) 69%);
background-image: -ms-linear-gradient(bottom, rgb(54,190,224) 38%, rgb(70,161,194) 69%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.38, rgb(54,190,224)),
color-stop(0.69, rgb(70,161,194))
);
border-left: 1px soild #2ab2d4;
border-right: 1px soild #2ab2d4;
border-bottom: 1px soild #2ab2d4;
}
|