Results 1 to 9 of 9

Thread: Ìåíþ

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User donfaster's Avatar
    Join Date: Jul:2011
    Location: Dobrich,Bulgaria
    Posts: 132

    Ìåíþ

    Çäðàâåéòå, íÿêîé îò âàñ, ìîæå ëè äà ìè äàäå èíôî, êàê ìîãà äà ñè íàïðàâÿ çà ñàéòà ñè ìåíþ, êàòî òîâà â ñàéòà íà Ì-Òåë ?

  2. #2
    Registered User
    Join Date: Dec:2011
    Location: Sofia
    Posts: 148
    Èìàø ïðåäâèä áóòîíèòå ëè ?.. èëè êàêâî ? Íåìîãà äà òå ðàçáåðà.

  3. #3
    Slacker Butcher's Avatar
    Join Date: Dec:2003
    Location: Ñîôèÿ
    Posts: 1,631
    JQuery Menu, ìîæå äà ñå ïîðàçðîâèø èç íåòà, ïúëíî å ñ ïîäîáíè ìåíþòà, àêî ïúê äúðæèø äà å 1:1 êàòî òîâà îò Ìòåë -> view page source

  4. #4
    Registered User donfaster's Avatar
    Join Date: Jul:2011
    Location: Dobrich,Bulgaria
    Posts: 132
    ìåðñè, äà çíàì è çà òîçè ìåòîä, íî íå áèõ èñêàë äà êðàäà òðóäà íà õîðàòà, êîèòî ñà ñè èðàëè çà íåãî

  5. #5
    Registered User July666's Avatar
    Join Date: Jan:2009
    Location: Sofia
    Posts: 2,277
    Ùîòî òîâà îò Ìòåë íÿìà äà å êðàäåíå

    Ìòåë íå âèäÿõ äà ïîëçâàò JS çà ìåíþòî è å íà ïðèíöèïà íà ñêðèòèòå áóëåòè, òîåñò òàêà:

    HTML Code:
    <ul class="ul1">
       <li>Êàòåãîðèÿ</li>
       <div class="div1">
          ñúäúðæàíèå
       </div>
    </ul>
    CSS
    Code:
    .div1 {display: none;}
    .ul1 li:hover .div1 {display: block;}
    Ïðèìåðíî. ul1 òè å öÿëîòî ìåíþ, â li ñà òè ñëîæåíè áóòîíèòå ãîðå, à â òÿõ èìà div ñúñ ñúäúðæàíèåòî, êîåòî ñå ðàçëèñòâà. Êàòî ìèíåø ñ ìèøêàòà íàä áóòîíà ïðàâè ñúäúðæàíèåòî âèäèìî, èíà÷å ñòîè ñêðèòî. Îáèêíîâåíî ïî-ñåðèîçíèòå ñàéòîâå ãëåäàò äà èçáÿãâàò èçöÿëî JS çàâèñèìà íàâèãàöèÿ çàùîòî èìà ðàçíè ïñèõîïàòè äåòî ãî çàáðàíÿâàò è ñúîòâåòíî íÿìàò äîñòúï ñëåä òîâà äî íàâèãàöèÿòà íà ñàéòà.
    Lenovo Y720; Samsung 850 Evo 1TB; Logitech G604; DELL U2410; Wacom Intuos 4L

  6. #6
    Registered User Svetllin's Avatar
    Join Date: Dec:2004
    Location: Ñîôèÿ
    Posts: 158
    Åòî òóê å îáÿñíåíî ñòúïêà ïî ñòúïêà.
    MSI PRO Z790-A WIFI DDR4 | i5 13600KF | FD Celsius S36 | 4x8GB FURY DDR4 3600MHz@CL16 | 7900 XTX Red Devil | MSI MPG A850GF| FD Meshify 2 | 500GB Samsung 980 | 1TB SILICON POWER UD85 | 1TB Intel 660p | ROG Strix XG27WQ

  7. #7
    Registered User donfaster's Avatar
    Join Date: Jul:2011
    Location: Dobrich,Bulgaria
    Posts: 132
    Quote Originally Posted by July666 View Post
    Ùîòî òîâà îò Ìòåë íÿìà äà å êðàäåíå

    Ìòåë íå âèäÿõ äà ïîëçâàò JS çà ìåíþòî è å íà ïðèíöèïà íà ñêðèòèòå áóëåòè, òîåñò òàêà:

    HTML Code:
    <ul class="ul1">
       <li>Êàòåãîðèÿ</li>
       <div class="div1">
          ñúäúðæàíèå
       </div>
    </ul>
    CSS
    Code:
    .div1 {display: none;}
    .ul1 li:hover .div1 {display: block;}
    Ïðèìåðíî. ul1 òè å öÿëîòî ìåíþ, â li ñà òè ñëîæåíè áóòîíèòå ãîðå, à â òÿõ èìà div ñúñ ñúäúðæàíèåòî, êîåòî ñå ðàçëèñòâà. Êàòî ìèíåø ñ ìèøêàòà íàä áóòîíà ïðàâè ñúäúðæàíèåòî âèäèìî, èíà÷å ñòîè ñêðèòî. Îáèêíîâåíî ïî-ñåðèîçíèòå ñàéòîâå ãëåäàò äà èçáÿãâàò èçöÿëî JS çàâèñèìà íàâèãàöèÿ çàùîòî èìà ðàçíè ïñèõîïàòè äåòî ãî çàáðàíÿâàò è ñúîòâåòíî íÿìàò äîñòúï ñëåä òîâà äî íàâèãàöèÿòà íà ñàéòà.
    Áëàãîäàðÿ çà ñúâåòà

  8. #8
    Registered User
    Join Date: Mar:2008
    Location: Buglaria
    Posts: 86
    Quote Originally Posted by July666 View Post
    HTML Code:
    <ul class="ul1">
       <li>Êàòåãîðèÿ</li>
       <div class="div1">
          ñúäúðæàíèå
       </div>
    </ul>
    Èìà ëåêà ãðåøêà, ìîæå áè â áúðçèíàòà å ñòàíàëà. Çà äà íå ñå îáúðêà àâòîðà íà òåìàòà - â ul åëåìåíòà ìîæåø äà èìàø ñàìî li åëåìåíòè è íèêàêâè äðóãè. Â ñàìèòå li åëåìåíòè ìîæåø äà èìàø êàêâîòî èñêàø. Åòî è íàãëåäíî åäíî ðàáîòåùî ìåíþ (css ñè îñòàâà ñúùèÿ):
    HTML Code:
    <ul class="ul1">
     <li>Êàòåãîðèÿ
      <div class="div1">
       ñúäúðæàíèå
      </div>
     </li>
    </ul>
    Êàòî íà ìÿñòîòî íà div1 áèõ ïðåäïî÷åë îòíîâî ul.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Copyright © 1999-2011 Õàðäóåð ÁÃ. Âúçìîæíî å ñúäúðæàíèåòî íà òàçè ñòðàíèöà äà å îáåêò íà àâòîðñêè ïðàâà.
iskamPC.com | mobility.BG | Bloody's Techblog | Êðèïòîâàëóòè è ìàéíèíã | 3D Vision Blog | Ìàãàçèí çà åëåêòðîííè öèãàðè