دخول

لقد نسيت كلمة السر

المواضيع الأخيرة
» الابداع العربي يرحب بكم
السبت مارس 12, 2016 11:11 pm من طرف ThE TigEr

» المدونة الترفيهية الشاملة
الخميس ديسمبر 26, 2013 5:18 am من طرف Mr.EXPERT

» باب العرب لكل المسلمين والعرب
الخميس ديسمبر 26, 2013 5:18 am من طرف Mr.EXPERT

» تحميل برامج مجانية
الخميس ديسمبر 26, 2013 5:17 am من طرف Mr.EXPERT

» فرصه ولا كل الفرص موقع تعليمى لجميع طلاب وطالبات الدول العربية بجميع المناهج
الخميس ديسمبر 26, 2013 5:16 am من طرف Mr.EXPERT

» نورتنا AmEr-Dz
الخميس نوفمبر 14, 2013 5:43 pm من طرف Mr.EXPERT

» ما رأيكم في استايل معهد احلي عالم
الخميس نوفمبر 14, 2013 5:36 pm من طرف Mr.EXPERT

»  كود [ jQuery ] لتطوير التقييم و جعله مثل احلى حكاية و بدون تومبلايت
الخميس نوفمبر 14, 2013 5:13 pm من طرف Mr.EXPERT

»  [Javascript] كود يقوم بترقيم المساهمات مثل الفيبي للنسخة الثانية
الخميس نوفمبر 14, 2013 5:13 pm من طرف Mr.EXPERT

أفضل 10 أعضاء في هذا الأسبوع

ما رأيكم في استايل معهد احلي عالم

الثلاثاء يونيو 18, 2013 3:09 pm من طرف Admin

السلام عليكم ورحمة الله وبركاتة ..


نريد أرئكم في استايل معهد احلي عالم الحالي


عبر "الردود"


بالتوفيق


[ قراءة كاملة ]

تعاليق: 14

قوانين معهد احلى عالم

الإثنين يوليو 01, 2013 10:08 pm من طرف Admin


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



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


اعضاء وعضوات وزوار معهد احلى عالم

الكرام

تحيه طيبه وبعد



بأسم المنتدى اشكر كل من انضم الينا وشاركنا ومن قام بزيارتنا فتواجدكم هو هدف
المنتدى



تم تأسيس معهد …


[ قراءة كاملة ]

تعاليق: 0


ازرار خضراء ورائعه فقط من وزير الاكواد على عالم التطوير

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

ازرار خضراء ورائعه فقط من وزير الاكواد على عالم التطوير

مُساهمة من طرف وزير الاكواد في الخميس يونيو 20, 2013 8:09 pm

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




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

صورة لللكود



ضع رد ليظهر لك كود ال css

الكود:
<style type="text/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 */
}

</style>
لوحة الادارة--مظهر المنتدى--الوان--ورقة 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

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

تحياتي لكم

وزير الاكواد
نائب المدير
نائب المدير

عدد المساهمات : 8
تاريخ التسجيل : 20/06/2013

معاينة صفحة البيانات الشخصي للعضو

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

رد: ازرار خضراء ورائعه فقط من وزير الاكواد على عالم التطوير

مُساهمة من طرف Kimo Mimo في الخميس يونيو 20, 2013 9:16 pm

شكراً لك بارك الله فيك يا غالي Wink


avatar
Kimo Mimo
المدير العام
المدير العام

عدد المساهمات : 93
تاريخ التسجيل : 14/06/2013
العمر : 27

معاينة صفحة البيانات الشخصي للعضو http://ahla3alm.arabfoot.net/

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

رد: ازرار خضراء ورائعه فقط من وزير الاكواد على عالم التطوير

مُساهمة من طرف new.moon في السبت يونيو 22, 2013 12:32 pm

رااائع جدا تقبل مروري 


avatar
new.moon
المدير العام
المدير العام

عدد المساهمات : 75
تاريخ التسجيل : 14/06/2013
العمر : 23
الموقع : http://ahla3alm.arabfoot.net/

معاينة صفحة البيانات الشخصي للعضو http://ahla3alm.arabfoot.net/

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

رد: ازرار خضراء ورائعه فقط من وزير الاكواد على عالم التطوير

مُساهمة من طرف Mr.EXPERT في الجمعة نوفمبر 08, 2013 12:12 pm

كود جميل شكراً لـك ,



avatar
Mr.EXPERT
مشرف المنتدي
مشرف المنتدي

عدد المساهمات : 183
تاريخ التسجيل : 19/06/2013
الموقع : المملكة العربية السعودية

معاينة صفحة البيانات الشخصي للعضو

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

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


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