دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
 

 كود css ازرار خضراء ورائعه

اذهب الى الأسفل 
انتقل الى الصفحة : الصفحة السابقة  1, 2
كاتب الموضوعرسالة
Mr.M!Do
 
 
Mr.M!Do

البلد : الجزائر
الجنس : ذكر
المساهمات : 296
نقاط النشاط : 450

كود css ازرار خضراء ورائعه - صفحة 2 Empty
مُساهمةموضوع: كود css ازرار خضراء ورائعه   كود css ازرار خضراء ورائعه - صفحة 2 Emptyالأحد 20 أكتوبر 2013 - 3:39

تذكير بمساهمة فاتح الموضوع :

بسم الله الرحمن الرحيم




الكود هو css و html ولكن بالاصل هو css الان

صورة لللكود



كود css ازرار خضراء ورائعه - صفحة 2 TInDD

الكود


الكود:
   

    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

الان طريقة التركيب
لوحة الادارة
مظهر المنتدى
تشكيلاات عامه
انتهى الشرح

المصدر
http://help.ahlamontada.com/t1040586-topic
تحياتي لكم


توقيع : Mr.M!Do


كود css ازرار خضراء ورائعه - صفحة 2 QqUdT

كود css ازرار خضراء ورائعه - صفحة 2 235873

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

كاتب الموضوعرسالة
حميد العامري
 
 


المساهمات : 12474

كود css ازرار خضراء ورائعه - صفحة 2 Empty
مُساهمةموضوع: رد: كود css ازرار خضراء ورائعه   كود css ازرار خضراء ورائعه - صفحة 2 Emptyالسبت 6 يناير 2018 - 11:03

كل الشكر والتقدير
 نترقب منك المزيد


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

البلد : العراق
الجنس : ذكر
المساهمات : 407
نقاط النشاط : 652

كود css ازرار خضراء ورائعه - صفحة 2 Empty
مُساهمةموضوع: رد: كود css ازرار خضراء ورائعه   كود css ازرار خضراء ورائعه - صفحة 2 Emptyالإثنين 21 مايو 2018 - 23:35

شكرا الك ع الكود 


توقيع : سيوفي العراقي






كود css ازرار خضراء ورائعه - صفحة 2 K0tlzxw2lfwz




 كود css ازرار خضراء ورائعه - صفحة 2 177157275 فِي أَول لَيلة مِن أيار
سَأبقى أُحبك إلى الأبد





الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
 
 
مصطفى ستيتان

البلد : فلسطين
الجنس : ذكر
المساهمات : 6271
نقاط النشاط : 6945

كود css ازرار خضراء ورائعه - صفحة 2 Empty
مُساهمةموضوع: رد: كود css ازرار خضراء ورائعه   كود css ازرار خضراء ورائعه - صفحة 2 Emptyالثلاثاء 22 مايو 2018 - 9:18

كل الشكر والتقدير لجهودك الطيبة يا غالي 
واصل تألقك وإبداعك


توقيع : مصطفى ستيتان


سبحان الله والحمدلله ولا إله إلا الله 
- أدعوكم للمشاركة في ( منتديات سما العرب ) 
https://www.samaarab.com/vb/
كود css ازرار خضراء ورائعه - صفحة 2 Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
 
 
Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 3674
نقاط النشاط : 5769

كود css ازرار خضراء ورائعه - صفحة 2 Empty
مُساهمةموضوع: رد: كود css ازرار خضراء ورائعه   كود css ازرار خضراء ورائعه - صفحة 2 Emptyالسبت 11 أغسطس 2018 - 21:32

شكرا على الكود المميز


توقيع : Mc nabulsy


شركة انكور التطويرية
لا اقوم بالرد والمساعدة على الخاص, اتابع معكم فقط  في الاقسام المخصصة في حال قدرتي على حل المشكلة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1M ThE BesT
أسطورة الإشهار

1M ThE BesT

البلد : الجزائر
الجنس : ذكر
المساهمات : 7896
نقاط النشاط : 6495

كود css ازرار خضراء ورائعه - صفحة 2 Empty
مُساهمةموضوع: رد: كود css ازرار خضراء ورائعه   كود css ازرار خضراء ورائعه - صفحة 2 Emptyالأربعاء 8 أبريل 2020 - 15:47

كود جميل واصل عزيزي


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css ازرار خضراء ورائعه
الرجوع الى أعلى الصفحة 
صفحة 2 من اصل 2انتقل الى الصفحة : الصفحة السابقة  1, 2

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: تطوير المواقع و المنتديات :: قسم تطوير المواقع والمنتديات-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي