منتديات روح التطوير
ازرار خضراء رائعة 1311068439624
منتديات روح التطوير
ازرار خضراء رائعة 1311068439624
منتديات روح التطوير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات روح التطوير

اول واكبر موقع تطويري
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 ازرار خضراء رائعة

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
الامبراطور
الادارة
الامبراطور


ذكر
المشاركات : 1018
نقاطك : 1784
التقييم : 7
تسجيلي : 14/02/2013

ازرار خضراء رائعة Empty
مُساهمةموضوع: ازرار خضراء رائعة   ازرار خضراء رائعة Emptyالجمعة مايو 17, 2013 6:13 pm

ازرار خضراء رائعة TInDD

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




الكود هو 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

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

تحياتي لكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://reltwer.7olm.org
mr.design
عضو جديد
mr.design


ذكر
المشاركات : 12
نقاطك : 12
التقييم : 0
تسجيلي : 31/05/2013

ازرار خضراء رائعة Empty
مُساهمةموضوع: رد: ازرار خضراء رائعة   ازرار خضراء رائعة Emptyالجمعة مايو 31, 2013 7:19 am

شكرا لك على الموضوع الجميل و المفيد ♥

جزاك الله الف خير على كل ما تقدمه لهذا المنتدى ♥

ننتظر إبداعاتك الجميلة بفارغ الصبر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
ازرار خضراء رائعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شركة رائعة للربح
»  قصة فتاة رائعة لا تفوتو
»  بك أستجير رائعة جداًً
»  سلسلة الافتراءات (4): مغرب الشمس في عين حمئة... صور رائعة !!!
» موقع hotterthanhotbux بربح عالى جدا ومميزات رائعة اسرع وسجل

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