الرئيسيةبحـثالمجموعاتقائمة الاعضاءالتسجيلدخولالدخول

شاطر | 
 

 اجمل اكواد css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Mohamed The Master
...::|المــــديرالـــعام|::...

...::|المــــديرالـــعام|::...


ذكر مصر
تاريخ التسجيل تاريخ التسجيل : 17/09/2009
العمر العمر : 19
المشاركات : 3058
الهواية الهواية :
المهنة :
المزاج :
النقاط 5518 الخبرة 17

مُساهمةموضوع: اجمل اكواد css   الأحد يونيو 06, 2010 12:03 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"> </div>


بالتوفيق ..


My Last Design
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://gamezgb.ahlamontada.net
وضاح
..::: جــيمــــزاوي جــديــد :::..
..::: جــيمــــزاوي جــديــد :::..


ذكر تاريخ التسجيل تاريخ التسجيل : 02/12/2010
العمر العمر : 60
المشاركات : 23
النقاط 29 الخبرة 10

مُساهمةموضوع: رد: اجمل اكواد css   الجمعة ديسمبر 03, 2010 1:36 pm

مشكوورر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mohamed The Master
...::|المــــديرالـــعام|::...

...::|المــــديرالـــعام|::...


ذكر مصر
تاريخ التسجيل تاريخ التسجيل : 17/09/2009
العمر العمر : 19
المشاركات : 3058
الهواية الهواية :
المهنة :
المزاج :
النقاط 5518 الخبرة 17

مُساهمةموضوع: رد: اجمل اكواد css   الجمعة ديسمبر 03, 2010 5:27 pm

شكرا علي مرورك


My Last Design
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://gamezgb.ahlamontada.net
memo
..::: جــيمــــزاوي جــديــد :::..
..::: جــيمــــزاوي جــديــد :::..


ذكر تاريخ التسجيل تاريخ التسجيل : 16/10/2010
العمر العمر : 25
المشاركات : 38
النقاط 38 الخبرة 10

مُساهمةموضوع: رد: اجمل اكواد css   الخميس ديسمبر 09, 2010 8:02 am

مشكوووووووور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mohamed The Master
...::|المــــديرالـــعام|::...

...::|المــــديرالـــعام|::...


ذكر مصر
تاريخ التسجيل تاريخ التسجيل : 17/09/2009
العمر العمر : 19
المشاركات : 3058
الهواية الهواية :
المهنة :
المزاج :
النقاط 5518 الخبرة 17

مُساهمةموضوع: رد: اجمل اكواد css   الخميس ديسمبر 09, 2010 8:15 am

شكرا علي مرورك


My Last Design
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://gamezgb.ahlamontada.net
Prince Of Persia
..::: جــيمــــزاوي جــديــد :::..
..::: جــيمــــزاوي جــديــد :::..


ذكر تاريخ التسجيل تاريخ التسجيل : 09/12/2010
العمر العمر : 36
المشاركات : 27
النقاط 29 الخبرة 10

مُساهمةموضوع: رد: اجمل اكواد css   الخميس ديسمبر 09, 2010 7:45 pm

شكراااااااااااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mohamed The Master
...::|المــــديرالـــعام|::...

...::|المــــديرالـــعام|::...


ذكر مصر
تاريخ التسجيل تاريخ التسجيل : 17/09/2009
العمر العمر : 19
المشاركات : 3058
الهواية الهواية :
المهنة :
المزاج :
النقاط 5518 الخبرة 17

مُساهمةموضوع: رد: اجمل اكواد css   الخميس ديسمبر 09, 2010 8:12 pm

شكرا علي مرورك


My Last Design
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://gamezgb.ahlamontada.net
 
اجمل اكواد css
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

https://i87.servimg.com/u/f87/11/37/34/39/789610.png الـــتــــبــادل الــــنــصــي https://i87.servimg.com/u/f87/11/37/34/39/789610.png


مساحة اعلانيةمساحة اعلانية مساحة اعلانية مساحة اعلانية
مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية
مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية
مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية



الساعة الان بتوقيت مصر 
Powered by phpbb2 ® Ahlamontada.com
جميع الحقوق محفوظة لمنتدى جيمز جي بي
 حقوق الطبع والنشر©2011 - 2010
http://gamezgb.ahlamontada.net
المشاركات المنشورة بالمنتدى لاتعبر بالضرورة عن رأي إدارة المنتدى ولا تمثل إلا رأي أصحابها فقط