Ես փորձում եմ ձեռք բերել կպչուն նավիգացիոն տող իմ վեբ էջի համար և խնդիրներ ունեմ իմ գտածի հետ: Միգուցե ինչ-որ մեկը կարող է օգնել ինձ:
«Կպչուն դիրքի» գաղափարը կայքէջում տարրերը կպչուն դարձնելն ու տեսանելի դարձնելն է: Այդ տարրերը սկզբում կլինեն իրենց դիրքում, իսկ հետո վեբ էջը ներքև ոլորելու դեպքում նրանց դիրքը կլինի ոլորման հետևից:
Ահա իմ ունեցածի հղումը, որը ցույց է տալիս նաև նավիգացիոն տողը:
Եվ այս ուղեցույցի հղումը, որը ես փորձեցի հետևել
Ահա մի քանի համապատասխան CSS.
/* Navigation bar */
#navi {
height: 40px;
width: 961px;
background: #1e416f;
font-size: 14px;
color: white;
text-transform: uppercase;
margin: 0 0 20px 0;
}
Ահա որոշ համապատասխան HTML.
<!-- NAVIGATION -->
<div id="navi">
<h1 class="logo"><a href="#">CAUL/CBUA</a></h1>
<ul id="primary-nav">
<li><a href="#">Directories</a></li>
<li><a href="#">Committees</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">About</a></li>
</ul>
<ul id="tools-nav">
<li class="login"><a href="#">Log In</a></li>
<li class="email icon"><a href="#">Email</a></li>
<li class="twitter icon"><a href="#">Twitter</a></li>
<li class="search icon"><a href="#">Search</a></li>
</ul>
</div>
Ես չեմ պատրաստվում անհանգստանալ զետեղել այն, ինչ ես եմարել, քանի որ ձեռնարկում ընդհանրապես շատ բան չկա: միակ բանը, որ ես փոխել եմ այն, ինչ տեսնում եք այդ ձեռնարկում, այն է, որտեղ երբևէ ասվում է nav, ես այն փոխեցի navi, քանի որ դա այն է, ինչ ես ունեմ: իմ CSS-ում:
ԿԱՄ եթե որևէ մեկն ունի նմանատիպ այլ գաղափարներ, ես բաց եմ դրա համար: