miss abir online
***مرحبا بزوارنا الكرام في منتديات عنابة كوم***
نرجو منكم تسجيل الدخول إن كنتم أعضاء بالمنتدى بالضغط على زر "الدخول"
إن كنتم غير مسجلين بالمنتدى فتفضلوا بالتسجيل معنا بالضغط على زر "التسجيل"
يمكنكم دائما إغلاق هذه النافذة بلضغط على زر "إخفاء"


miss abir online
 
الرئيسيةالتسجيلدخول
منتديات عنابة كوم ترحب بالجميع-حيث العلوم والثقافة والسياحة والتسلية والنكت والالغار والتقنية والبرمجة والتصميم والابداع....-ارجو ان تقضوا اوقات جيدة في منتديات عنابة كووووووم-


شاطر | 
 

 اكواد css للمنتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Miss Abir
المدير الأول
المدير الأول


عدد المساهمات : 611
تاريخ التسجيل : 29/12/2010
العمر : 21
الموقع : http://lilkoul.yoo7.com

مُساهمةموضوع: اكواد css للمنتدى   الإثنين مايو 09, 2011 3:25 pm

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

سأخصص هذا الموضوع لنشرالأكواد المهمة والجميلة بإستخدام CSS ..

بسم الله نبدأ ..

أول كود .. قائمة أقسام موقع ..

مثال :


كيفية التطبيق:

ضع هذا الكود ضمن الستايل شيت اذا ما خصصت ملف لجلبه او ضمن الصفحة نفسها اذا لم تخصص صفحة منفصلة له .




<style type="text/css">

/* */
/*URL: http://www.zajil.com/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: ""}"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px tahoma;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px tahoma;
height: 22px;
background-color: lightyellow;
}

</style>


ثم أضف هذا الكود وأجري عليه التغيرات اللازمة من روابط وعناوين الروابط ..



<div id="modernbricksmenu">
<ul>
<li style="margin-left: 1px"><a href="http://www.zajildot.com" title="zajil">zajil</a></li>
<li><a href="http://www.zajildot.com/" title="zajil">zajil</a></li>
<li id="current"><a href="http://www.zajildot.com/" title="zajil">zajil</a></li>
<li><a href="http://www.zajildot.com" title="zajil">zajil</a></li>
<li><a href="http://www.zajildot.com/forums/" title="zajil">zajil</a></li>
</ul>
<form id="myform">
<input type="text" class="textinput" /> <input class="submit" type="submit" value="Find" />
</form>
</div>

<div id="modernbricksmenuline">&nbsp;</div>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lilkoul.yoo7.com
saidou23
المدير الثاني
المدير الثاني
avatar

عدد المساهمات : 1169
تاريخ التسجيل : 02/09/2011
العمر : 37
الموقع : عنابة-الجزائر

مُساهمةموضوع: رد: اكواد css للمنتدى   الأحد سبتمبر 04, 2011 2:29 pm

مشكور أخي الكريم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.chorfa-dz.com/vb/
 
اكواد css للمنتدى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
miss abir online :: عالم الاكواد :: اكواد css واكواد خاصة بمستعملي احلى منتدى-
انتقل الى: