طلب كود الاختيار المتعدد من الصور ( كود سهل ولكن نادر)

نوار2000 كتب:ممكن تضعي رابط المنتدى اللي بالصوره

الكود:

    <h3 class="hierarchy"><span class="forumlink"><a class="forumlink" ">اختار مزاجك</a><br /></span></h3><span class="genmed"><form>
    <select style="font-weight: bold;" size="1" name="go_to">
            <option selected="selected" value="#">اختار مزاجك اليوم</option>

            <option value="رابط المنتدى">اسم المنتدى</option>
            <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
    <option value="رابط المنتدى">اسم المنتدى</option>
            </select>


          <input type="button" style="font-weight: bold;" onclick="location =
            form.go_to.options[form.go_to.selectedIndex].value;" value="اذهب">
            </form><br /></span><span class="gensmall"></span></td><td class="row3" align="center"

أفندينا كتب:يمكن برمجته بدلا من الصوره الشخصيه التي تكون في النافبار 
يوضع مكانها كود قائمه منسدله يوضع بها المزاجات

نوار2000 كتب:ماينفع وضع صور على هذا الكود
انا طلبت رابط المنتدى ولم تضعه
+
خلك على ماقاله @MostWanted

نوار2000 كتب:ماينفع وضع صور على هذا الكود
انا طلبت رابط المنتدى ولم تضعه
+
خلك على ماقاله @MostWanted

نوار2000 كتب:@أفندينا هل كنت واثق من الرابط 
----

@النور200 اعتذر للتأخير في الرد
للاسف الكود المراد استخراجه يتطلب جفا 
وانا كما قلت سابقا ان اكواد الجفا احتاج وقت للتعديل عليها وتجديدها
 لازم تصبر علي ايام طويييييله  الا اذا تدخل اخونا  @omarpop23

لكن انا عملت لك كود هتمل وجفا صغير لكن ليس بكفائة الموجود في منتدى الvb  
كما في الصورة


 
ايش رايك فيه اذا تبيه احطه لك هنا 
اما اذا كنت تبي مثل الفيبي
لازم تصبر ايام  طوييييله

نوار2000 كتب:للاسف اذا اخترت مزاج يختفي بعد تحديث الصفحه
عادي خله للتسليه

تركيب الكود 
ابحث في الهيدر عن الكود التالي

الكود:

<div id="submenu">
 <ul>
 <li class="clearfix">{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

وضع التالي اسفله مباشرة

الكود:

 <style>
      /* Style the tab buttons */
.tablink {
    background-color: #555;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    outline: none;
    padding: 1px 16px;
}

/* Change background color of buttons on hover */
.tablink:hover {
  background-color: #777;
}

/* Set default styles for tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 10px;
  text-align: center;
}
#رايق {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/1.gif);
    background-repeat: no-repeat;
    background-position: center;}
#فرحان {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/2.gif);
    background-repeat: no-repeat;
    background-position: center;}
#مبسوط {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/3.gif);
    background-repeat: no-repeat;
    background-position: center;}
#وحيد {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/15.gif);
    background-repeat: no-repeat;
    background-position: center;}
#خايف {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/19.gif);
    background-repeat: no-repeat;
    background-position: center;}
#حزن {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/20.gif);
    background-repeat: no-repeat;
    background-position: center;}
#ملل {font-size: 0;
    background: url(https://www.al2la.com/vb/vmoods/images/21.gif);
    background-repeat: no-repeat;
    background-position: center;}



    </style>
                          <div align="center">
 <div class="tabcontent" id="فرحان">
                                      
 <h1>
                  فرحان                
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
 <div class="tabcontent" id="رايق">
                                      
 <h1>
                  رايق                  
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
    
 <div id="مبسوط" class="tabcontent">
                                    
 <h1>
                 مبسوط                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="وحيد">
                                  
 <h1>
                وحيد                
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="خايف">
                                      
 <h1>
                 خايف              
 </h1>
                                      
 <p>
                  Paris is the capital of France.                  
 </p>
 </div>
  
 <div id="حزن" class="tabcontent">
                                    
 <h1>
                حزن                
 </h1>
                                    
 <p>
                 Paris is the capital of France.                
 </p>
 </div>
  
 <div class="tabcontent" id="ملل">
                                  
 <h1>
           ملل              
 </h1>
                                  
 <p>
                Paris is the capital of France.                
 </p>
 </div>
      
 <button id="defaultOpen" onclick="openCity('رايق', this, 'red')" class="tablink">
      رايق      
 </button>
      
 <button class="tablink" onclick="openCity('فرحان', this, 'red')" id="defaultOpen">
     فرحان    
 </button>
    
 <button id="defaultOpen" onclick="openCity('مبسوط', this, 'red')" class="tablink">
    مبسوط    
 </button>
    
 <button class="tablink" onclick="openCity('وحيد', this, 'red')" id="defaultOpen">
   وحيد  
 </button>
    
 <button class="tablink" onclick="openCity('خايف', this, 'red')" id="defaultOpen">
   خايف  
 </button>
    
 <button class="tablink" onclick="openCity('حزن', this, 'red')" id="defaultOpen">
   حزن  
 </button>
    
 <button class="tablink" onclick="openCity('ملل', this, 'red')" id="defaultOpen">
   ملل  
 </button>
 
</div>

ثم ضع التالي بالجفا مع اختيار جميع الصفحات

الكود:

function openCity(cityName, elmnt, color) {
  // Hide all elements with class="tabcontent" by default */
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Remove the background color of all tablinks/buttons
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
  }

  // Show the specific tab content
  document.getElementById(cityName).style.display = "block";

  // Add the specific color to the button used to open the tab content
  elmnt.style.backgroundColor = color;
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();