المواضيع الأخيرة
دخول
المتواجدون الآن ؟
ككل هناك 313 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 313 زائر :: 3 عناكب الفهرسة في محركات البحثلا أحد
أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 677 بتاريخ الثلاثاء ديسمبر 05, 2023 10:38 pm
حكمة اليوم
احصائيات
هذا المنتدى يتوفر على 1256 عُضو.آخر عُضو مُسجل هو abdallahallam فمرحباً به.
أعضاؤنا قدموا 90266 مساهمة في هذا المنتدى في 31117 موضوع
المواضيع الأكثر شعبية
كود ازرار خضراء مع التركيب
نظرة عيونك يا قمر :: اقسام منوعة :: قسم اكواد الHTML و اكواد css وأكواد الجافا إسكريبت JAVA وشرح وأزرار وخصائص ورتب للمنتديات والشاتات والمواقع
صفحة 1 من اصل 1 • شاطر
كود ازرار خضراء مع التركيب
بسم الله الرحمن الرحيم
الكود هو 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
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
أمس في 8:13 pm من طرف جنى بودى
» افضل مكان بيبع تكييف شارب فى مصر ؟
الثلاثاء مايو 14, 2024 12:42 am من طرف جنى بودى
» تحقيق التميز في مناقصات الطرق السعودية: أسرار العروض الفنية الرابحة
الثلاثاء مايو 14, 2024 12:03 am من طرف جنى بودى
» قناة عشاق عالم الطيران
الأربعاء مايو 08, 2024 8:53 pm من طرف مدام ششريهان
» زعفران العز الملكي
السبت أبريل 27, 2024 6:36 pm من طرف مدام ششريهان
» دليلك لمنتجات العناية بالطفل على ويلنس سوق
الأربعاء أبريل 24, 2024 9:45 pm من طرف جنى بودى
» افضل فنادق مكة والمدينة
الأربعاء أبريل 24, 2024 12:44 am من طرف جنى بودى
» دليلك لمنتجات العناية بالطفل على ويلنس سوق
الأربعاء أبريل 24, 2024 12:43 am من طرف جنى بودى
» موسم الحج والعمرة وحجز فنادق
الإثنين أبريل 22, 2024 10:10 pm من طرف جنى بودى
» موسم الحج والعمرة وحجز فنادق
السبت أبريل 20, 2024 2:14 am من طرف جنى بودى