في خافقي شوق وغرام وفي نظرة عيوني كلام تقولكم يا اعضاء منتدى نظرة عيونك يا قمر المنتدى من غيركم ظلام
صباحكم مسائكم عسل بالقشطة ياحلوين ههههههه مع تحيات مراسلتكم همسة من منتدى نظرة عيونك يا قمر هذى صورة ... من تتوقعون حصريا هههه ابوشوارب بهرب قبل ما يصيدوني هههههههه
لو سمحتوا لا احد يسجل باسماء قريبه من الاعضاء او الاداريين لاحضت ان اعضاء جدد يسجلون باسماء قريبه للاداريين او الاعضاء ممكن ان يختاروا اسماء غير ويا هلا بكم معانا وكل عضو بيتعمد يسجل اباسم قريب لاي عضو اخر راح يتغير اسمه مع شكري لكم المواضيع الأخيرة
دخول
المتواجدون الآن ؟
ككل هناك 330 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 330 زائر :: 3 عناكب الفهرسة في محركات البحثلا أحد
أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 677 بتاريخ الثلاثاء ديسمبر 05, 2023 10:38 pm
حكمة اليوم
احصائيات
هذا المنتدى يتوفر على 1256 عُضو.آخر عُضو مُسجل هو abdallahallam فمرحباً به.
أعضاؤنا قدموا 90265 مساهمة في هذا المنتدى في 31116 موضوع
المواضيع الأكثر شعبية
كود ازرار خضراء مع التركيب
نظرة عيونك يا قمر :: اقسام منوعة :: قسم اكواد الHTML و اكواد css وأكواد الجافا إسكريبت JAVA وشرح وأزرار وخصائص ورتب للمنتديات والشاتات والمواقع
صفحة 1 من اصل 1 • شاطر
كود ازرار خضراء مع التركيب
من طرف شاروخان الثلاثاء ديسمبر 31, 2013 1:12 pm
بسم الله الرحمن الرحيم
الكود هو css و html ولكن بالاصل هو css الان
صورة لللكود
الكود
الكود:
- الكود:
div.bottombar{ /* bar that runs across the bottom of the menu */
height: 10px;
background: #1a1109;
}
ul.semiopaquemenu{ /* main menu UL */
font: bold 14px Georgia ;
width: 100%;
background: #b1e958;
padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */
margin: 0;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}
ul.semiopaquemenu li{
display: inline;
}
ul.semiopaquemenu li a{
color:black;
padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */
margin-right: 15px; /* spacing between each menu link */
text-decoration: none;
}
ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* IE9+ SVG equivalent of linear gradients */
background:
-moz-linear-gradient(top, rgba(255,255,255,0.82) 0%,
rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16
opacity */
background: -webkit-gradient(linear, left top, left
bottom, color-stop(0%,rgba(255,255,255,0.82)),
color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 12px; /* large padding to get menu item to protrude upwards */
padding-bottom: 20px; /* large padding to get menu item to protrude downwards */
}
لوحة الادارة--مظهر المنتدى--الوان--ورقة css ضعها هناك
والان كود html
ضع رد ليظهر لك الكود
الكود:
- الكود:
<ul class="semiopaquemenu">
<li><a href="رابط التوجيه للفصحه">كلمة وصف الرابط</a></li>
<li><a href="رابط التوجيه للفصحه">كلمة وصف الرابط</a></li>
<li><a href="رابط التوجيه للفصحه">كلمة وصف الرابط</a></li>
<li><a href="رابط التوجيه للفصحه">كلمة وصف الرابط</a></li>
<li><a href="رابط التوجيه للفصحه">كلمة وصف الرابط</a></li>
<li><a href="رابط التوجيه للفصحه">كلمة وصف الرابط</a></li>
</ul><div class="bottombar"></div>
انتبه ان تغير كود html
الان طريقة التركيب
لوحة الادارة
مظهر المنتدى
تشكيلاات عامه
تحياتي لكم
شاروخان- كبار الشخصيات
جنسية العضو : غير معروف
الأوسمة : 
عدد المساهمات : 865
تاريخ التسجيل : 23/07/2013
الثلج الاسود- كبار الشخصيات
- جنسية العضو : يمني الأوسمة :
عدد المساهمات : 27056
تاريخ التسجيل : 22/06/2013
مواضيع مماثلة» التركيب الكيميائى لسم النحل
» ازرار للمنتديات
» واجهه وازرار منتدى جاهزة على التركيب
» كود تثبيت ازرار المنتدي مع الشرح
» كود jQuery تغيير ازرار لوحة الكتابة
» ازرار للمنتديات
» واجهه وازرار منتدى جاهزة على التركيب
» كود تثبيت ازرار المنتدي مع الشرح
» كود jQuery تغيير ازرار لوحة الكتابة
نظرة عيونك يا قمر :: اقسام منوعة :: قسم اكواد الHTML و اكواد css وأكواد الجافا إسكريبت JAVA وشرح وأزرار وخصائص ورتب للمنتديات والشاتات والمواقع
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
» تحقيق التميز في مناقصات الطرق السعودية: أسرار العروض الفنية الرابحة
» قناة عشاق عالم الطيران
» زعفران العز الملكي
» دليلك لمنتجات العناية بالطفل على ويلنس سوق
» افضل فنادق مكة والمدينة
» دليلك لمنتجات العناية بالطفل على ويلنس سوق
» موسم الحج والعمرة وحجز فنادق
» موسم الحج والعمرة وحجز فنادق
» منتجات كيو في على ويلنس سوق: الحل الكامل لجميع احتياجات العناية بالبشرة