منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» ارجزا من الاخوة والاخوات المساعدة
أمس في 23:07 من طرف ahd allah

» وضع اعلان فى اعلى الصفحه
أمس في 21:35 من طرف ahd allah

» طلب لتغيير ايميل الانشاء
أمس في 20:40 من طرف ahd allah

» طلب بعض الاكواد المهمة جدا
أمس في 20:29 من طرف ahd allah

» وضع صورة
أمس في 19:28 من طرف zaydoon

» مشكلة وكيف الحل
أمس في 18:07 من طرف nesma

» سؤال بغاية الاهمية
أمس في 15:15 من طرف الزعيم

» رابط منتداي يحول الى الادفلاي يرجى رفع للزعيم
أمس في 15:11 من طرف الزعيم

» مشكلة
أمس في 11:46 من طرف الزعيم

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كود الاختيار المتعدد بشكل جميل لصفحات ال HTML

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود الاختيار المتعدد بشكل جميل لصفحات ال HTML

مُساهمة من طرف The Rock abdo في الثلاثاء 8 نوفمبر 2011 - 12:50

كود رائع و منسق اقتبسته من اسلوب الاى باد يمكن ان يستخدم فى بوابات المواقع و المنتديات

الكود :
الرمز:
<!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-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">


<title>Happy 3ID</title>
<script type="text/javascript"

src="http://yourjavascript.com/1346118141/jquery.js"></script>
<script type="text/javascript"

src="http://yourjavascript.com/4110831136/interface.js"></script>

<style media="screen" type="text/css">

body {
   font: 11px Tahoma, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
}
img {
   border: none;
}

/* dock - top */
.dock {
   position: relative;
   height: 50px;
   text-align: center;
}
.dock-container {
   position: absolute;
   height: 50px;
   padding-left: 20px;
}
a.dock-item {
   display: block;
   width: 40px;
   color: #000;
   position: absolute;
   top: 0px;
   text-align: center;
   text-decoration: none;
   font: bold 12px Tahoma,Helvetica, sans-serif;
}
.dock-item img {
   border: none;
   margin: 5px 10px 0px;
   width: 100%;
}
.dock-item span {
   display: none;
   padding-left: 20px;
}

</style>


</head>
<body>

<!--top dock -->
<div class="dock" id="dock">
  <div class="dock-container">
     <a class="dock-item" href="http://help.ahlamontada.com/"><img

src="http://i41.servimg.com/u/f41/14/51/27/24/am-ico11.png" alt="home"

/><span>Home </span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/montada-

f1/"><img src="http://illiweb.com/fa/fdf/annonce.png" alt="News" /><span>Notices

and News</span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f5-

montada"><img src="http://illiweb.com/fa/fdf/questions.png" alt="FAQ"

/><span>FAQ</span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f79-

montada"><img src="http://illiweb.com/fa/fdf/magic.png" alt="Advanced

techniques" /><span>Advanced techniques</span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f84-

montada"><img src="http://illiweb.com/fa/fdf/peindre.png" alt="Design"

/><span>Design services and innovation</span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f22-

montada"><img src="http://illiweb.com/fa/fdf_ar3/multib.png" alt="Support"

/><span>Support Section AhlaBlogs</span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f7-

montada"><img src="http://illiweb.com/fa/optimisation_fdf/common/medaille.gif"

alt="calendar" /><span>General Thought Forum </span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f15-

montada"><img src="http://illiweb.com/fa/fdf_ar3/discussion_ar.png"

alt="Discussion" /><span>Discussion Section</span></a>
     <a class="dock-item" href="http://help.ahlamontada.com/f38-

montada"><img src="http://illiweb.com/fa/fdf/ampoule.png" alt="Suggestions"

/><span>Suggestions Forum </span></a>
  </div>
</div>



<!--dock menu JS options -->
<script type="text/javascript">
   
   $(document).ready(
      function()
      {
         $('#dock').Fisheye(
            {
               maxWidth: 50,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container',
               itemWidth: 40,
               proximity: 90,
               halign : 'center',
               valign : 'center'
            }
         )
                        $('#dock2').Fisheye(
            {
               maxWidth: 60,
               items: 'a',
               itemsText: 'span',
               container: '.dock-container2',
               itemWidth: 40,
               proximity: 80,
               alignment : 'left',
               valign: 'bottom',
               halign : 'center'
            }
         )
      }
   );

</script>
</body>
</html>

صوره للكود:


شكرا لهذه المسابقات  Cool


عدل سابقا من قبل Mohamed Nsr في الجمعة 26 ديسمبر 2014 - 2:04 عدل 1 مرات (السبب : اضافة صوره للكود من قبل AmEr DeSiGN + تعديل عنوان الموضوع)

The Rock abdo
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 2043

http://el3abha.yoo7.com/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى