kết quả từ 1 tới 6 trên 6

Ðề tài: Css - Tạo cửa sổ popup khi rê chuột vào ảnh(css tooltip)

  1. #1
    Tham gia ngày
    Apr 2009
    Bài gởi
    80
    Thanks
    0
    Được cảm ơn 19 lần trong 13 bài viết

    Default Css - Tạo cửa sổ popup khi rê chuột vào ảnh(css tooltip)

    Với vài đọan code CSS nhỏ ta có thể tạo một cửa sổ popup để hiển thị ảnh rất chuyên nghiệp mà không cần tới javascript. Thủ thuật cho phép hiện thị của sổ popup của ảnh gốc khi ta chuột vào.http://www.hanoiluckyhotel.com/

    Để thực hiển, trước tiên bạn chèn đọan code CSS này vào trước thẻ đóng </head> trong code template:
    - Đăng nhập blog
    - Vào bố cục
    - Vào chỉnh sửa code HMTL
    - Chèn đọan code CSS bên dưới vào trước dòng code </head>

    <style type='text/css'> .img-thumbnail{
    position: relative;
    z-index: 0;
    }
    .img-thumbnailover{
    background-color: transparent;
    z-index: 50;
    }
    .img-thumbnail span{
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
    left: -1000px;
    border: 1px solid #000;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }
    .img-thumbnail span img{
    border-width: 0;
    padding: 2px;
    }
    .img-thumbnailover span{
    visibility: visible;
    top: -100px;
    left:100px;
    }
    </style>


    - Dòng code màu đỏ chính là vị trí popup sẽ hiển thị ở trong blog của bạn. Hãy điều chỉnh 2 giá trị này để có được vị trí thích hợp nhất trên blog của bạn.
    - Save template.
    Và sau cùng là code HTML:

    <afont-weight: bold;">img-thumbnail" href="#">
    <img src="link ảnh1" border="0" height="98" width="130"/>
    <span>
    <img src="link ảnh1"/>
    </span>
    </a>

  2. Cảm ơn kunnau cho bài viết này:

    lekimxuyen (12-09-2009)

  3. #2
    Tham gia ngày
    Jan 2010
    Bài gởi
    2
    Thanks
    0
    Được cảm ơn 0 lần trong 0 bài viết

    Default

    minh muon tao 1 menu voi 3 link trong menu do!

    minh muon khi lick chuột vào 1 link thi nó sẽ hiện thị 1 hình ảnh minh họa tương ứng.. minh kiem đoạn code css đó hoài mà ko có. Bạn có thể giúp mình dc ko? Cảm ơn bạn nhiều

  4. #3
    Tham gia ngày
    Sep 2008
    Bài gởi
    794
    Thanks
    53
    Được cảm ơn 329 lần trong 113 bài viết

    Default

    http://www.phatfusion.net/imagemenu/ kiểu này được ko bạn. Sử dụng mootools

  5. #4
    Tham gia ngày
    Jan 2010
    Bài gởi
    2
    Thanks
    0
    Được cảm ơn 0 lần trong 0 bài viết

    Default

    hĩ..hic.. ko phải bạn ới!

    vi du nha!

    hệ thông menu cua minh la menu text: áo thời trang - quần thời trang - giầy thời trang...

    KHi mình click chuột vào "áo thời trang" banner ở trên của mình là banner về áo, còn ngược lại mình click vào "quần thời trang" thì banner trên của mình là banner về quần... bạn hiểu chưa??

    nếu có doan code đó thì share cho mình nha. cảm ơn bạn nhiều

  6. #5
    Tham gia ngày
    Sep 2010
    Bài gởi
    5
    Thanks
    0
    Được cảm ơn 0 lần trong 0 bài viết

    Smile

    Mình nghĩ là bạn muốn làm vậy thì phải sử dụng javascript chứ css thì không làm được chuyện đó. Còn nếu bạn có thể thì share cho mình với.

  7. #6
    Tham gia ngày
    May 2011
    Bài gởi
    1
    Thanks
    0
    Được cảm ơn 0 lần trong 0 bài viết

    Exclamation sự cố css

    khj lam 1 hjh anh nhu thế thì ok.
    thế nhưng khj mjh lam nhieu hình vd nhu 3dong 3 cột tao hiệu ứng đó có vấn đề zday. khi rê chuột vào thì hình nó nằm dưới những tấm hình cố định.
    không thấy dc thông tin chj tiet của sp
    mình phải sua nhu the nào? có ai giúp mình với.

Quuyền Hạn Của Bạn

  • Bạnkhông thể tạo chủ đề
  • Bạn không thể viết trã lời
  • Bạn không thể đính kèm tập tin vào vài viết
  • Bạn không thể sửa bài viết của bạn
  •