منتديات العمارية
لبسم الله
salaùm
اهلا وسهلا بك عزيزي الزائرفي منتدى العمارية هذه الرسالة تبين انك غير مسجل معنا الرجاء التسجيل للأستفادة منكم ..؟؟ وان كنت مسجل من قبل فالرجاء تسجيل الدخول
Basketball Basketball Basketball جزاك الله كل خير

مع التحية al@dfg وردة وردة وردة



انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات العمارية
لبسم الله
salaùm
اهلا وسهلا بك عزيزي الزائرفي منتدى العمارية هذه الرسالة تبين انك غير مسجل معنا الرجاء التسجيل للأستفادة منكم ..؟؟ وان كنت مسجل من قبل فالرجاء تسجيل الدخول
Basketball Basketball Basketball جزاك الله كل خير

مع التحية al@dfg وردة وردة وردة


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

اذهب الى الأسفل
Admin
Admin
المدير العام ومؤسس المنتدى
المدير العام ومؤسس المنتدى
الجنس : ذكر الحمل
عدد المساهمات : 6011 نقاط التميز : 24640 تاريخ التسجيل : 17/04/2009 العمر : 36 الموقع : العمارية المدية الجزائر
http://omaria.mountada.biz

جدبد اكود أكواد CSS Empty جدبد اكود أكواد CSS

الأربعاء 16 فبراير - 19:48
السلام عليكم ورحمة الله وبركاته ،،

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

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

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

مثال :


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

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

الرمز:


/* */
/*URL: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] */

#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;
}








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

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

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

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

مثال :


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

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





/* */
/*URL: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] */

#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;
}





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

الرمز:


  • zajil
  • zajil
  • zajil
  • zajil
  • zajil







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