في خافقي شوق وغرام وفي نظرة عيوني كلام تقولكم يا اعضاء منتدى نظرة عيونك يا قمر المنتدى من غيركم ظلام
صباحكم مسائكم عسل بالقشطة ياحلوين ههههههه مع تحيات مراسلتكم همسة من منتدى نظرة عيونك يا قمر هذى صورة ... من تتوقعون حصريا هههه ابوشوارب بهرب قبل ما يصيدوني هههههههه
لو سمحتوا لا احد يسجل باسماء قريبه من الاعضاء او الاداريين لاحضت ان اعضاء جدد يسجلون باسماء قريبه للاداريين او الاعضاء ممكن ان يختاروا اسماء غير ويا هلا بكم معانا وكل عضو بيتعمد يسجل اباسم قريب لاي عضو اخر راح يتغير اسمه مع شكري لكم المواضيع الأخيرة
دخول
المتواجدون الآن ؟
ككل هناك 416 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 415 زائر :: 2 عناكب الفهرسة في محركات البحثranamohamed
أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 680 بتاريخ الجمعة نوفمبر 22, 2024 11:04 pm
حكمة اليوم
احصائيات
هذا المنتدى يتوفر على 1265 عُضو.آخر عُضو مُسجل هو عادل0 فمرحباً به.
أعضاؤنا قدموا 90183 مساهمة في هذا المنتدى في 31161 موضوع
المواضيع الأكثر شعبية
كود ازرار خضراء مع التركيب
نظرة عيونك يا قمر :: اقسام منوعة :: قسم اكواد ال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
الثلج الاسود- كبار الشخصيات
- جنسية العضو : يمني الأوسمة :
عدد المساهمات : 27054
تاريخ التسجيل : 22/06/2013
مواضيع مماثلة» التركيب الكيميائى لسم النحل
» ازرار للمنتديات
» حصريآ ازرار منتداك بتقنية CSS
» واجهه وازرار منتدى جاهزة على التركيب
» ازرار خيالية للمنتديات مع صورة فراشة
» ازرار للمنتديات
» حصريآ ازرار منتداك بتقنية CSS
» واجهه وازرار منتدى جاهزة على التركيب
» ازرار خيالية للمنتديات مع صورة فراشة
نظرة عيونك يا قمر :: اقسام منوعة :: قسم اكواد الHTML و اكواد css وأكواد الجافا إسكريبت JAVA وشرح وأزرار وخصائص ورتب للمنتديات والشاتات والمواقع
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
» صيانة سخانات في دبي 0543747022 emiratefix.com
» احسن موقع لمختلف الحجوزات
» أفضل شركة تصميم تطبيقات في مصر – تك سوفت للحلول الذكية – Tec Soft for SMART solutions
» تركيب و تصليح سخانات مركزية في عجمان 0543747022
» تصليح أفران في دبي 0543747022 emiratefix.com
» تصليح ثلاجات في دبي emiratefix.com 0543747022
» مسابقة رأس السنة مع 200 فائز
» تصليح سخانات في دبي - 0543747022 (الشمسية و المركزية) emiratefix.com
» تركيب و تصليح سخانات مركزية في الشارقة 0543747022