Drop Menu ڪيئن ٺاهجي.

'پڇڻا نه منجهڻا' فورم ۾ انجنيئر امان الله شيخ طرفان آندل موضوعَ ‏21 آڪٽوبر 2014۔

  1. انجنيئر امان الله شيخ

    انجنيئر امان الله شيخ
    فعال رڪن

    شموليت:
    ‏6 آگسٽ 2013
    تحريرون:
    21
    ورتل پسنديدگيون:
    47
    ايوارڊ جون پوائينٽون:
    73
    ڌنڌو:
    ريفريجريشن
    ماڳ:
    شڪارپور سنڌ
    ڪنهن دوست کي ڄاڻ آهي ته مهرباني ڪري رهنمائي ڪري.

    [​IMG]
     
  2. عبيد ٿھيم

    عبيد ٿھيم مُنتظم انتظامي رڪن سپر ايڊيٽر

    شموليت:
    ‏17 فيبروري 2013
    تحريرون:
    2,726
    ورتل پسنديدگيون:
    6,955
    ايوارڊ جون پوائينٽون:
    493
    ڌنڌو:
    سافٽويئر انجنيئر
    ماڳ:
    دبئي
    ادا ڊراپ ڊائون مينيو ڇا ۾ ٺاهڻ چاهيو ٿا ؟ بلاگ يا ويبسايئٽ ؟؟
     
  3. انجنيئر امان الله شيخ

    انجنيئر امان الله شيخ
    فعال رڪن

    شموليت:
    ‏6 آگسٽ 2013
    تحريرون:
    21
    ورتل پسنديدگيون:
    47
    ايوارڊ جون پوائينٽون:
    73
    ڌنڌو:
    ريفريجريشن
    ماڳ:
    شڪارپور سنڌ
  4. عبيد ٿھيم

    عبيد ٿھيم مُنتظم انتظامي رڪن سپر ايڊيٽر

    شموليت:
    ‏17 فيبروري 2013
    تحريرون:
    2,726
    ورتل پسنديدگيون:
    6,955
    ايوارڊ جون پوائينٽون:
    493
    ڌنڌو:
    سافٽويئر انجنيئر
    ماڳ:
    دبئي
    ادا ان لا توهان جي مدد محترم ذيشان رشيد ڪري سگهي ٿو.

    هن فورم تي اڳ ئي هڪ ٽيمپليٽ ونڊ ڪيل آهي جيڪو تمام سهڻو آهي. ان ۾ ڊراپ ڊائون مينيو به لڳل آهي، توهان چاهيو ته اهو ٽيمپليٽ اپلائي به ڪري سگهو ٿا. اهو سنڌي ۾ آهي. :)
    هن لنڪ تي اچو..
     
  5. ذيشان رشيد

    ذيشان رشيد Founder انتظامي رڪن منتظمِ اعلى

    شموليت:
    ‏19 مارچ 2009
    تحريرون:
    5,649
    ورتل پسنديدگيون:
    5,673
    ايوارڊ جون پوائينٽون:
    533
    • بلاگر ڊيش بورڊ تي اچو ۽ Layout تي ڪلڪ ڪريو..
    [​IMG]
    • Add a Gadget تي ڪلڪ ڪريو...
    [​IMG]

    • HTML/JavaScript تي ڪلڪ ڪريو..
    [​IMG]

    • نئين کلندڙ ونڊوز ۾ ڪنٽينٽ ۾ هيٺيون ڪوڊ پيسٽ ڪريو
    پي ايچ پي:
    <pre class="brush: css">
    <
    div id='menubar'>
        <
    ul id='menus'>
          <
    li>
            <
    a href='#'>MenuItem</a>
          </
    li>
          <
    li>
            <
    a href='#'>MenuItem</a>
          </
    li>
          <
    li>
            <
    a href='#'>MenuItem</a>
          </
    li>
          <
    li>
            <
    a href='#'>MenuItem</a>
            <
    ul>
              <
    li><a href='#'>SubMenuItem</a></li>
              <
    li><a href='#'>SubMenuItem</a></li>
              <
    li><a href='#'>SubMenuItem</a></li>
            </
    ul>
          </
    li>
        </
    ul>
      </
    div>
    </
    pre>
      • هتي MenuItem کي پنهنجي مرضي جي ليبل سان تبديل ڪريو..
      • SubMenuItem کي پنهنجي مرضي جي ليبل سان تبديل ڪريو..
      • # کي پنهنجي مطلوبا لنڪ سان تبديل ڪريو..
      • Save بٽڻ تي ڪلڪ ڪريو
      • پنهنجي تيار ڪيل هن HTML/Javascript آبجيڪٽ کي بلاگ تي پنهنجي پسند جي جڳهه جتي توهان ڏيکارڻ چاهيو ڊريگ ڪري رکو..
      • ۽ Save arrangement تي ڪلڪ ڪريو..
      • [​IMG]
    • هاڻي Template تي ڪلڪ ڪريو...
    [​IMG]
    • هتان Edit HTML تي ڪلڪ ڪريو...
    • هتي هيٺيون ڪوڊ ڳوليو...
    پي ايچ پي:
    ]]></b:skin>
    • بس ان لائين کان ٿورو مٿان هيٺيون ڪوڊ پيسٽ ڪريو...

    پي ايچ پي:
    /*-------- Begin SS Drop Down Menu -------*/

    #menubar {
        
    background#8E8E8E;
        
    width840px;
        
    color#FFF;
            
    margin0px;
            
    padding0;
            
    positionrelative;
            
    border-top:1px solid #B2FFFF;
            
    height:35px;
    }

    #menus {
        
    margin0;
        
    padding0;
    }

    #menus ul {
        
    floatleft;
        list-
    stylenone;
        
    margin0;
        
    padding0;
    }

    #menus li {
        
    list-stylenone;
        
    margin0;
        
    padding0;
            
    border-left:1px solid #1A6680;
            
    border-right:1px solid #1A6680;
            
    height:35px;
    }
    #menus li a, #menus li a:link, #menus li a:visited {
        
    color#FFF;
        
    displayblock;
       
    font:normal 12px ArialTahomaHelveticaFreeSanssans-serif;    margin0;
        
    padding9px 12px 10px 12px;
            
    text-decorationnone;
    }

    #menus li a:hover, #menus li a:active {
        
    background#130000; /* Menu hover */
        
    color#FFF;
        
    displayblock;
        
    text-decorationnone;
            
    margin0;
        
    padding9px 12px 10px 12px;      
    }

    #menus li {
        
    floatleft;
        
    padding0;
    }

    #menus li ul {
        
    z-index9999;
        
    positionabsolute;
        
    left: -999em;
        
    heightauto;
        
    width160px;
        
    margin0;
        
    padding0;
    }

    #menus li ul a {
        
    width140px;
    }

    #menus li ul ul {
        
    margin: -25px 0 0 160px;
    }

    #menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
        
    left: -999em;
    }

    #menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
        
    leftauto;
    }

    #menus li:hover, #menus li.sfhover {
        
    position: static;
    }

    #menus li li a, #menus li li a:link, #menus li li a:visited {
        
    background#B3B3B3; /* drop down background color */
        
    width120px;
        
    color#FFF;
        
    displayblock;
        
    font:normal 12px ArialTahomaHelveticaFreeSanssans-serif;
        
    margin0;
        
    padding9px 12px 10px 12px;
            
    text-decorationnone;
    z-index:9999;
    border-bottom:1px solid #1A6680;
    }

    #menus li li a:hover, #menusli li a:active {
        
    background#130000; /* Drop down hover */
        
    color#FFF;
        
    displayblock;     margin0;
        
    padding9px 12px 10px 12px;
            
    text-decorationnone;
    }

    /*-------- End SS Drop Down Menu -------*/
    • Save تي ڪلڪ ڪريو ۽ بلاگ کي ريفريش ڪري تبديليون ڏسو...
    • چاهيو ته CSS جي رنگن واري ڪوڊ کي پنهنجي بلاگر جي ٽيمپليٽ مطابق سجايو...
    اميد ته ڳالهه سمجهي ويا هوندو... ان سلسلي ۾ پنهنجي بلاگ تي تبديليون ڪري هڪ دفعو آگاهي ضرور ڏجو.. :)
     
    5 ڄڻن هيء پسند ڪيو آهي.
  6. سجاد علي چنا

    سجاد علي چنا
    سينيئر رڪن
    انتظامي رڪن ٽيڪنيڪل اسسٽنٽ

    شموليت:
    ‏20 جنوري 2012
    تحريرون:
    778
    ورتل پسنديدگيون:
    1,899
    ايوارڊ جون پوائينٽون:
    463
    ڌنڌو:
    ڊيٽا انٽري آپريٽر
    ماڳ:
    ڪراچي، سنڌ
    بهترين سمجهاڻي ڏني اوهان ...
     
    2 ڄڻن هيء پسند ڪيو آهي.
  7. عبيد ٿھيم

    عبيد ٿھيم مُنتظم انتظامي رڪن سپر ايڊيٽر

    شموليت:
    ‏17 فيبروري 2013
    تحريرون:
    2,726
    ورتل پسنديدگيون:
    6,955
    ايوارڊ جون پوائينٽون:
    493
    ڌنڌو:
    سافٽويئر انجنيئر
    ماڳ:
    دبئي
    يار ! واقعي به تمام آسان طريقو ٻڌايئي . مون ته ان کي وڏو پراسيس سمجهيو هو :)
     
  8. سجاد علي چنا

    سجاد علي چنا
    سينيئر رڪن
    انتظامي رڪن ٽيڪنيڪل اسسٽنٽ

    شموليت:
    ‏20 جنوري 2012
    تحريرون:
    778
    ورتل پسنديدگيون:
    1,899
    ايوارڊ جون پوائينٽون:
    463
    ڌنڌو:
    ڊيٽا انٽري آپريٽر
    ماڳ:
    ڪراچي، سنڌ
    اهو سڀ CSS جو ڪمال اٿئي،، عبيد
     
    2 ڄڻن هيء پسند ڪيو آهي.
  9. عبدالوهاب

    عبدالوهاب
    سينيئر رڪن

    شموليت:
    ‏17 اپريل 2009
    تحريرون:
    4,157
    ورتل پسنديدگيون:
    268
    ايوارڊ جون پوائينٽون:
    443
    ڌنڌو:
    اسٽينو ٽائپسٽ
    ماڳ:
    ڪنڌڪوٽ
    بس رڳو ٿوري HTML CSS & JAVASCRIPT سکڻ تي ڌيان ڏيو اهي سڀ شيون آسان لڳنديون...
     
  10. عبدالحفيظ لغاري

    عبدالحفيظ لغاري
    منتظم
    انتظامي رڪن

    شموليت:
    ‏23 سيپٽمبر 2010
    تحريرون:
    1,775
    ورتل پسنديدگيون:
    5,826
    ايوارڊ جون پوائينٽون:
    473
    ڌنڌو:
    سائنٽيفڪ آفيسر، پي سي ايس آءِ آر
    ماڳ:
    سچل ڳوٺ ڪراچي
    بلڪل ادا. ڪُجهه ڏينهن اڳ ذيشان رشيد چيو ته هر شئي رُڳو مان @عُبيدالله ”عبيد“ ٿهيم ئي ڇو؟ اوهان پاڻ به ڪريو نه؟ مون عُبيد جي موڪليل ٽيمپليٽ اُتي ئي رکي ۽ ڊائونلوڊ نه ڪيم. پاڻ ڪوشش ڪيم ته نه رُڳو ايڇ ٽي ايم ايل سمجهه ۾ اچڻ لڳي پر ڪافي ڪم آسان لڳو. ڊراپ مينيو ته ڇا پر ان مان به سب مينينو ٺاهڻ سکي ورتم ۽ ڪري به ويس.

    [​IMG]
    هي ڏيک آهي. ڪم جاري آهي. جيئنءَ ئي مڪمل ٿي ويو ته اوهان کي ڏيکاربو​
     
    3 ڄڻن هيء پسند ڪيو آهي.
  11. عبدالوهاب

    عبدالوهاب
    سينيئر رڪن

    شموليت:
    ‏17 اپريل 2009
    تحريرون:
    4,157
    ورتل پسنديدگيون:
    268
    ايوارڊ جون پوائينٽون:
    443
    ڌنڌو:
    اسٽينو ٽائپسٽ
    ماڳ:
    ڪنڌڪوٽ
    ماشاالله اوهان جي سٺي محنت ٿيل آهي. پر ادا اصل ۾ اسان پڪي پڪائي کائڻ جا عادي آهيون. پهنجو پوکيون نه پچايون. ادا منهنجي خيال ۾ دنيا جو سڀ کان آسان ڪم آهي سکڻ پر اسان کان اهو ڪونه ٿئي.
     
    2 ڄڻن هيء پسند ڪيو آهي.
  12. عبدالحفيظ لغاري

    عبدالحفيظ لغاري
    منتظم
    انتظامي رڪن

    شموليت:
    ‏23 سيپٽمبر 2010
    تحريرون:
    1,775
    ورتل پسنديدگيون:
    5,826
    ايوارڊ جون پوائينٽون:
    473
    ڌنڌو:
    سائنٽيفڪ آفيسر، پي سي ايس آءِ آر
    ماڳ:
    سچل ڳوٺ ڪراچي
    يار ڳالهه اها به درست ۽ آئون پنهنجي مؤقف تي به قائم ته ضروري ناهي لائبريرين واڍو به هُجي جيڪو ڪتاب رکڻ لاءِ شيلف به پاڻ ٺاهي. يقينن ڪوشش ڪري ته ٺاهي وٺندو پر اهو وقت به جيڪر بچي ته هو ٻه چار ڪتاب وڌيڪ هٿ ڪري وٺي يا بهتر ترتيب ڏيئي وٺي.
    اردو ۾ مثال آهي ”جس ڪا ڪام اُسي ڪو ساجهي“
    يا سنڌي ۾ چون ”جيڪي ڄڻين سي ئي نپائن“.
    اُميد ته سمجهي ويا هوندؤ. جي نه ته به ذيشان رشيد ضرور سمجهي ويندو.
     
  13. ذيشان رشيد

    ذيشان رشيد Founder انتظامي رڪن منتظمِ اعلى

    شموليت:
    ‏19 مارچ 2009
    تحريرون:
    5,649
    ورتل پسنديدگيون:
    5,673
    ايوارڊ جون پوائينٽون:
    533
    جيڪو مون سمجهائڻ پئي چاهيو .. اهو تو سمجهي ورتو.. :)
    ته پوءِ هاڻي ڊگها ۽ جامع موضوع موڪلڻ جي مون کان فرمائش نه ڪجان :)
     
    4 ڄڻن هيء پسند ڪيو آهي.
  14. عبدالحفيظ لغاري

    عبدالحفيظ لغاري
    منتظم
    انتظامي رڪن

    شموليت:
    ‏23 سيپٽمبر 2010
    تحريرون:
    1,775
    ورتل پسنديدگيون:
    5,826
    ايوارڊ جون پوائينٽون:
    473
    ڌنڌو:
    سائنٽيفڪ آفيسر، پي سي ايس آءِ آر
    ماڳ:
    سچل ڳوٺ ڪراچي
    وڏا پنهنجي ڳالهه سمجهائي/مڃائي هاڻي پاڻ به مڃڻ ته ٺهيو پر رهندو اُٿندي ئي جواب . . . .. .اها ڳالهه ٺهي ٿي؟
     
    3 ڄڻن هيء پسند ڪيو آهي.
  15. سليمان وساڻ

    سليمان وساڻ
    مينيجنگ ايڊيٽر
    انتظامي رڪن لائيبريرين

    شموليت:
    ‏6 آڪٽوبر 2009
    تحريرون:
    16,938
    ورتل پسنديدگيون:
    27,305
    ايوارڊ جون پوائينٽون:
    533
    ماڳ:
    سچل ڳوٺ ، ڪراچي
    يار ڇا به هجي .... پر اهو ڪم مونکان ڪونه ٿيندو ... سچ ته ايترو وقت به ڪونهي جو ويهي ڳوليون، سمجهون ۽ هيرا ڦيري ڪيون .... باقي رشيد زنده باد
     
    3 ڄڻن هيء پسند ڪيو آهي.
  16. عبيد ٿھيم

    عبيد ٿھيم مُنتظم انتظامي رڪن سپر ايڊيٽر

    شموليت:
    ‏17 فيبروري 2013
    تحريرون:
    2,726
    ورتل پسنديدگيون:
    6,955
    ايوارڊ جون پوائينٽون:
    493
    ڌنڌو:
    سافٽويئر انجنيئر
    ماڳ:
    دبئي
    ناممڪن نالي شئي اسان جي ڊڪشنري مان نڪري وئي آهي، توهان کي به گذارش آهي ته ناممڪن لفظ پنهنجي ڊڪشنري مان ڪڍي ڇڏيو.. :)
    مطلب ته هر ڪم آسان آهي صرف سمجهه جو ڦيرو آهي... جيڪڏهن مون جهڙو ٻهراڙي جو ڄٽ به بلاگ ٺاهي سگهي ٿو ته توهان جهڙا آفيسر طبقي وارا انهي کي وڌيڪ سهڻو ٺاهي سگهن ٿا. :)
    ذيشان رشيد ته هونئن به زنده آباد.. :)
     
    2 ڄڻن هيء پسند ڪيو آهي.
  17. سليمان وساڻ

    سليمان وساڻ
    مينيجنگ ايڊيٽر
    انتظامي رڪن لائيبريرين

    شموليت:
    ‏6 آڪٽوبر 2009
    تحريرون:
    16,938
    ورتل پسنديدگيون:
    27,305
    ايوارڊ جون پوائينٽون:
    533
    ماڳ:
    سچل ڳوٺ ، ڪراچي
    ڀلي ڇا به چئو ..... پر ڪم اوهان کي ئي ڪرڻو پوندو ... اسان ڪُٽيء جا مجنو آهيون
     
    4 ڄڻن هيء پسند ڪيو آهي.
  18. عبيد ٿھيم

    عبيد ٿھيم مُنتظم انتظامي رڪن سپر ايڊيٽر

    شموليت:
    ‏17 فيبروري 2013
    تحريرون:
    2,726
    ورتل پسنديدگيون:
    6,955
    ايوارڊ جون پوائينٽون:
    493
    ڌنڌو:
    سافٽويئر انجنيئر
    ماڳ:
    دبئي
    سو ڌَڪ سونار جا، هڪ ڌَڪ لوهار جو..
    مون کي دلي خوشي ٿي آهي ته توهان پنهنجي محنت تحت سهڻو بلاگ جوڙي ورتو آهي. اسان سونارڪا ڌڪ هڻي هڻي وڃي هڪ شئي جي شڪل ٺاهيسين ۽ توهان لوهارڪي هڪ ئي ڌڪ سان تمام سهڻو بلاگ (لنڪ اڃان ناهي مليو، تصوير ڏسي سهڻو پيو چوان :) )جوڙي ورتو...
    جاري رکو... توهان ٻيا ٽيمپليٽ کڻي پنهنجي مصروف وقت مان ٿورو حصو ڪڍي انهن کي پڙهندا ته توهان کي سي.ايس.ايس + جاوا + ٻيون ٻوليون به سمجهه اچي وينديون :)
     
    2 ڄڻن هيء پسند ڪيو آهي.
  19. انجنيئر امان الله شيخ

    انجنيئر امان الله شيخ
    فعال رڪن

    شموليت:
    ‏6 آگسٽ 2013
    تحريرون:
    21
    ورتل پسنديدگيون:
    47
    ايوارڊ جون پوائينٽون:
    73
    ڌنڌو:
    ريفريجريشن
    ماڳ:
    شڪارپور سنڌ
    عبدالحفيظ صاحب بهترين ڪم .
    ڊراپ مينو ڇا ۾ ٺاهيو اٿو؟
     

هن صفحي کي مشهور ڪريو