••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ××

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ××

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

أهلا إخواني أعضاء وزوار منتدى برمجة وتطوير المواقع والمنتديات

اليوم سأطرح عليكم موضوع

وهو عبارة عن طريقة برمجة هيدر إحترافي

لا أطيل عليكم أترككم مع الدرس

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× 1343974048119

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× 1343974048119

أولا : نفتح ملف جديد بإسم

Index.php

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× Xe2dh

رابط الصورة :

http://im39.gulfup.com/xe2dh.png

كود php :

WwW.StartimeS.CoM

ثانيا :

نضيف ملف جديد بإسم :

Style.css

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× MP81b

رابط الصورة :

http://im42.gulfup.com/mP81b.png

كود css :

.body { background: #eee; margin:0; padding:0; }

#index { width: 800px; margin:auto; padding:70px 0; background: white; border: 1px solid #ccc; }

.logo { font-family: "BIRTH OF A HERO"; font-size: 65px; font-style: normal; color: #FFFFFF; }

.header { background: #444; height: 120px; margin: 0px -15px; relative; }

ثم نضيف كود جديد لملف Index.php

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× XCizv

رابط الصورة :

http://im39.gulfup.com/XCizv.png

كود php :

لتكون النتيجة هكذا :

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× GTv1T

رابط الصورة :

http://im42.gulfup.com/gTv1T.png

الآن إنتهينا من عناء ملف Index.php

نتوجه لملف Style.css ونضيف كود جديد

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× X0Tfy

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× X0Tfy

رابط الصورة :

http://im40.gulfup.com/x0Tfy.png

كود css :

.header span { width:0; height:0; line-height:0; absolute; top:100%; border-top:14px solid #bbb; }

.header span.left { left:0; border-left:14px solid transparent; }

.header span.right { right:0; border-right:14px solid transparent; }

لتكون النتيجة النهائية :

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× 0609w

رابط الصورة :

http://im40.gulfup.com/0609w.png

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ×× 1343974048119

وأخيرا سأعطيكم الملف جاهز :

رابط التحميل :

http://www.multiupload.nl/10XZ5XFHMC

كلمة المرور :

Startimes/Berhom28

الآن إنتهينا من الدرس

إن شاء الله أن ينال إعجابكم

وإلى اللقاء في درس آخر بإذن الله !!!

حياكم الله

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ××

••●| × درس برمجة هيدرإحترافي × |●•• ×× يستعمله معظم المواقع العالمية ××

روابط مفيدة