Navigācija - by skyr
|
|
skyr | Datums: Ceturtdiena, 09.06.11, 09:45:45 | Ziņojums # 1 |

|
Ieraksti: |
371 |
Reģistrācija: |
08.01.11 |
Reputācija: |
|
Statuss: |
 | |
|
|
Diezgan smuka navigācija, kas man pašam ļoti patīk un ir izdevusies.
Izmēri : 900x30 [WIDTHxHEIGHT]
1. Ielādējam šīs abas bildes, savā failu menedžerī, mapītē "images". http://skyr.ucoz.lv/images/nav.png http://skyr.ucoz.lv/images/nav-hover.png
2. Ievietojam šo kodu savā HTML, vietā, kur gribam redzēt navigāciju. Code <div id="navigation"> <li><a href="/"> Sakums</a></li> <li><a href="/forum"> Forums</a></li> <li><a href="/index/about/0-5"> Par Mums</a></li> <li><a href="/blog"> Video</a></li> <li><a href="/load"> Faili</a></li> </div>
3. Un visbeidzot, ievietojam šo savā CSS kodā & failā. Code #navigation { background: url(http://skyr.ucoz.lv/images/nav.png); width:900px; height:30px; font-size:11px; font-weight: bold; position:relative; font-family: sans-serif; }
#navigation li { float:left; list-style-type:none; position:relative; display:block; border-right: 1px solid #000000; }
#navigation li a { float:left; text-decoration:none; color:white; text-shadow: #000000 0 2px 2px; position:relative; padding:7px 16px 0 17px; height:23px; }
#navigation li a:hover { background: url(/images/nav-hover.png); text-decoration:none; color:#FFFFFF; }
4. Navigāja uzstādīta.
Kodēja & Dizainēja skyr
Moj steam account.
|
|
| |
skyr | Datums: Ceturtdiena, 09.06.11, 10:12:59 | Ziņojums # 2 |

|
Ieraksti: |
371 |
Reģistrācija: |
08.01.11 |
Reputācija: |
|
Statuss: |
 | |
|
| Kā navigācijai pienot, mainīt vai noņemt pogas?
Viss ar ko būs jāstrādā ir šis kods - Code <div id="navigation"> <li><a href="/"> Sakums</a></li> <li><a href="/forum"> Forums</a></li> <li><a href="/index/about/0-5"> Par Mums</a></li> <li><a href="/blog"> Video</a></li> <li><a href="/load"> Faili</a></li> </div>
Ņemsim vienu rindiņu, vai "pogu" Code <li><a href="/"> Sākums</a></li>
Šī skaitās poga, href="ŠEIT" ievietojam linku, un tur kur ir Sākums ievotojam tekstu, kas atradīsies uz pogas.
Ja vēlamies sev uz navigācijas piemēram Sākumu, Forumu un Blogu, tad navigācijas kods izskatīsies šādi : Code <div id="navigation"> <li><a href="/"> Sakums</a></li> <li><a href="/forum"> Forums</a></li> <li><a href="/blog"> Blogs</a></li> </div>
Tas arī viss, ja ko vēlaties uzzināt, prasat šeit vai @palīdzība.
Moj steam account.
|
|
| |
|
skyr | Datums: Ceturtdiena, 09.06.11, 14:45:09 | Ziņojums # 4 |

|
Ieraksti: |
371 |
Reģistrācija: |
08.01.11 |
Reputācija: |
|
Statuss: |
 | |
|
| Quote (Snapiņš) Būtu labi ja hoveris būtu ar pamainīts. smile
Ok, ko tur mainīt?
Moj steam account.
|
|
| |
Snapiņš | Datums: Ceturtdiena, 09.06.11, 15:27:17 | Ziņojums # 5 |

|
Ieraksti: |
102 |
Reģistrācija: |
07.03.11 |
Reputācija: |
|
Statuss: |
 | |
|
| Krāsas piemēram
#navigation li a { float:left; text-decoration:none; color:white; text-shadow: #000000 0 2px 2px; position:relative; padding:7px 16px 0 17px; height:23px; }
#navigation li a:hover { background: url(/images/nav-hover.png); text-decoration:none; text-shadow: gray 0 2px 2px; color:#FFFFFF; }
|
|
| |
p0sitiv3 | Datums: Otrdiena, 30.08.11, 09:26:58 | Ziņojums # 6 |

|
Ieraksti: |
12 |
Reģistrācija: |
25.06.11 |
Reputācija: |
|
Statuss: |
 | |
|
| man nesanak uzlikt viņu. viņš jaiekopē ir tai CSS failā kautkur lejā? vai arīī.. jaizstāj. ?Pievienots (30.08.11, 09:26:58) --------------------------------------------- ALOOOOO...! PALIDZAT KADS UZLIKT TO SRANO NAVIGACIJU.!
|
|
| |
skyr | Datums: Otrdiena, 30.08.11, 14:16:18 | Ziņojums # 7 |

|
Ieraksti: |
371 |
Reģistrācija: |
08.01.11 |
Reputācija: |
|
Statuss: |
 | |
|
| Quote (p0sitiv3) ALOOOOO...! PALIDZAT KADS UZLIKT TO SRANO NAVIGACIJU.!
manas lietas nav "sranas" , +20
Moj steam account.
|
|
| |
roberto | Datums: Piektdiena, 04.05.12, 22:15:01 | Ziņojums # 8 |

|
Ieraksti: |
4 |
Reģistrācija: |
05.04.12 |
Reputācija: |
|
Statuss: |
 | |
|
| Paldies Loti Noderēja
|
|
| |
KitKat | Datums: Svētdiena, 08.07.12, 22:49:02 | Ziņojums # 9 |

|
Ieraksti: |
4 |
Reģistrācija: |
08.07.12 |
Reputācija: |
|
Statuss: |
 | |
|
| Smuka jau irr!
|
|
| |
|