Trang này chỉ copy lại để làm tài liệu cho mình thôi: Nếu có bài của bạn, thì xin bỏ qua. Cảm ơn.
Tuesday, 21 August 2012
Menu GGM trên đầu, có search
<style> #tabsB { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; } #tabsB ul { margin:0; padding:10px 10px 0 10px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGETwhBRZviPXGX-qOvG0j-DGG7l6oIK4-P0BKSqGzKBkJdnslnd34fgGihlQ1ALv254AYgjPP3GLML4tJjALm-i2hcY6JSU93L0K-Oudw3sFSd7qz5kixDN3jZYuJgfgwVDBmRYl_xo/s1600/tableftB.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicwl05S46E-NXeKQ95UwdUZ7daM5T6zuGGBcA1GdLs3n_DbYBN_ljxFmPC97IaQQp6J7VJ6WkF5EaCytwO5pE9SLir4TK0fDS_tQg38-VBIEZABpqfAXTV7BbIwYGtg3xmKx2ulrrhyxo/s1600/tabrightB.png) no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#000; } #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; } </style> <div id="tabsB"> <ul>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<form action="search" style="text-align: center;" method="get">
<input value="Search..." name="q" onclick="if(this.value=='search...')this.value=''" onblur="if(this.value=='')this.value='search...'" type="text"/> <input value="Search" type="submit"/>
</form> </ul> </div>
Labels:
Giogiaomua
Subscribe to:
Post Comments (Atom)

No comments:
Post a Comment