الدرس الثانى من دوره تصميم الاستايل بتقنيه (css)

قناص جوبا · 11-22-2009

المشاركة الأصلية كتبت بواسطة Y A S S I N E

أوكـي ،
في سؤال الكود الي عطتني ، الي عدلت عليه ، لما وضعته في البرنامج و غيرت مسارات الصور لم تضهر في معاينة ؟

علشان انت مش حاطط الكود ده

كود PHP:


			
file:///C:/AppServ/www/vb/

وطبعا احنا بنشيله علشان نحط الكود فى القوالب علشان يطهز فى المنتدى

Y A S S I N E · 11-22-2009

صحيح يا غالي ما نا غيرت قبل و ما ضهرت بس عملتها على المكتب
الان وضعت الكود الي وضعت لي وضهرت الصور بس في سؤاال مهم جدا لاحضة بالكود ده

كود PHP:


			
<body>
<div class="h1">
<div class="h2">
<div class="f3"></div>
 </div>
<div class="h3"></div>
</div>
<div class="f1">
<div class="f2"></div>
</div>
</body>

ليش وضعت الكود كده

كود PHP:


			
<div class="h1">
<div class="h2">
<div class="f3"></div>
 </div>

ألا يجب أن يكون هكذا

كود PHP:


			
<div class="h1">
<div class="h2">
<div class="h3">
 </div>

قناص جوبا · 11-22-2009

المشاركة الأصلية كتبت بواسطة Y A S S I N E

صحيح يا غالي ما نا غيرت قبل و ما ضهرت بس عملتها على المكتب
الان وضعت الكود الي وضعت لي وضهرت الصور بس في سؤاال مهم جدا لاحضة بالكود ده

كود PHP:


			
<body>

<div class="h1">

<div class="h2">

<div class="f3"></div>

 </div>

<div class="h3"></div>

</div>

<div class="f1">

<div class="f2"></div>

</div>

</body>

ليش وضعت الكود كده

كود PHP:


			
<div class="h1">

<div class="h2">

<div class="f3"></div>

 </div>

ألا يجب أن يكون هكذا

كود PHP:


			
<div class="h1">

<div class="h2">

<div class="h3">

 </div>

حتى الكود كده غلط

كود PHP:


			
<div class="h1">

<div class="h2">

<div class="f3"></div>

 </div>

الكود المفروض يكون الاول بدوس الكلاس المغلق
لانه بيكون متمدد
والثانى بالكلاس المغلق لانه بحدد صوره
والثالث بيكون كلاس مغلق لانه ايضا بيحدد صوه
والكلاس المغلق يعنى

كود PHP:


			
</div>

يكون الكود النهائى بالشكل

كود PHP:


			
<div class="h1">

<div class="h2"></div>

<div class="h3"></div>

</div>

اتمنى تكون فهمت قصدى

Y A S S I N E · 11-22-2009

لا أناا فاااهم الكووود جيدا حطيت لك الكود الي قلت لك مفروض عشان تعرف شو أقصد أنا اقصد لك .. شوف هنا

كود PHP:


			
<div class="h3"></div> 
</div> 
<div class="f1"> 
<div class="f2"></div>

ليش h3 مع الفوتر f1 و f2

و كمان في الكود الهيدر

كود PHP:


			
<body> 
<div class="h1"> 
<div class="h2"> 
<div class="f3"></div> 
 </div>

h1 و h3 ليه معاهم f3

قناص جوبا · 11-22-2009

لا يا ياسين مش معاهم
كلاسات الهيدر كامل اهو

كود PHP:


			
<div class="h1">
<div class="h2"></div>
<div class="h3"></div>
</div>

اما كلاسكات الفوتر كامل اهو

كود PHP:


			
<div class="f1">
<div class="f2"></div>
<div class="f3"></div>
</div>

Y A S S I N E · 11-22-2009

أها صحيح هذا هو الشكل الي أعرف زي ما ذكرت ، لاكن لو تراجع الي عطتني تلقى الاختلاف الي قلت لك ، آسف تعبتك معي ..كنت

قناص جوبا · 11-22-2009

لا كده انا مش فاهم قصدك ممكن توضح شويه

Y A S S I N E · 11-22-2009

آسف ، آسف .. أنا لما نسخت الكود الي وضعت لي برد

كود PHP:


			
تابعه وهتعرف اخطائك ان شاء الله

كود PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 2</title>
<style type="text/css">
.h1{
    background-image: url('yo/images/Dev-01_02.gif');
    background-repeat:repeat-x;
    height:126px;
}
.h2{
    background-image: url('yo/images/Dev-01_01.gif');
    background-repeat:no-repeat;
    height:126px;
    width:330px;
    float:left;
}
.h3{
    background-image: url('yo/images/Dev-01_03.gif');
    background-repeat:no-repeat;
    height:126px;
    width:421px;
    float:right;
}
.f1{
    background-image: url('yo/images/Dev-01_06.gif');
    background-repeat:repeat-x;
    height:19px;
}
.f2{
    background-image: url('yo/images/Dev-01_05.gif');
    background-repeat:no-repeat;
    height:19px;
    width:253px;
    float:left;
}
.f3{
    background-image: url('yo/images/Dev-01_07.gif');
    background-repeat:no-repeat;
    height:19px;
    width:237px;
    float:right;
}

</style>
</head>

<body>
<div class="h1">
<div class="h2"></div>
<div class="h3"></div>
</div>
<div class="f1">
<div class="f2"></div>
<div class="f3"></div>
</div>
</body>

</html>

الاكواد قلبت عندي مما سبب لي مشكلة ، خلاص خطأ مني ..

أنا حركت الصوره في معاينة و بذلك تغيرت الكلاسات و حسبت أنك وضعتها بذلك الشكل ، آسف

قناص جوبا · 11-22-2009

اوك ولا يهمك
وبالنسبه للدرس القادم الشرح المصور نقول تقريبا خلص
الشرح الفيديو بيخلص فى دقائق معدوده
وان شاء الله الدرس بكره

Y A S S I N E · 11-22-2009

الله يعينك ، من وجهة نضري و الله بشوف بلاش الشروحات فديو
ـأولا ما يستفيد منها حد لأنها تكون سريعه و ما يكون فيها تركيز
ثانيا ما يحملها حد الا القليل بتكون كبيرة الحجم
ثالثا فيها تعب زائد لك

عموما وجهة نضري لشروحات فيديو فقط ..

في أنتضار الدرس القادم ، حيكون اضافة روابط على لهيدر ..:d
اضافة الروابط على الهيدر ،
لو وضع الدرس اليوم أقدر أطبقه اليوم لو غذا ما راح اطبقه الآ لفراغي تقريبااا الاربعاء أو خميس ، أنا بكون متواجد ع النت لاكن مع دراسه ما يكفاني هههه
عموما في أنتضار الدرس الثالث

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

LinkBacks (?) LinkBack to this Thread: http://vbegy.info/vb/t689.html
أرسلت بواسطة	For	Type	التاريخ
[مشكلة] مشكلة في نقطة تمدد الستايل - الصفحة 2	This thread	Pingback	07-15-2011 11:32 PM
الدرس الثانى من دوره تصميم الاستايل بتقنيه (css) - منتدى بيتو هوست	This thread	Refback	01-13-2011 08:10 PM
giugno « 2010 « Xsara4design \| ط§ظ„ط¨ظˆط§ط¨ط© ط§ظ„ظ…ط®طµطµط© ظ„ظ„ط¯ط±ظˆط³ ظپظˆطھظˆط´ظˆط¨ ط§ظ„ط¸ط§ظ‡ط±ظٹ ط§ظ„ط¹ط±ط¨ظٹط©	This thread	Refback	01-04-2011 04:39 AM
الدرس الثانى والثالث والرابع من دوره تصميم الاستايل بتقنيه (css)	This thread	Refback	09-20-2010 03:24 AM
Xsara4design \| ط§ظ„ط¨ظˆط§ط¨ط© ط§ظ„ظ…ط®طµطµط© ظ„ظ„ط¯ط±ظˆط³ ظپظˆطھظˆط´ظˆط¨ ط§ظ„ط¸ط§ظ‡ط±ظٹ ط§ظ„ط¹ط±ط¨ظٹط©	This thread	Refback	09-14-2010 10:25 AM
الدرس الثانى من دوره تصميم الاستايل بتقنيه (css) - مرسى الفي بي	This thread	Refback	05-13-2010 07:50 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css)	This thread	Refback	02-13-2010 05:56 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - مرسى الفي بي	This thread	Refback	12-13-2009 02:30 PM
الدرس الثانى من دوره تصميم الاستايل بتقنيه (css)	This thread	Refback	12-13-2009 01:24 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - معهد روابط في بي	This thread	Refback	12-02-2009 05:33 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - معهد روابط في بي	This thread	Refback	12-02-2009 05:33 PM
الدرس الاول والثانى من دوره تصميم الاستايل بتقنيه (css) - قسم تعليم تصميم الاستايلات	This thread	Refback	12-01-2009 12:20 PM
الدرس الثالث والرابع من دوره تصميم الاستايل بتقنيه (css) - قسم تعليم تصميم الاستايلات	This thread	Pingback	11-29-2009 02:18 PM

فى بى ايجى التطويرية
موقع تكويد	مركز رفع صور وملفات	مدونه فى بى ايجى	منتدى المشاكل	منتدى مجانى
معرض استايلات	دليل مواقع \| اضف موقعك	استضافه مجانيه	اعمال فى بى ايجى	دوره اداره الموقع
دوره تصميم الاستايلات	منتديات القمة إنفو	تبادل اعلانى	تبادل اعلانى	تبادل اعلانى

رسالة مدير الموقع

دورة تصميم قالب ورد بريس بلوحة تحكم
قريبا مفاجئات ودروس برمجية متنوعه