Bước 2: Sử dụng: - Khi cần chèn box vào một bài viết, các bạn sử dụng một trong những đoạn code tương ứng sau: Note box:
/* Notification Box / quangvietmkt.blogspot.com */
@font-face {
font-family: 'Arial';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Arial';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
.message_box {
margin:15px 0;
}
.note {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #FDEBA5;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAnnoczddb-aih_UE9LWAXB1QipQwWy90dEwBH_U3TVUivc5gnzSHgIiTugf4KF5Q8BXaiNYmOz1FYj7uTCHdWU0JL-yV7uwJfS0BLAgzr_5zV8garsL6s2GNrDU0sNZClzLpEkyZSzXc/s1600/thumb.png) no-repeat scroll 10px center #FEF4C8;
padding:.5em 1em .5em 3em;
}
.announce {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #BEE5F8;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUc1ipbqAeVKTsCKRvIB1nYcU43Zio8DLiuuUg-F4Zi23Dyd6i8IfW0s1h3rB_TWw6CbS-JSohvWwBc_VS1X1EelcoxTcntrBIDv_Yzitj5Izz0mWDWtd_-AOT7hT0zaPZL-XPin_xNtiK/s1600/speaker.png) no-repeat scroll 10px center #D7EFFB;
padding:.5em 1em .5em 3em;
}
.success {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #DEF1BF;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNM7sSQN9r7_bz-kzRSJ0SEev1f-2nAKMhGFgXEzBB5YWq7-UezUN45bx9AX9mfIz0stUpHerZbanzu2AUTxJSvTKXpmXDT-lElMFNyt2au66g64hkv7n53rbPxOg3zfMJAGyhvH9mTp8d/s1600/tick.png) no-repeat scroll 10px center #E8F6D2;
padding:.5em 1em .5em 3em;
}
.warning {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #FFDBDB;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimtpa-5pGxufvOev5Y3wifjKteJQEKWiTvriry0kxah7qEn_rTAadcbTVarVcneXSHtAJuef9b2kARQNdF6fqv7PFczo1ZiFNYX4QZ5z4ZPzSIg3G5Yr69iueVsXqTcdBur6W2hSAGSmqF/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;
padding:.5em 1em .5em 3em;
}
Announce box:
Sucess box:
Warning box:
Chúc các bạn thành công !
Không có nhận xét nào: