هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
ازرار خضراء ورائعه فقط من وزير الاكواد
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
ازرار خضراء ورائعه فقط من وزير الاكواد
بسم الله الرحمن الرحيم
الكود هو css و html ولكن بالاصل هو css الان
صورة لللكود
الكود
لوحة الادارة--مظهر المنتدى--الوان--ورقة css ضعها هناك
والان كود html
ضع رد ليظهر لك الكود
انتبه ان تغير كود html
الان طريقة التركيب
لوحة الادارة
مظهر المنتدى
تشكيلاات عامه
تحياتي لكم
الكود هو 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
الان طريقة التركيب
لوحة الادارة
مظهر المنتدى
تشكيلاات عامه
تحياتي لكم
مواضيع مماثلة
» كود فعاليات المنتدى مثل الفي بي من وزير الاكواد
» الان ضع حقوق لمنتداك مقدم من وزير الاكواد
» كود الاعلانات بالشكل الجديد html من وزير الاكواد
» مفجأت الموسم كود المواضيع المميزة ال 2013 من وزير الاكواد
» كود اوقات الصلاه مقدم بشكل مميز مقدم من وزير الاكواد
» الان ضع حقوق لمنتداك مقدم من وزير الاكواد
» كود الاعلانات بالشكل الجديد html من وزير الاكواد
» مفجأت الموسم كود المواضيع المميزة ال 2013 من وزير الاكواد
» كود اوقات الصلاه مقدم بشكل مميز مقدم من وزير الاكواد
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى