Category Archives: Web-Design

CSS: CENTERING THINGS

A common task for CSS is to center text or images. In fact, there are three kinds of centering:

Centering lines of text
Centering a block of text or an image
Centering a block or an image vertically Tiếp tục đọc

Advertisements
Đăng tải tại Web-Design | Thẻ , , , , , , , , , , , , , , , , , , , , , , , ,

One-pixel table border with CSS

Table border fix for IE Tiếp tục đọc

Đăng tải tại Web-Design | Thẻ , , , , , , , , , , , , , , , , , ,

tipsy – Facebook-style tooltip plugin for jQuery

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute. Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , , , , , , , , , , ,

jQuery Sticky Tooltip

Tooltip sẽ được hiện lên khi chúng ta rê chuột vào bất cứ phần tử nào của trang web ( thẻ a , hình ảnh … ) và có thể được giữ lại trên màn hình bằng cách bấm phím ‘s’ hoặc click chuột phải. Nội dung của mỗi tooltip là các đoạn mã HTML vì thế rất dễ dàng cho chúng ta chỉnh sửa. Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , , , , , , , , , , ,

Cool Yahoo! Messenger Status Image on your Website / Blog / Friendster / Myspace

Tell your visitor that you’re online by putting these cool icons on your website or on your blog. You can also add it on your social networking site like Friendster, Myspace, Facebook, Orkut etc. as long as it allows you to put HTML codes on it. Just follow the instructions provided. Tiếp tục đọc

Đăng tải tại Web-Design | Thẻ , , , , , , , , , , , , , , , , ,

Automatic Image Slider with CSS & jQuery

Start with having a wrapping container div called main_view, and two sections nested inside called image_reel and paging. The image_reel will contain the sliding images, and paging contains the paging controls. Take a look at the image below for a visual. Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , , , , , , , , ,

Horizontal Subnav with CSS & jQuery

Nice and simple! Hope this will come in handy in your future projects. If you have any questions, suggestions, or concerns, please don’t hesitate to let me know! Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , , ,

Mega Drop Down Menus with CSS & jQuery

Start by creating an unordered list. Since we will be using CSS Sprites for our navigation states, each link within the list item should have a unique class name to it. Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , ,

Fancy Thumbnail Hover Effect with CSS & jQuery

Our markup will be fairly simple, just an unordered three columned list. Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , , ,

Simple Tabs with CSS & jQuery

Use an unordered list for your tabs, and follow up with the “tab_container” container right below it. Make note that each list item (tabs) has an attribute of “href” that matches the ID of the “.tab_content” div. Tiếp tục đọc

Đăng tải tại jQuery | Thẻ , , , , , , , , , , ,