TAILIEUCHUNG - html xhtml and css for dummies 7th edition phần 8

Các văn bản liên kết vẫn còn hiện lên trên màn hình bất kể cho dù bạn truy cập các trang liên kết. Hình 16-3 cho thấy cách trang xuất hiện sau khi bạn truy cập vào trang chủ của trang web này. Mặc dù văn bản được chuyển sang màu xám, nó vẫn còn một liên kết | Chapter 16 Fun with Client-Side Scripts 267 Figure 16-2 Moving the cursor over the link text changes the text and background colors. The link text still shows up onscreen regardless of whether you visited the linked page. Figure 16-3 shows how the page appears after you visit this site s home page. Although that text is grayed out it s still a link so rolling over it still produces the same effect shown in Figure 16-2. Listing 16-1 A Text Rollover with CSS DOCTYPE html PUBLIC - W3C DTD XHTML Transitional EN http TR xhtml1 DTD html xmlns http 1999 xhtml head title CSS Text Rollover title meta http-equiv Content-Type content text html charset ISO-8859-1 style type text css h4 font 18pt geneva sans-serif margin 0 color teal background white a text-decoration none div navbar width 200px div navbar a display block margin 0 padding div navbar a link color 008080 background-color transparent div navbar a visited color C0C0C0 background-color transparent div navbar a hover background black color white style head body div id navbar h4 a href Home a h4 h4 a href About Me a h4 div body html In this example we change the text from teal-on-white to white-on-black when the cursor hovers over the link that way it s easy for you to see what s going on in the screenshots. You may want to use a different approach on your site or a different color scheme . The link goes gray after being visited. 268 Part IV Scripting and X HTML Figure 16-3 After you visit a page the link text color shows that the page was visited. Adding this type of navigation to your site couldn t be simpler 1. Within the head tags add the preceding code from Listing 16-1 inside and including the style and style tags. 2. Add links inside individual h4 tags. 3. Make sure that the entire menu is inside a div tag with an id attribute of navbar. If you add the CSS to your site via a link to a site-wide external style sheet see Chapters 9 .

• Đồ họa - Thiết kế - Flash
• thiết kế đồ họa
• phương pháp thiết kế đồ họa
• Thiết kế Logo đồ họa flash
• thiết kế nội dung đồ họa cho game flash
• Thiết kế giao diện web
• thiết kế Flash
• Tóm tắt Đồ án tốt nghiệp
• Đồ án tốt nghiệp Thiết kế đồ họa
• Thiết kế đồ họa quảng cáo
• Thiết kế đồ họa quảng cáo cho Phoenix Resort
• Thiết kế đồ họa quảng cáo nhà hàng pizza chay
• Đồ án tốt nghiệp
• Thiết kế đồ họa quảng cáo cho showroom oto
• Thiết kế đồ họa quảng cáo cho shop giày
• Thiết kế đồ họa quảng cáo cho nha khoa
• Thiết kế truyện tranh Việt Nam
• Thiết kế Logo Ess Condom
• Thiết kế đồ họa quảng cáo cho thực phẩm chức năng
• Thiết kế logo thực phẩm chức năng
• Thiết kế đồ họa quảng cáo cho nhà hàng
• Thiết kế poster quảng cáo món sushi
• Thương hiệu B Solly Fashion
• Thiết kế các poster quảng cáo fashion show
• Thiết kế poster quảng cáo sữa trái cây
• Quảng bá thương hiệu
• Du lịch biển Seahorse Travel
• Hình thức quảng cáo cho sản phẩm
• Thiết kế đồ họa công ty du lịch
• Quán cơm nhà Xứ Quảng
• Thiết kế đồ họa quảng cáo cho quán cơm
• Thiết kế đồ họa quảng cáo thương hiệu Mỹ phẩm
• Mỹ phẩm thiên nhiên
• Quy trình làm phim hoạt hình 2D
• Công ty nước hoa Florentino
• Thiết kế đồ họa quảng cáo sự kiện
• Festival Music Mix Danang
• Công viên Asia Park
• Thiết kế đồ họa quảng cáo cho công viên
• Công ty The Universe
• Thương hiệu game Shotgaming
• Thiết kế đồ họa quảng cáo cho nhà hàng thực chay
• Nhà hàng thực chay
• Gallery thân võ
• Nhà hàng Shrimp Restaurant
• Thiết kế đồ họa quảng cáo sản phẩm
• Xây dựng bao bì sản phẩm