CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
CHINH PHỤC

Cộng đồng Forumotion Việt Nam

Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[Share] bộ bonbon button

2 posters

CHINH PHỤC :: KHU VỰC CHIA SẺ :: Code, Javascript, CSS

Go down

[Share] bộ bonbon button Empty [Share] bộ bonbon button

Bài gửi by noname2103 21/9/2014, 9:30 am

[Share] bộ bonbon button 2m5xlhj

Bước 1: Chèn code sau vào css:
Code:
/* BonBon Buttons 1.1 rip by noname2103*/


@import url(http://fonts.googleapis.com/css?family=Droid+Sans:bold+Lobster);
@import url(http://fonts.googleapis.com/css?family=Lobster);


/* -------------- THE button -------------- */
.button {

/* text */
   text-decoration:       none;
   font:                24px/1em 'Droid Sans', sans-serif;
   font-weight:          bold;
   text-shadow:          rgba(255,255,255,.5) 0 1px 0;
   -webkit-user-select:    none;
   -moz-user-select:       none;
   user-select:          none;
   
   
/* layout */
   padding:             .5em .6em .4em .6em;
   margin:             .5em;
   display:             inline-block;
   position:             relative;
   
   -webkit-border-radius:    8px;
   -moz-border-radius:    8px;
   border-radius:    8px;
   
/* effects */
   border-top:       1px solid rgba(255,255,255,0.8);
   border-bottom:       1px solid rgba(0,0,0,0.1);
   
   background-image:    -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
   background-image:    -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(noise.png);
   background-image:    gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);

   -webkit-transition: background .2s ease-in-out;
   -moz-transition:    background .2s ease-in-out;
   transition:       background .2s ease-in-out;
   
/* color */
   color:             hsl(0, 0%, 40%) !important;
   background-color:    hsl(0, 0%, 75%);
   
   -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                  hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
                  rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   -moz-box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                  hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
                  rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   box-shadow:          inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                  hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
                  rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

/* -------------- button (tag) -------------- */

button.button {
   border-left: none;
   border-right: none;
}
button.button:hover {
   cursor: pointer;
}


/* -------------- icon -------------- */
.button:before {
   font:          1.2em/0 sans-serif;
   content:       attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
   margin-right: 6px;
}


/* icon only */
.icon {
   font-weight: normal;
   font-style: normal;
}
.icon:before {
   display:       block;
   height:       .75em;
   line-height:    .75em;
   margin: 0;
}



/* -------------- colours -------------- */

.button.orange {
   color:             hsl(39, 100%, 30%) !important;
   background-color:    hsl(39, 100%, 50%);

   -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   -moz-box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   box-shadow:          inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.orange:hover {    background-color: hsl(39, 100%, 65%); }


.button.blue {
   color:             hsl(208, 50%, 40%) !important;
   background-color:    hsl(208, 100%, 75%);
   
   -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px;   /* drop shadow */
   -moz-box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px;   /* drop shadow */
   box-shadow:       inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px;   /* drop shadow */
}
.button.blue:hover {    background-color: hsl(208, 100%, 83%); }

.button.green {
   color:             hsl(88, 70%, 30%) !important;
   background-color:    hsl(88, 70%, 60%);
   -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   -moz-box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   box-shadow:          inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.green:hover {    background-color: hsl(88, 70%, 75%); }

.button.pink {
   color:             hsl(340, 100%, 30%) !important;
   background-color:    hsl(340, 100%, 75%);
   -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   -moz-box-shadow:    inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
   box-shadow:       inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */
                     hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
                     rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.pink:hover {    background-color: hsl(340, 100%, 83%); }



.button.transparent {
   color:    rgba(0,0,0,0.5) !important;
}
.button.transparent, .button.transparent:hover, .button.transparent:active {
   background-color: transparent;
   background-image: none;
}
.button.transparent:hover {
   opacity: .9;
}



/* -------------- States -------------- */

.button:hover {
   background-color:    hsl(0, 0%, 83%);
}



.button:active {
   background-image:    -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
   background-image:    -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
   background-image:    gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);

   -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */
                     rgba(0,0,0,0.4) 0 .1em 1px, /* border */
                     rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
   -moz-box-shadow:    inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */
                     rgba(0,0,0,0.4) 0 .1em 1px, /* border */
                     rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
   box-shadow:       inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */
                     rgba(0,0,0,0.4) 0 .1em 1px, /* border */
                     rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

   -webkit-transform:    translateY(.2em);
   -moz-transform:    translateY(.2em);
   transform:          translateY(.2em);
}

.button:focus {
   outline: none;
   color: rgba(254,255,255,0.9) !important;
   text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}

.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
   opacity:          .5;
   cursor:          default;
   color:             rgba(0,0,0,0.2) !important;
   text-shadow:       none !important;
   background-color:    rgba(0,0,0,0.05);
   background-image:    none;
   border-top:       none;

   -webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */
                     rgba(0,0,0,0.3) 0 .1em 1px, /* border */
                     rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
   -moz-box-shadow:    inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */
                     rgba(0,0,0,0.3) 0 .1em 1px, /* border */
                     rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
   box-shadow:       inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */
                     rgba(0,0,0,0.3) 0 .1em 1px, /* border */
                     rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

   -webkit-transform:    translateY(5px);
   -moz-transform:    translateY(5px);
   transform:          translateY(5px);
}

/* -------------- Fonts -------------- */

.serif {
   font-family: 'Lobster', serif;
   font-weight:          normal;
}


/* -------------- Sizes -------------- */

.xs { font-size: 16px; }
.xl { font-size: 32px; }


/* -------------- Materials -------------- */

.button.glossy:after, .button.glass:after {
   content:    "";
   position:    absolute;
    width:       90%;
    height:    60%;
    top:       0;
    left:       5%;    
    
    -webkit-border-radius:    .5em .5em 1em 1em / .5em .5em 2em 2em;    
    -moz-border-radius:    .5em .5em 1em 1em / .5em .5em 2em 2em;
    border-radius:          .5em .5em 1em 1em / .5em .5em 2em 2em;
    
    background-image:       -webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
                         color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );   
    background-image:       -moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );   
    background-image:       gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
                         color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );   
}
.button.glossy:active:after,
.button.glass:active:after,
.button.disabled:after,
.button[disabled]:after
 { opacity: .6; }

.button.icon.glossy:after,
.button.icon.glass:after { height: 75% ; }

/* -------------- Glass + Transparent -------------- */
.button.glass {
   text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;
}
.button.glass:active {
   text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
}


/* -------------- Shapes -------------- */

/* round */
.round, .round.glossy:after, .round.glass:after {
   border-top: none;
   -webkit-border-radius:    1em;
   -moz-border-radius:    1em;
   border-radius:          1em;
}

/* oval */
.oval {
   border-top:          none;
   padding-left:          .8em;
   padding-right:          .8em;
   -webkit-border-radius:    5em / 2em;
   -moz-border-radius:    5em / 2em;
   border-radius:          5em / 2em;
}
.oval.glossy:after, .oval.glass:after {    
   top:                5%;
   -webkit-border-radius:    5em / 2em 2em 1em 1em;
   -moz-border-radius:    5em / 2em 2em 1em 1em;
   border-radius:          5em / 2em 2em 1em 1em;
}
.oval.icon {
   padding-left:          .8em;
   padding-right:          .8em;   
   -webkit-border-radius:    1.5em / 1em;
   -moz-border-radius:    1.5em / 1em;
   border-radius:          1.5em / 1em;
}
.oval.icon.glossy:after, .oval.icon.glass:after {   
   -webkit-border-radius:    1.5em / 1em;
   -moz-border-radius:    1.5em / 1em;
   border-radius:          1.5em / 1em;
}

/* brackets */
.brackets, .brackets.glossy:after, .brackets.glass:after {
   border-top:          none;
   -webkit-border-radius:    .5em / 1em;
   -moz-border-radius:    .5em / 1em;
   border-radius:          .5em / 1em;
}

/* skew */
.skew {
   border-top:          none;
   padding-right:          1.2em;
   padding-left:          0.8em;   
   -webkit-border-radius:    5em 1em / 5em 1em;  
   -moz-border-radius:    5em 1em / 5em 1em;  
   border-radius:          5em 1em / 5em 1em;  
}
.skew.glossy:after, .skew.glass:after {    
   left: 10%;
   -webkit-border-radius:    7em 1em / 5em 1em;
   -moz-border-radius:    7em 1em / 5em 1em;
   border-radius:          7em 1em / 5em 1em;
}
.skew.icon {    
   padding-right:          .9em;
   padding-left:          .8em;
}

/* back */
.back, .back.glossy:after, .back.glass:after {
   border-top-color:       rgba(255,255,255,0.5);
   -webkit-border-radius:    1.6em 1.6em 1em 1em / 4em 4em 1em 1em;
   -moz-border-radius:    1.6em 1.6em 1em 1em / 4em 4em 1em 1em;
   border-radius:          1.6em 1.6em 1em 1em / 4em 4em 1em 1em;
}
.back.glossy:after, .back.glass:after {
    left:    6%;
    width:   88%;
}

/* knife */
.knife {                   
   padding-left: 1.5em;
   -webkit-border-radius:    .2em .5em .5em 8em / .2em .5em .5em 5em;
   -moz-border-radius:    .2em .5em .5em 8em / .2em .5em .5em 5em;
   border-radius:          .2em .5em .5em 8em / .2em .5em .5em 5em;
}
.knife.glossy:after, .knife.glass:after {
   left:                3%;
   width:                97%;       
   -webkit-border-radius:    .1em .5em .5em 8em / .1em .5em .5em 2em;  
   -moz-border-radius:    .1em .5em .5em 8em / .1em .5em .5em 2em;  
   border-radius:          .1em .5em .5em 8em / .1em .5em .5em 2em;  
}
.knife.glossy.icon:after, .knife.glass.icon:after {
   left:                5%;
   width:                95%;
   -webkit-border-radius:    .5em .5em 1em 6em / .5em .5em 1em 4em;
   -moz-border-radius:    .5em .5em 1em 6em / .5em .5em 1em 4em;
   border-radius:          .5em .5em 1em 6em / .5em .5em 1em 4em;
}

/* shield */
.shield, .shield.glossy:after, .shield.glass:after {
   -webkit-border-radius:    .4em .4em 2em 2em / .4em .4em 3em 3em;
   -moz-border-radius:    .4em .4em 2em 2em / .4em .4em 3em 3em;
   border-radius:          .4em .4em 2em 2em / .4em .4em 3em 3em;
}
.shield {                      
   padding-left:    .8em;
   padding-right:    .8em;
}
.shield.icon {                   
   padding-left:    .6em;
   padding-right:    .6em;
}

/* drop */
.drop {
   border-top: none;
   -webkit-border-radius:    2em 5em  2em .6em / 2em 4em 2em .6em;
   -moz-border-radius:    2em 5em  2em .6em / 2em 4em 2em .6em;
   border-radius:          2em 5em  2em .6em / 2em 4em 2em .6em;
}
.drop.glossy:after, .drop.glass:after {
   left: 4%;
   -webkit-border-radius:    2em 6em  2em 1em / 2em 4em 2em 2em;
   -moz-border-radius:    2em 6em  2em 1em / 2em 4em 2em 2em;
   border-radius:          2em 6em  2em 1em / 2em 4em 2em 2em;
}
.drop.icon {    
   padding-right: .6em;
}


/* morph */
.morph {
   border-top: none;
   -webkit-border-radius:    5em / 2em;
   -moz-border-radius:    5em / 2em;
   border-radius:          5em / 2em;
   -webkit-transition:    -webkit-border-radius .3s ease-in-out;
   -moz-transition:       -moz-border-radius .3s ease-in-out;
   transition:          -moz-border-radius .3s ease-in-out;
}
.morph:hover {
   -webkit-border-radius:    .4em .4em 2em 2em / .4em .4em 3em 3em;
   -moz-border-radius:    .4em .4em 2em 2em / .4em .4em 3em 3em;
   border-radius:          .4em .4em 2em 2em / .4em .4em 3em 3em;
}
.morph:active {
   -webkit-border-radius:    .3em;
   -moz-border-radius:    .3em;
   border-radius:          .3em;
}
.morph:after {
   display: none;
}


Bước 2:Chèn 1 hoặc vài code sau vào nơi muốn hiện button:
Dạng 1:
Code:
<a href="link" class="button">noname2103</a>
Dạng 2:
Code:
<a href="link" class="button orange glossy">noname2103</a>
Dạng 3:
Code:
<a href="link" role="button" tabindex="1" class="button pink">noname203</a>
Dạng 4:
Code:
<button disabled class="button pink glossy">noname2103</button>
Dạng 5:
Code:
<a href="link" class="button blue morph">noname2103</a>
Dạng 6:
Code:
<a href="link" class="button green back glass">noname2103</a>
Dạng 7:
Code:
<a style="-webkit-user-select:text; -moz-user-select:text;" contenteditable="true" href="link" class="button glossy brackets">noname2103 type</a>
Dạng 8-9-10:
Code:
<a href="link" title="King" class="button orange icon">noname2103</a>
<a href="link" class="button pink serif glossy skew">noname2103</a>
<a href="link" class="button blue glossy glass">noname2103</a>

Vì bận nên không up được ảnh từng dạng,mọi người thông cảm.

                                                                                           Ký tên:
                                                                                                                                                                                                                         noname2103[Share] bộ bonbon button 3994525101





noname2103
noname2103
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 01/06/2013
Số bài : 166
CPP : 68
Châm ngôn sống : Đời không như mơ

http://zone.123.st

Về Đầu Trang Go down

[Share] bộ bonbon button Empty Re: [Share] bộ bonbon button

Bài gửi by SarkZKalie 22/9/2014, 10:53 am

Nguồn http://simurai.com/ nữa nhỉ?
SarkZKalie
SarkZKalie
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 30/08/2010
Số bài : 128
CPP : 81
Châm ngôn sống : Nobody's perfect

http://szvn.forumotion.com

Về Đầu Trang Go down

[Share] bộ bonbon button Empty Re: [Share] bộ bonbon button

Bài gửi by noname2103 22/9/2014, 5:35 pm

Cái này mình rip không phải copy bài viết từ pên đó vs lạj ko phảj fm nên có thể pỏ qua
noname2103
noname2103
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 01/06/2013
Số bài : 166
CPP : 68
Châm ngôn sống : Đời không như mơ

http://zone.123.st

Về Đầu Trang Go down

[Share] bộ bonbon button Empty Re: [Share] bộ bonbon button

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

CHINH PHỤC :: KHU VỰC CHIA SẺ :: Code, Javascript, CSS

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết