18 thg 1, 2012

Code


Mẫu 1
.post-body img{
color:#FFF;
text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid rgba(255,255,255,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.01);
background: rgba(255,255,255,0.2);
background: -moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.14) 150%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.2)), color-stop(1.5, rgba(255,255,255,0.09)));
Mẫu 2
.post-body img{
color:#FFF;
text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid rgba(255,255,255,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.01);
background: rgba(255,255,255,0.2);
background: -moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.14) 150%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.2)), color-stop(1.5, rgba(255,255,255,0.09)));
Mẫu 3
.post-body img{
color:#FFF;
text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid rgba(255,255,255,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.01);
background: rgba(255,255,255,0.2);
background: -moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.14) 150%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.2)), color-stop(1.5, rgba(255,255,255,0.09)));
Mẫu 4
.post-body img{
color:#FFF;
text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border:1px solid rgba(255,255,255,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.01);
background: rgba(255,255,255,0.2);
background: -moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(255,255,255,0.14) 150%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.2)), color-stop(1.5, rgba(255,255,255,0.09)));
Nhãn: , Người đăng:

7 nhận xét:

  1. Nguyên Luậtlúc 09:11 18 tháng 1, 2012

    Cái này cũng dễ thiết kế mà

    Trả lờiXóa
    Trả lời
    1. Võ Quốc Anlúc 09:34 18 tháng 1, 2012

      Đối với những bạn hiểu về css thì dễ nhưng với những bạn chưa biết gì về css thì hok dễ đâu bạn ah. Tùy đối tượng thôi.

      Xóa
    2. Unknownlúc 19:55 18 tháng 1, 2012

      Mệt mỏi với những cái css tìm hiểu hoài mà không hiểu.

      Xóa
  2. Quảng Cáo Biên Hòalúc 01:04 15 tháng 3, 2012

    Cái này biết tý css là làm được ngay, những hiệu ứng bo góc với đoạn css của bạn không hoạt động trên IE. để chạy được trên IE thì còn phải lằng nhằng lắm

    Trả lờiXóa
  3. 123oap.comlúc 16:09 21 tháng 3, 2012

    Hay bạn nhở,cảm ơn bạn nhé!
    Giỏi quá

    Trả lờiXóa
  4. Phần mềm kế toánlúc 11:07 13 tháng 7, 2012

    Nhìn đẹp đoá chứ, thks bác!

    Trả lờiXóa
  5. Shaman King 94lúc 09:27 11 tháng 8, 2012

    Thanks Bác! Nhìn đẹp quá! :)

    Trả lờiXóa

Đăng ký: Đăng Nhận xét (Atom)