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

شاطر | 
 

 باستخدام ال css

اذهب الى الأسفل 
كاتب الموضوعرسالة
المهندس صافى
مؤسس المنتدى والمدير العام

avatar

احترام القوانين :
ذكر تاريخ الميلاد : 25/07/1998
عدد المساهمات : 1044
نقاط : 3102
تاريخ التسجيل : 29/08/2009
العمر : 19
الموقع : الاسكندرية

مُساهمةموضوع: باستخدام ال css   الجمعة مارس 04, 2011 7:42 am

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

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

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

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

مثال :


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

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

كود PHP:




<style type="text/css">


/* */

/*URL: http://www.e3lan3rby.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>








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

كود PHP:




<div id="modernbricksmenu">

<ul>

<li style="margin-left: 1px"><a href="http://www.e3lan3rby.com" title="www.e3lan3rby.com">e3lan3rba>li>

<li><a href="http://www.e3lan3rby.com/" title="www.e3lan3rby.com">e3lan3rba>li>

<li id="current"><a href="http://www.e3lan3rby.com/" title="www.e3lan3rby.com">e3lan3rba>li>

<li><a href="http://www.e3lan3rby.com" title="www.e3lan3rby.com">e3lan3rba>li>

<li><a href="http://www.zajildot.com/forums/" title="www.e3lan3rby.com">ر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://www.toty.arabstar.biz
mohamed_m
مشرف عام
مشرف عام
avatar

احترام القوانين :
ذكر تاريخ الميلاد : 16/07/1998
عدد المساهمات : 447
نقاط : 853
تاريخ التسجيل : 29/08/2009
العمر : 19

مُساهمةموضوع: رد: باستخدام ال css   السبت ديسمبر 17, 2011 7:50 am

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


احترام القوانين :
تاريخ الميلاد : 18/09/1990
عدد المساهمات : 138
نقاط : 287
تاريخ التسجيل : 29/08/2009
العمر : 27

مُساهمةموضوع: رد: باستخدام ال css   الأحد ديسمبر 18, 2011 11:48 am

shokran lek 3la el shar7 al ra2e3 da

شكرا ليك على الشرح الرائع دى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
المهندس صافى
مؤسس المنتدى والمدير العام

avatar

احترام القوانين :
ذكر تاريخ الميلاد : 25/07/1998
عدد المساهمات : 1044
نقاط : 3102
تاريخ التسجيل : 29/08/2009
العمر : 19
الموقع : الاسكندرية

مُساهمةموضوع: رد: باستخدام ال css   الخميس ديسمبر 22, 2011 7:03 am

العفو يا تيتو على ايه
وننتظر جديدك

وتقبل تحياتى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.toty.arabstar.biz
 
باستخدام ال css
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: المهندس صافى فعالياتنا :: !…»§ ●[ــــودΞا لغات البرمجة Ξالـــ] ●§«…! :: !…»§ ●[ــــودΞ دورة تعلم css Ξالـــ] ●§«…!-
انتقل الى:  

أكوادcss|اكواد Template| الأسئلة الشائعة | تقنيات متقدمة |لغات البرمجة|اشهار المواقع والمنتديات |اقسام التصميم |اشهار المنتديات|دليل شركات الاستضافه|عروض المنتديات  |الابداع والجرافيزم |الفوتوشوب|البرامج  |


مركز تبادل الاعلانات العربيه

 دردشة | المهندس صافى