.jpg)
khi in thường thì ta muốn in bắt đầu từ trang mới ta có thể dùng css để định dạng trang in
1 chút css
@media all { .page-break { display: none; } }
@media print { .page-break { display: block; page-break-before: always; } }
Showing posts with label html. Show all posts
5/24/2016
4/07/2014
zeroclipbroad auto copy to clipbroad
Thao tác nhanh với 1 cú click chuột để copy - tiện lợi cho người sử dụng kèm theo tương thích với mọi trình duyệt là ưu điểm của script dùng file flash zeroclipbroad . do dùng flash cho nên zeroclipbroad phải dùng host mới chạy được .
sử dụng
9/15/2010
tạo biểu tượng yahoo mes
Rất đơn giản , đầu tiên
Bạn copy đoạn mã sau để nhúng vào Module tự tạo.
Bạn copy đoạn mã sau để nhúng vào Module tự tạo.
| Trong đoạn mã HTML dưới đây, thay ký tự N bằng nick Yahoo của bạn. | ||||
| ||||
Sau đó copy toàn bộ mã HTML và đưa vào module tự tạo của bạn. Khi truy cập vào trang Blog, người xem sẽ nhìn thấy một trong hai biểu tượng là bạn đang online hay offline. Khi người xem nhấp vào biểu tượng của Yahoo! messenger, thì có thể chat với bạn. (lưu ý là chat qua web messenger (ko trực tiếp như nhúng vào các blog loại khác hay website.)
 ImageNo: 6  ImageNo: 7  ImageNo: 8  ImageNo: 9  ImageNo:10  ImageNo: 11  ImageNo: 12  ImageNo: 13  ImageNo: 14  ImageNo: 15  ImageNo: 16 |
8/14/2010
tạo thickbox đơn giản
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="thickbox.js"></script>
<link href="thickbox.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(document).ready(function(){
tb_show('Thong tin quang cao',"#TB_inline?height=400&width=300&inlineId=hiddenModalContent&modal=true",null);
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="hiddenModalContent" style="display: none;" >
<a href="a.html"> <img src="7.png" > </a><br>
<a href="#" onClick="window.parent.tb_remove(true);">Close</a>
</div>
</body>
</html>
---------
ví dụ
http://shimi85.files.wordpress.com/2010/08/doithanhzip.jpg
đôi đuôi jpg thành zip giải nén
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="thickbox.js"></script>
<link href="thickbox.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(document).ready(function(){
tb_show('Thong tin quang cao',"#TB_inline?height=400&width=300&inlineId=hiddenModalContent&modal=true",null);
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="hiddenModalContent" style="display: none;" >
<a href="a.html"> <img src="7.png" > </a><br>
<a href="#" onClick="window.parent.tb_remove(true);">Close</a>
</div>
</body>
</html>
---------
ví dụ
http://shimi85.files.wordpress.com/2010/08/doithanhzip.jpg
đôi đuôi jpg thành zip giải nén
8/13/2010
tạo dialog cơ bản
<html>
<body>
<script type="text/javascript">
function my_alert(title,content){
document.getElementById("dialog_title").innerHTML=title;
document.getElementById("dialog_content").innerHTML=content;
document.getElementById("dialog").style.display="block";
}
</script>
<div id="dialog" style="top:50px;left:100px;background-color:#ffffff;position:absolute;border:#ff0000 solid 1px; display:none;width:200px;margin:auto;z-index:1000">
<div id="dialog_title" style="background-color:blue; height:20px"></div>
<div id="dialog_content" style="height:200px"></div>
<div id="button" style="width:50px;cursor:default" onclick="document.getElementById('dialog').style.display='none'">OK</div>
</div>
<a href="javascript:my_alert('title here','content here');">Show</a>
</body>
</html>
<body>
<script type="text/javascript">
function my_alert(title,content){
document.getElementById("dialog_title").innerHTML=title;
document.getElementById("dialog_content").innerHTML=content;
document.getElementById("dialog").style.display="block";
}
</script>
<div id="dialog" style="top:50px;left:100px;background-color:#ffffff;position:absolute;border:#ff0000 solid 1px; display:none;width:200px;margin:auto;z-index:1000">
<div id="dialog_title" style="background-color:blue; height:20px"></div>
<div id="dialog_content" style="height:200px"></div>
<div id="button" style="width:50px;cursor:default" onclick="document.getElementById('dialog').style.display='none'">OK</div>
</div>
<a href="javascript:my_alert('title here','content here');">Show</a>
</body>
</html>
8/06/2010
khỏang trắng giữa thẻ div
Vấn đề gặp phải khi thiết kế layout cho web bằng thẻ DIV , nó tạo khoảng trống dù trong code không có gì,
1.Để sử dụng thẻ <div>định dạng bạn cần chú ý tới thuộc tính float:left, float:right...v...v... và clear:both...v...v....
ví dụ
<div style="float: left;width:10%;height:100px; background-color: Green; margin: 0px;padding: 0px;"></div>
<div style="float: left;width:90%;height:50px; background-color: Red; margin: 0px;padding: 0px;"></div>
<div style="clear:both;"></div>
2. định dạng lại trang , vấn đề đau đầu các designer khi không tìm ra nguyên nhân trong code
vào Modify -> Page Properties -> Title/Endcoding -> Bỏ nút check "Include Unicode Signature (BOM)" ok save as
1.Để sử dụng thẻ <div>định dạng bạn cần chú ý tới thuộc tính float:left, float:right...v...v... và clear:both...v...v....
ví dụ
<div style="float: left;width:10%;height:100px; background-color: Green; margin: 0px;padding: 0px;"></div>
<div style="float: left;width:90%;height:50px; background-color: Red; margin: 0px;padding: 0px;"></div>
<div style="clear:both;"></div>
2. định dạng lại trang , vấn đề đau đầu các designer khi không tìm ra nguyên nhân trong code
vào Modify -> Page Properties -> Title/Endcoding -> Bỏ nút check "Include Unicode Signature (BOM)" ok save as
7/22/2010
Bảng mã màu HTML
Bảng mã màu HTML là một công cụ không thể thiếu đối với các nhà thiết kế web chuyên nghiệp cũng như các blogger không chuyên. Mỗi khi cần định dạng màu sắc cho một yếu tố nào đó, chỉ cần thiết lập mã màu tương ứng trong bảng dưới đây.
| TÊN MÀU | MÃ | MÀU HIỂN THỊ |
| Black | #000000 | |
| Grey0 | #150517 | |
| Grey18 | #250517 | |
| Grey21 | #2B1B17 | |
| Grey23 | #302217 | |
| Grey24 | #302226 | |
| Grey25 | #342826 | |
| Grey26 | #34282C | |
| Grey27 | #382D2C | |
| Grey28 | #3b3131 | |
| Grey29 | #3E3535 | |
| Grey30 | #413839 | |
| Grey31 | #41383C | |
| Grey32 | #463E3F | |
| Grey34 | #4A4344 | |
| Grey35 | #4C4646 | |
| Grey36 | #4E4848 | |
| Grey37 | #504A4B | |
| Grey38 | #544E4F | |
| Grey39 | #565051 | |
| Grey40 | #595454 | |
| Grey41 | #5C5858 | |
| Grey42 | #5F5A59 | |
| Grey43 | #625D5D | |
| Grey44 | #646060 | |
| Grey45 | #666362 | |
| Grey46 | #696565 | |
| Grey47 | #6D6968 | |
| Grey48 | #6E6A6B | |
| Grey49 | #726E6D | |
| Grey50 | #747170 | |
| Grey | #736F6E | |
| Slate Grey4 | #616D7E | |
| Slate Grey | #657383 | |
| Light Steel Blue4 | #646D7E | |
| Light Slate Grey | #6D7B8D | |
| Cadet Blue4 | #4C787E | |
| Dark Slate Grey4 | #4C7D7E | |
| Thistle4 | #806D7E | |
| Medium Slate Blue | #5E5A80 | |
| Medium Purple4 | #4E387E | |
| Midnight Blue | #151B54 | |
| Dark Slate Blue | #2B3856 | |
| Dark Slate Grey | #25383C | |
| Dim Grey | #463E41 | |
| Cornflower Blue | #151B8D | |
| Royal Blue4 | #15317E | |
| Slate Blue4 | #342D7E | |
| Royal Blue | #2B60DE | |
| Royal Blue1 | #306EFF | |
| Royal Blue2 | #2B65EC | |
| Royal Blue3 | #2554C7 | |
| Deep Sky Blue | #3BB9FF | |
| Deep Sky Blue2 | #38ACEC | |
| Slate Blue | #357EC7 | |
| Deep Sky Blue3 | #3090C7 | |
| Deep Sky Blue4 | #25587E | |
| Dodger Blue | #1589FF | |
| Dodger Blue2 | #157DEC | |
| Dodger Blue3 | #1569C7 | |
| Dodger Blue4 | #153E7E | |
| Steel Blue4 | #2B547E | |
| Steel Blue | #4863A0 | |
| Slate Blue2 | #6960EC | |
| Violet | #8D38C9 | |
| Medium Purple3 | #7A5DC7 | |
| Medium Purple | #8467D7 | |
| Medium Purple2 | #9172EC | |
| Medium Purple1 | #9E7BFF | |
| Light Steel Blue | #728FCE | |
| Steel Blue3 | #488AC7 | |
| Steel Blue2 | #56A5EC | |
| Steel Blue1 | #5CB3FF | |
| Sky Blue3 | #659EC7 | |
| Sky Blue4 | #41627E | |
| Slate Blue | #737CA1 | |
| Slate Grey3 | #98AFC7 | |
| Violet Red | #F6358A | |
| Violet Red2 | #E4317F | |
| Deep Pink | #F52887 | |
| Deep Pink2 | #E4287C | |
| Deep Pink3 | #C12267 | |
| Deep Pink4 | #7D053F | |
| Medium Violet Red | #CA226B | |
| Violet Red3 | #C12869 | |
| Firebrick | #800517 | |
| Violet Red4 | #7D0541 | |
| Maroon4 | #7D0552 | |
| Maroon | #810541 | |
| Maroon3 | #C12283 | |
| Maroon2 | #E3319D | |
| Maroon1 | #F535AA | |
| Magenta | #FF00FF | |
| Magenta1 | #F433FF | |
| Magenta2 | #E238EC | |
| Magenta3 | #C031C7 | |
| Medium Orchid | #B048B5 | |
| Medium Orchid1 | #D462FF | |
| Medium Orchid2 | #C45AEC | |
| Medium Orchid3 | #A74AC7 | |
| Medium Orchid4 | #6A287E | |
| Purple | #8E35EF | |
| Purple1 | #893BFF | |
| Purple2 | #7F38EC | |
| Purple3 | #6C2DC7 | |
| Purple4 | #461B7E | |
| Dark Orchid4 | #571B7E | |
| Dark Orchid | #7D1B7E | |
| Dark Violet | #842DCE | |
| Dark Orchid3 | #8B31C7 | |
| Dark Orchid2 | #A23BEC | |
| Dark Orchid1 | #B041FF | |
| Plum4 | #7E587E | |
| Pale Violet Red | #D16587 | |
| Pale Violet Red1 | #F778A1 | |
| Pale Violet Red2 | #E56E94 | |
| Pale Violet Red3 | #C25A7C | |
| Pale Violet Red4 | #7E354D | |
| Plum | #B93B8F | |
| Plum1 | #F9B7FF | |
| Plum2 | #E6A9EC | |
| Plum3 | #C38EC7 | |
| Thistle | #D2B9D3 | |
| Thistle3 | #C6AEC7 | |
| Lavendar Blush2 | #EBDDE2 | |
| Lavendar Blush3 | #C8BBBE | |
| Thistle2 | #E9CFEC | |
| Thistle1 | #FCDFFF | |
| Lavendar | #E3E4FA | |
| Lavendar Blush | #FDEEF4 | |
| Light Steel Blue1 | #C6DEFF | |
| Light Blue | #ADDFFF | |
| Light Blue1 | #BDEDFF | |
| Light Cyan | #E0FFFF | |
| Slate Grey1 | #C2DFFF | |
| Slate Grey2 | #B4CFEC | |
| Light Steel Blue2 | #B7CEEC | |
| Turquoise1 | #52F3FF | |
| Cyan | #00FFFF | |
| Cyan1 | #57FEFF | |
| Cyan2 | #50EBEC | |
| Turquoise2 | #4EE2EC | |
| Medium Turquoise | #48CCCD | |
| Turquoise | #43C6DB | |
| Dark Slate Grey1 | #9AFEFF | |
| Dark Slate Grey2 | #8EEBEC | |
| Dark Slate Grey3 | #78C7C7 | |
| Cyan3 | #46C7C7 | |
| Turquoise3 | #43BFC7 | |
| Cadet Blue3 | #77BFC7 | |
| Pale Turquoise3 | #92C7C7 | |
| Light Blue2 | #AFDCEC | |
| Dark Turquoise | #3B9C9C | |
| Cyan4 | #307D7E | |
| Light Sea Green | #3EA99F | |
| Light Sky Blue | #82CAFA | |
| Light Sky Blue2 | #A0CFEC | |
| Light Sky Blue3 | #87AFC7 | |
| Sky Blue | #82CAFF | |
| Sky Blue2 | #B0E2FF | |
| Light Sky Blue4 | #566D7E | |
| Sky Blue | #6698FF | |
| Light Slate Blue | #736AFF | |
| Light Cyan2 | #CFECEC | |
| Light Cyan3 | #AFC7C7 | |
| Light Cyan4 | #717D7D | |
| Light Blue3 | #95B9C7 | |
| Light Blue4 | #5E767E | |
| Pale Turquoise4 | #5E7D7E | |
| Dark Sea Green4 | #617C58 | |
| Medium Aquamarine | #348781 | |
| Medium Sea Green | #306754 | |
| Sea Green | #4E8975 | |
| Dark Green | #254117 | |
| Sea Green4 | #387C44 | |
| Forest Green | #4E9258 | |
| Medium Forest Green | #347235 | |
| Spring Green4 | #347C2C | |
| Dark Olive Green4 | #667C26 | |
| Chartreuse4 | #437C17 | |
| Green4 | #347C17 | |
| Medium Spring Green | #348017 | |
| Spring Green | #4AA02C | |
| Lime Green | #41A317 | |
| Spring Green | #4AA02C | |
| Dark Sea Green | #8BB381 | |
| Dark Sea Green3 | #99C68E | |
| Green3 | #4CC417 | |
| Chartreuse3 | #6CC417 | |
| Yellow Green | #52D017 | |
| Spring Green3 | #4CC552 | |
| Sea Green3 | #54C571 | |
| Spring Green2 | #57E964 | |
| Spring Green1 | #5EFB6E | |
| Sea Green2 | #64E986 | |
| Sea Green1 | #6AFB92 | |
| Dark Sea Green2 | #B5EAAA | |
| Dark Sea Green1 | #C3FDB8 | |
| Green | #00FF00 | |
| Lawn Green | #87F717 | |
| Green1 | #5FFB17 | |
| Green2 | #59E817 | |
| Chartreuse2 | #7FE817 | |
| Chartreuse | #8AFB17 | |
| Green Yellow | #B1FB17 | |
| Dark Olive Green1 | #CCFB5D | |
| Dark Olive Green2 | #BCE954 | |
| Dark Olive Green3 | #A0C544 | |
| Yellow | #FFFF00 | |
| Yellow1 | #FFFC17 | |
| Khaki1 | #FFF380 | |
| Khaki2 | #EDE275 | |
| Goldenrod | #EDDA74 | |
| Gold2 | #EAC117 | |
| Gold1 | #FDD017 | |
| Goldenrod1 | #FBB917 | |
| Goldenrod2 | #E9AB17 | |
| Gold | #D4A017 | |
| Gold3 | #C7A317 | |
| Goldenrod3 | #C68E17 | |
| Dark Goldenrod | #AF7817 | |
| Khaki | #ADA96E | |
| Khaki3 | #C9BE62 | |
| Khaki4 | #827839 | |
| Dark Goldenrod1 | #FBB117 | |
| Dark Goldenrod2 | #E8A317 | |
| Dark Goldenrod3 | #C58917 | |
| Sienna1 | #F87431 | |
| Sienna2 | #E66C2C | |
| Dark Orange | #F88017 | |
| Dark Orange1 | #F87217 | |
| Dark Orange2 | #E56717 | |
| Dark Orange3 | #C35617 | |
| Sienna3 | #C35817 | |
| Sienna | #8A4117 | |
| Sienna4 | #7E3517 | |
| Indian Red4 | #7E2217 | |
| Dark Orange3 | #7E3117 | |
| Salmon4 | #7E3817 | |
| Dark Goldenrod4 | #7F5217 | |
| Gold4 | #806517 | |
| Goldenrod4 | #805817 | |
| Light Salmon4 | #7F462C | |
| Chocolate | #C85A17 | |
| Coral3 | #C34A2C | |
| Coral2 | #E55B3C | |
| Coral | #F76541 | |
| Dark Salmon | #E18B6B | |
| Salmon1 | #F88158 | |
| Salmon2 | #E67451 | |
| Salmon3 | #C36241 | |
| Light Salmon3 | #C47451 | |
| Light Salmon2 | #E78A61 | |
| Light Salmon | #F9966B | |
| Sandy Brown | #EE9A4D | |
| Hot Pink | #F660AB | |
| Hot Pink1 | #F665AB | |
| Hot Pink2 | #E45E9D | |
| Hot Pink3 | #C25283 | |
| Hot Pink4 | #7D2252 | |
| Light Coral | #E77471 | |
| Indian Red1 | #F75D59 | |
| Indian Red2 | #E55451 | |
| Indian Red3 | #C24641 | |
| Red | #FF0000 | |
| Red1 | #F62217 | |
| Red2 | #E41B17 | |
| Firebrick1 | #F62817 | |
| Firebrick2 | #E42217 | |
| Firebrick3 | #C11B17 | |
| Pink | #FAAFBE | |
| Rosy Brown1 | #FBBBB9 | |
| Rosy Brown2 | #E8ADAA | |
| Pink2 | #E7A1B0 | |
| Light Pink | #FAAFBA | |
| Light Pink1 | #F9A7B0 | |
| Light Pink2 | #E799A3 | |
| Pink3 | #C48793 | |
| Rosy Brown3 | #C5908E | |
| Rosy Brown | #B38481 | |
| Light Pink3 | #C48189 | |
| Rosy Brown4 | #7F5A58 | |
| Light Pink4 | #7F4E52 | |
| Pink4 | #7F525D | |
| Lavendar Blush4 | #817679 | |
| Light Goldenrod4 | #817339 | |
| Lemon Chiffon4 | #827B60 | |
| Lemon Chiffon3 | #C9C299 | |
| Light Goldenrod3 | #C8B560 | |
| Light Golden2 | #ECD672 | |
| Light Goldenrod | #ECD872 | |
| Light Goldenrod1 | #FFE87C | |
| Lemon Chiffon2 | #ECE5B6 | |
| Lemon Chiffon | #FFF8C6 | |
| Light Goldenrod Yellow | #FAF8CC |
1/06/2010
Subscribe to:
Posts (Atom)
