Menyu düzəltmək, link vermək

Salam.Bu sualı dəqiq necə yazacağımı bilmirəm. Məsələn: president.az saytına daxil olduqda, deyək ki, mausun düyməsini “Xəbərlər” bölməsinin üzərinə gətiririk, düyməni basmadan, orada “Görüşlər” “Tədbirlər” “Qəbullar” və s. kimi görsənir. Bunu necə etmək olar? Bunun kodları necədir? Əgər tam olaraq, nə demək istədiyimi başa düşən olmadısa, o zaman həmin sayta daxil olub, Dediyim bölməyə, başqa bölmələrə də baxa bilərsiz. Bu haqda bilən varsa, zəhmət olmasa, mənə kömək etsin. Təşəkkür.


Yadda saxlama
Kateqoriya: Web skriptlər, kod həlləri . , . Qısa keçid.

Verilmiş cavablar və yazılan şərhlər (6 cavab var)

(15:39, 02/06/2011 ) #2680

Salam. Bu dediyiniz CSS treeview menu adlanır. Bu sözlərlə axtarsanız internetdən çoxlu hazır menyu kodları tapa bilərsiniz.
Ümumiyyətlə sualdan hiss olunur ki, CSS və Javascript haqda məlumatınız bir qədər azdır. html, css, javascripti http://w3schools.com saytından öyrənin, çox asandır, ondan sonra artıq sizə nəsə lazım olanda termin olaraq adını biləcəksiniz və axtarmaq da asan olacaq.
Sualınızdakı menyulara nümunələr: http://www.cssmenusamples.com/
Üstəgəl hansı saytda görmüsünüzsə, o saytın source code-na daxil olaraq elə o saytdan da götürə bilərsiniz menyu kodları.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(16:07, 02/06/2011 ) #2681

Salam Admin Siz elə bir kodu hazır mənə yaza bilərsiz? Məsələn: elə dediyim saytın. Yoxlayım, baxım necə işləyir?

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

    (16:43, 02/06/2011 ) #2682

    O saytda tək bir kod deyil. Js və CSS faylları da import olunur.
    Nümunə kimi sizə 10-larla nümunənin olduğu sayt ünvanı verdim.
    Əlavə nümunə istəyirsinizsə css,js,html-i bir yerdə yazıb nümunə verim.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>CSSnewbie Example: CSS-Only Dropdown Menu</title>
    <style>
    /* These styles just pretty up the page a bit. */
    body {
       font: 62.5%/1.2 Arial, Helvetica, sans-serif;
       background-color: #eee; }
    #wrap {
       font-size: 1.3em;
       width: 500px;
       padding: 20px;
       margin: 0 auto; 
       background-color: #fff;
       position: relative; }
    
    /* These styles create the dropdown menus. */
    #navbar {
       margin: 0;
       padding: 0;
       height: 1em; }
    #navbar li {
       list-style: none;
       float: left; }
    #navbar li a {
       display: block;
       padding: 3px 8px;
       background-color: #5e8ce9;
       color: #fff;
       text-decoration: none; }
    #navbar li ul {
       display: none; 
       width: 10em; /* Width to help Opera out */
       background-color: #69f;}
    #navbar li:hover ul, #navbar li.hover ul {
       display: block;
       position: absolute;
       margin: 0;
       padding: 0; }
    #navbar li:hover li, #navbar li.hover li {
       float: none; }
    #navbar li:hover li a, #navbar li.hover li a {
       background-color: #69f;
       border-bottom: 1px solid #fff;
       color: #000; }
    #navbar li li a:hover {
       background-color: #8db3ff; }
    </style>
    
    <script>
    // Javascript originally by Patrick Griffiths and Dan Webb.
    // http://htmldog.com/articles/suckerfish/dropdowns/
    sfHover = function() {
       var sfEls = document.getElementById("navbar").getElementsByTagName("li");
       for (var i=0; i<sfEls.length; i++) {
          sfEls[i].onmouseover=function() {
             this.className+=" hover";
          }
          sfEls[i].onmouseout=function() {
             this.className=this.className.replace(new RegExp(" hover\\b"), "");
          }
       }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    </script>
    
    </head>
    <body>
       <div id="wrap">
          <h1>CSS-Only Dropdown Menu</h1>
          <ul id="navbar">
          <!-- The strange spacing herein prevents an IE6 whitespace bug. -->
             <li><a href="#">Item One</a><ul>
                <li><a href="#">Subitem One</a></li><li>
                <a href="#">Second Subitem</a></li><li>
                <a href="#">Numero Tres</a></li></ul>
             </li>
             <li><a href="#">Second Item</a>
                <ul>
                   <li><a href="#">Just one subitem</a></li></ul>
             </li>
             <li><a href="#">No Subitem</a></li>
             <li><a href="#">Number Four</a>
                <ul>
                   <li><a href="#">Subitem One</a></li><li>
                   <a href="#">Second Subitem</a></li><li>
                   <a href="#">Numero Tres</a></li><li>
                   <a href="#">Fourth Thinger</a></li></ul>         
             </li>
          </ul>
          <p><a href="/easy-css-dropdown-menus/">Go back to the main article.</a> This CSS-only dropdown menu should work in all modern browsers. It has been tested and found working in Firefox 2, IE 7, Safari 3, and Opera 8.5. With the included JavaScript, the dropdowns also work in IE 6 (the all-important non-modern browser).</p>
          <p>Donec vel massa. Ut nibh. Donec placerat ultrices dui. Morbi eu dui eget mauris cursus pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras ante neque, tempor eu, semper sit amet, hendrerit vitae, quam. Nullam ante. Pellentesque arcu sapien, suscipit in, elementum vitae, vulputate quis, metus. Quisque sollicitudin leo a diam. Quisque in risus sit amet mi faucibus feugiat. Ut ullamcorper pede a libero. Donec nisl.</p>
       </div>
    
    </body>
    </html>
    

    Yuxarıdakı kodu rahat kopyalamaq üçün sağ yuxarı küncdə VİEW SOURCE-a klik edib ayrıca fayl kimi açın.
    Mənbə: http://cssnewbie.com

    Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(18:43, 02/06/2011 ) #2683

Mümkünsə, dediyiniz kodlarla gondererdiz. O kodları Notepad-da yazsam, istədiyim kimi görəcəm.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(15:13, 03/06/2011 ) #2693

Salam Admin. Daha maraqlı menyu formaları yaza bilərsiz.?Yazsaz, çox məmmun olaram. Təşəkkür.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

(10:11, 15/06/2011 ) #2770

Maraqlı menyular. deluxe-menu.com. İstənilən növdə menyular var.

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

Bu suala aid öz sualım var:
Sual verin
Bu suala cavab vermək istəyirəm:
Cavab verin

Cavab verin


Cavab yazmaq üçün lütfən sağ sütundan və ya buradan hesaba daxil olun.

Üzvlər üçün giriş

Qeydiyyat

Elan qutusu

Son cavablar və şərhlər

E. Hacı cavab verdi - Kiçik yaslarinda proqramist olmaq olarmı? (12 saat əvvəl)

Software Developer cavab verdi - Google Pulqabı haqqında (4 gün əvvəl)

Galaxy cavab verdi - Google Pulqabı haqqında (4 gün əvvəl)

Software Developer cavab verdi - Xarici müştərilər üçün ödəniş sistemi (5 gün əvvəl)

Software Developer cavab verdi - ETSYdə satışa kömək (5 gün əvvəl)

SILENT_HILL cavab verdi - Azərbaycan dilində bilik yarışması sualları DB (7 gün əvvəl)

Software Developer cavab verdi - Play Store-dan pul çıxarmaq. (7 gün əvvəl)

NeoLive cavab verdi - Play Store-dan pul çıxarmaq. (10 gün əvvəl)

alquist cavab verdi - katv saat 9-12 arası düşük sürət (11 gün əvvəl)

Software Developer cavab verdi - Play Store-dan pul çıxarmaq. (11 gün əvvəl)

Software Developer cavab verdi - Google Pulqabı haqqında (11 gün əvvəl)

Software Developer cavab verdi - katv saat 9-12 arası düşük sürət (11 gün əvvəl)

alquist cavab verdi - katv saat 9-12 arası düşük sürət (11 gün əvvəl)

NeoLive cavab verdi - Play Store-dan pul çıxarmaq. (11 gün əvvəl)

Galaxy cavab verdi - Google Pulqabı haqqında (11 gün əvvəl)

Software Developer - 614 xal

E. Hacı - 606 xal

Onar Alili - 526 xal

Dilsuz - 448 xal

Cabbarov Sübhan - 434 xal

Maqa - 346 xal

Ruslan Butdayev - 328 xal

Namiq Bəndəli - 297 xal

U.Tarlan - 244 xal

Meherremoff - 234 xal

Sistemə daxil olmuş 23021 sualdan 92%-dən çoxu cavablandırılmışdır.

Proyekt haqqında

E-Haci.net istehsalı. © 2010-2022