Recent comments

Reply to: Chỉnh sửa và kiểm lỗi JavaScript trực tuyến. 3 weeks 11 hours ago
jsFiddle cung la mot cong cu

jsFiddle cung la mot cong cu pho bien.
Reply to: MVC là gì? 5 weeks 13 hours ago
'

'
Reply to: HTML5 Canvas: lật ngược hình (scale) 6 weeks 6 days ago
hello!

hello!
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 19 hours ago
Vậy thì tìm xem có js bắt sự

Vậy thì tìm xem có js bắt sự kiện click hem.
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 22 hours ago
bạn thử đổi link khác vẫn

bạn thử đổi link khác vẫn không chạy, bài bữa gởi ko có link thực tế, h gắn vô ko chạy dc
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 23 hours ago
Bỏ toàn href="#" sao link đc

Bỏ toàn href="#" sao link đc bạn. đổi # thành link bạn muốn link tới cho mỗi link =.=
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 23 hours ago
sao mấy cái thẻ <a> của mình

sao mấy cái thẻ <a> của mình hok bắt link bạn xem lại hộ cái, ko có link tới đâu dc hết
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 5 days ago
thank gián con, có quá nhiều

thank gián con, có quá nhiều thuộc tính dư thưa, bỏ bớt bây h phóng nhỏ thu to điều ok cả...
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 5 days ago
sites/default/files/lavalamp-

sites/default/files/lavalamp-0_2_0.rar

file em nó đay :D
Reply to: giúp Canh Chỉnh với padding và margin 9 weeks 5 days ago
Dùng li hay div vậy bạn,

Dùng li hay div vậy bạn, attach file dể hiểu hơn.
Reply to: Tạo menu dropdown đơn giản với CSS không cần dùng js 10 weeks 3 days ago
Nếu bạn muốn làm bất cứ cái

Nếu bạn muốn làm bất cứ cái nào thì bạn cũng làm từ cái đơn giản nhất. Cái submenu thứ nhất bạn còn chưa nắm cách làm thì mò cái sub trong cái sub.. tới khi nào. :p, Khi nào có kết quả nhớ chia sẽ cho mình với nha, vì ko có bản vẽ mình cũng ko biết bạn đang muốn gì. :)
Reply to: Tạo menu dropdown đơn giản với CSS không cần dùng js 10 weeks 4 days ago
cách của bạn là một giải pháp

cách của bạn là một giải pháp tình thế :D nếu mình muốn cái submenu nó có một phần ở trong một phần ở ngoài thì kiểu gì cũng vẫn bị chèn nhau. Thanks
Reply to: Tạo menu dropdown đơn giản với CSS không cần dùng js 10 weeks 4 days ago
Bạn sửa CSS thành thế này thử

Bạn sửa CSS thành thế này thử xem nhé:

.menu
        {
            list-style-type:none;
            width:150px;
        }
        .menu li
        {
            background:blue;
            padding:20px;
            font-weight:bold;
            border-top:1px solid #000;
        }
        .menu li a:hover
        {
            text-decoration:underline;
        }
        .menu li a
        {
            color:#fff;
            text-decoration:none;
        }

        /* more menu */
        li.moreitem > a
        {
            background:url(https://sites.google.com/site/testcodesite2011/home/luu-tru/more-icon.gif) right center no-repeat;
            padding-right:25px;
        }
        li.moreitem
        {
            position:relative;
        }
        .moredropdown div
        {
            padding:5px 0;
        }
        .moredropdown
        {
            display:none;
            position:absolute;
            background:green;
            padding:5px;
            left:150px;
            width:180px;
            top:20px;
        }
        li.moreitem:hover .moredropdown
        {
            display:block;
        }
Reply to: Tạo menu dropdown đơn giản với CSS không cần dùng js 10 weeks 4 days ago
Mình đã làm được nhưng có một

Mình đã làm được nhưng có một vấn đề nhỏ là khi 2 hoặc nhiều hơn 1 submenu gần nhau thì cái dưới sẽ chèn lên cái trên vậy làm sao để khắc phục lỗi này? ví dụ code của mình là:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>CSS - giancon.me</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        .menu
        {
            list-style-type:none;
        }
        .menu li
        {
            background:blue;
            padding:20px;
            font-weight:bold;
        }
        .menu li a:hover
        {
            text-decoration:underline;
        }
        .menu li a
        {
            color:#fff;
            text-decoration:none;
        }

        /* more menu */
        li.moreitem > a
        {
            background:blue url(https://sites.google.com/site/testcodesite2011/home/luu-tru/more-icon.gif) right center no-repeat;
            padding-right:25px;
        }
        li.moreitem
        {
            position:relative;
        }
        .moredropdown div
        {
            padding:5px 0;
        }
        .moredropdown
        {
            display:none;
            position: absolute;
            background:blue;
            padding:5px;
            margin-left:200px;
            left:0;
            width:180px;
        }
        li.moreitem:hover .moredropdown
        {
            display:block;
        }
    </style>
</head>
<body>
<ul class="menu">
    <li><a href="https://sites.google.com/site/qbinh68/home">Trang chủ</a></li>
    <li><a href="https://sites.google.com/site/qbinh68/dien-dan">Diễn đàn</a></li>
    <li class="moreitem"><a href="https://sites.google.com/site/qbinh68/tin-hoc">Tin học</a>
        <div class="moredropdown">
            <div><a href="https://sites.google.com/site/qbinh68/tin-hoc/microsoft-excel">Micorosoft Excel</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/tin-hoc/microsoft-word">Micorosoft Word</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/tin-hoc/microsoft-powerpoint">Microsoft Powerpoint</a></div>
        </div>
    </li>
    <li class="moreitem">
        <a href="https://sites.google.com/site/qbinh68/thu-thuat">Thủ thuật</a>
        <div class="moredropdown">
            <div><a href="https://sites.google.com/site/qbinh68/thu-thuat/opencart">Opencart</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/thu-thuat/google-sites">Google site</a></div>
            <div><a href="https://sites.google.com/site/qbinh68/thu-thuat/joomla">Joomla</a></div>
        </div>
    </li>
    <li><a href="https://sites.google.com/site/qbinh68/dowload">Download</a></li>
    <li><a href="https://sites.google.com/site/qbinh68/lien-he">Liên hệ</a></li>
    <li><a href="https://sites.google.com/site/qbinh68/system/app/pages/sitemap/hierarchy">Sơ đồ trang</a></li>
</ul>
</body>
</html>
Reply to: Đẹp từng em với HTML5 10 weeks 5 days ago
@meo: link ở dưới từng hình

@meo: link ở dưới từng hình đó bạn ^^
Reply to: Đẹp từng em với HTML5 10 weeks 5 days ago
hey, sao gián ko gắn link

hey, sao gián ko gắn link demo trực tiếp cho từng cái hình minh họa để user click vô xem demo? :"}
Reply to: Vẽ vời với các đường cơ bản 11 weeks 2 days ago
Vẽ hình hoàn chỉnh với

Vẽ hình hoàn chỉnh với closePath():

window.onload = function()

{

   var canvas = document.getElementById("myCanvas");

   var context = canvas.getContext("2d");

   context.beginPath();

   context.moveTo(170, 80);

   context.bezierCurveTo(130, 100, 130, 150, 230, 150);

   context.bezierCurveTo(250, 180, 320, 180, 340, 150);

   context.bezierCurveTo(420, 150, 420, 120, 390, 100);

   context.bezierCurveTo(430, 40, 370, 30, 340, 50);

   context.bezierCurveTo(320, 5, 250, 20, 250, 50);

   context.bezierCurveTo(200, 5, 150, 20, 170, 80);

   context.closePath(); // nối điểm hiện tại tới điểm đầu tiên - kết thúc vẽ hình

   context.lineWidth = 5;

   context.strokeStyle = "#0000ff";

   context.stroke();

};

Kết quả:
Reply to: HTML5: vẽ đường thẳng với Canvas lineTo 11 weeks 2 days ago
Mặc định khi hai đường thẳng

Mặc định khi hai đường thẳng nối với nhau nó sẽ tạo thành một góc nhọn, nếu chúng ta muốn chỉnh chổ này thành tròn hay một góc ngang qua có thể dùng thuộc tính lineJoin.

Cú pháp:

context.lineJoin=[value];
Value có 3 giá trị
"miter", "round" và "bevel" lần lược sẽ cho ra kết quả như sau:
Reply to: Vẽ đường cong phức tạp vói Canvas bezierCurveTo 11 weeks 2 days ago
Vẽ trái tim có bóng

Vẽ trái tim có bóng đỗ:

Javascript

var canvas = document.getElementById("mycanvas");
      if (canvas.getContext) {
        var ctx = canvas.getContext("2d");

          //ve trai tim trai
        ctx.fillStyle= "#ff0000";
        ctx.beginPath();
        ctx.moveTo(200,50);
        ctx.bezierCurveTo(270,10, 280, 80, 200,120);
        ctx.bezierCurveTo(120,80, 130, 10, 200,50);

        ctx.shadowBlur = 5; // độ rộng bóng đỗ
        ctx.shadowColor = "black"; // màu bóng đỗ
        ctx.fill();


        //ve trai tim phai
        ctx.fillStyle= "#ffff00";
        ctx.beginPath();
        ctx.moveTo(280,60);
        ctx.bezierCurveTo(350,20, 360, 90, 280,130);
        ctx.bezierCurveTo(200,90, 210, 20, 280,60);
        ctx.shadowBlur = 5; // độ rộng bóng đỗ

        ctx.shadowColor = "black"; // màu bóng đỗ
        ctx.fill();
      }

Kết quả:
Reply to: Vẽ hình cung với Cavas arc 11 weeks 3 days ago
Ứng dụng vẽ mặt

Ứng dụng vẽ mặt người:

Javascript:

window.onload = function(){
                var canvas = document.getElementById("myCanvas");
                var ctx = canvas.getContext("2d");

                // bắt đầu vẽ mặt người
                ctx.beginPath();
                ctx.arc(200, 100, 90,0, Math.PI * 2,false); // tâm x 200, tâm y 100, bán kính 90px
                ctx.lineWidth = 5;
                ctx.strokeStyle = "black";
                ctx.stroke(); // vẽ đường viền
                ctx.fillStyle="white"; // màu nền
                ctx.fill(); // tô màu nền cho tam giác

                // vẽ mắt trái
                ctx.beginPath();
                ctx.arc(150,70,10,0,Math.PI * 2, false);
                ctx.lineWidth = 1;
                ctx.stroke();
                //vẽ tròng mắt trái
                ctx.beginPath();
                ctx.arc(154,72,4,0,Math.PI * 2, false);
                ctx.lineWidth = 1;
                ctx.stroke();
                ctx.fillStyle = "black";
                ctx.fill();


                // vẽ mắt phải
                ctx.beginPath();
                ctx.arc(250,70,10,0,Math.PI * 2, false);
                ctx.stroke();
                //vẽ tròng mắt phải
                ctx.beginPath();
                ctx.arc(246,72,4,0,Math.PI * 2, false);
                ctx.lineWidth = 1;
                ctx.stroke();
                ctx.fillStyle = "black";
                ctx.fill();


                // vẽ miệng cười
                ctx.beginPath();
                ctx.strokeStyle = "pink";
                ctx.lineWidth = 5;
                ctx.lineCap    = "round"; // bo tròn hai đầu miệng =.=
                ctx.arc(200, 0, 150, 0.4 * Math.PI, 0.6 * Math.PI, false);
                ctx.stroke();
        };

Kết quả:
Reply to: HTML5: vẽ đường thẳng với Canvas lineTo 11 weeks 4 days ago
Ứng dụng vẽ hình tam giác,

Ứng dụng vẽ hình tam giác, hình vuông và ngôi sao với lineTo()

Javascript:

window.onload = function(){
                var canvas = document.getElementById("myCanvas");
                var ctx = canvas.getContext("2d");

                // bắt đầu vẽ tam giác
                ctx.beginPath();
                ctx.moveTo(100,20);
                ctx.lineTo(180, 80); // đường 1
                ctx.lineTo(100, 80); // đường 2
                ctx.closePath(); // đường 3
                ctx.lineWidth = 5; // độ rộng đường viền
                ctx.strokeStyle = "black"; // màu đường viền
                ctx.stroke(); // vẽ đường viền
                ctx.fillStyle="red"; // màu nền
                ctx.fill(); // tô màu nền cho tam giác

                // vẽ hình ngôi sao
                ctx.beginPath();
                ctx.moveTo(180, 50);
                ctx.lineTo(300,120);
                ctx.lineTo(250,20);
                ctx.lineTo(200,120);
                ctx.lineTo(320,50);
                ctx.closePath();
                ctx.strokeStyle = "black";
                ctx.fillStyle = "white";
                ctx.fill();
                ctx.stroke();

                // vẽ hình vuông
                ctx.beginPath();
                ctx.moveTo(350, 10);
                ctx.lineTo(350,110);
                ctx.lineTo(450,110);
                ctx.lineTo(450,10);
                ctx.closePath();
                ctx.strokeStyle = "black";
                ctx.fillStyle = "yellow";
                ctx.fill();
                ctx.stroke();
};

Kết quả:
Reply to: SlideShow Random Images 11 weeks 6 days ago
Script tương tự cái này nè,

Script tương tự cái này nè, http://giancon.me/background-slideshow, thay đổi số thứ tự hiện tại thành random thôi.
Reply to: SlideShow Random Images 11 weeks 6 days ago
Xin lần nguyên gói luôn hả,

Xin lần nguyên gói luôn hả, ^^.
Reply to: Tạo menu dropdown đơn giản với CSS không cần dùng js 13 weeks 4 days ago
Tương tự menu ngang thôi bạn,

Tương tự menu ngang thôi bạn, mình nghỉ nếu bạn hiểu được cách viết cho menu ngang thì bạn sẽ ứng dụng được cho menu dọc.

- Chổ khác nhau chỉ là: li không cần float:left. Submenu: bỏ top & left thay đổi thông số 1 chút.
Reply to: Tạo menu dropdown đơn giản với CSS không cần dùng js 13 weeks 4 days ago
Đây là menu ngang vậy còn

Đây là menu ngang vậy còn menu dọc thì làm như thế nào ah?