صحة الاكواد هذي ؟ توزيع واجهات:$:$

أمل · 04-01-2011

السلام عليكم

مساء الخير

مم عندي استفسار ايضاً بخصوص توزيع الواجهات الحمدلله انتهيت من الدورة وطلعت الحمدلله اسهل مما توقعته...ومابقى الا الدرس الاخير الي هو تعديل اخطاء الاكسبلور.

فبقيت أراجع من اول درس واعيد التوزيع للترسيخ فقط.

وصلت لفقرة توزيع القوائم الجانبية.

لكن في خلل واجهني حاولت جاهده اعرف الخطا لكن ماقدرت ابداً!!

هذه الاكواد..لأن حذفتها وحطيت اكواد التطبيق الماضي وضبطت!

كود PHP:


			
body{
    
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    background-color:#d6cebd;
    color:6c8b7d;
    direction:rtl;
    line-height:1.5;
}

a{text-decoration:none;
color:#FFF;
}
a:hover{
}
img{border:none;
}
*
{padding:0;
margin:0;
outline:0;
}
.header1
        {background:url(images/a_02.gif); repeat-x;
height:196px;
}
.header2
{background:url(images/a_01.gif); n0-repeat;
height:196px;
width:382px;
float:left;
}
.header3
{background:url(images/a_03.gif) no-repeat;
height:196px;
width:371px;
float:right;
position:relative;
}
a.ra1{
    position:absolute;
    height:20px;
    width:58px;
    left:301px;
    bottom:20px;
}

a.ra2{
    position:absolute;
    height:18px;
    width:59px;
    left:233px;
    bottom:20px;
}

a.ra3{
    position:absolute;
    height:18px;
    width:59px;
    left:165px;
    bottom:20px;
}
a.ra4{
    position:absolute;
    height:18px;
    width:59px;
    left:93px;
    bottom:20px;
}

#side{
    width:900px;
    clear:both;
    border:1px dotted #330;
    height:100%;
    background-color:#686152;
    color:#d6cebd;
    margin:auto;
    margin-bottom:10px;
    overflow:hidden;
}
.amal-khaled{
    float:right;
    padding:1px;
    border-left:1px dotted #330;
    width:150px;
}
.amal-khaled h3{
    background-color:#295641;
    color:#cac6b5;
    border:1px dotted #363;
}
.amal-khaled h3:hover{
    background-color:#6c8b7d;
    color:#d6cebd;
    border:1px dotted #330;
}
.amal-khaled ul li{
    list-style-type:none;
    padding:1px;
    margin:auto;
    border:1px dotted #366;
}
.amal-khaled ul li:hover{
    background-color:#a39880;
    color:#295641;
    border:1px thick #330;
    padding:1px;
}
    
    .amal-khaled ul li a{
        display:block;
        color:#FFC;
    }
    .ama;-khaled ul li a:hover{
        color:#330;
    }
    #side p{
        color:#d6cebd;
    }
    #left_col{
        width:180px;
        float:left;
        margin-right:20px;
        height:100%;
        
    }
    #right_col{
        width:180px;
        float:right;
        margin-left:20px;
        height:100%;
    }
    .list_h{
        background:url(images/t_07.gif); no-repeat;
        width:180px;
        height:42px;
    }
    .list_h h3{
        text-align:center;
        line-height:42px;
        font-size:16px;
    }
    .list_f{
        background:url(images/t_12.gif); no-repeat;
        height:39px;
        width:180px;
        margin-bottom:5px;
    }
    .list_p{
        background:url(images/t_10.gif); y-repeat;
        height:100%;
        width:180px;
        overflow:hidden;
    }

قناص جوبا · 04-01-2011

وعليكم السلام
شئ ممتاز جدا التطبيق اكثر من مره بحيث تثبت المعلومه
طيب دلوقتى ايه المشكله بالظبط
ياريت صوره للمشكله

أمل · 04-01-2011

الله يعطيك العافيه يارب

^^

المشكلة هي ان القائمة اليمنى يطلع تمددها+فوترها إنما هيدرها لا!

القائمة اليسرى يظهر هيدرها فقط اما تمددها+فوترها لا

وجيت بصور الأن لقيت كل شي متضبط

=========================
طيب أخ قناص..لو ابعمل جدول وداخله صور.

سويت هذي الطريقة بس شكلها مش مضبوطة

كود PHP:


			
<table border="3px;">
<th><h3>ستايلات</h3></th>
<tr>
<td><a href="#"><img src="" alt="amal-khaled"/></a></td>
<td><a href="#"><img src="" alt="amal-khaled"/></a></td>
<td><a href="#"><img src="" alt="amal-khaled"/></a></td>
<td><a href="#"><img src="" alt="amal-khaled"/></a></td>
<td><a href="#"><img src="" alt="amal-khaled"/></a></td>
</tr>
</table>
</body>

+

كيف اربط اكثر من صفحة.؟

يعني بداخل صفحة الانديكس..أضيف رابط جديد مثلاً؟.

قناص جوبا · 04-01-2011

المشاركة الأصلية كتبت بواسطة أمل

الله يعطيك العافيه يارب

^^

المشكلة هي ان القائمة اليمنى يطلع تمددها+فوترها إنما هيدرها لا!

القائمة اليسرى يظهر هيدرها فقط اما تمددها+فوترها لا

وجيت بصور الأن لقيت كل شي متضبط

=========================
طيب أخ قناص..لو ابعمل جدول وداخله صور.

سويت هذي الطريقة بس شكلها مش مضبوطة

كود PHP:


			
<table border="3px;">

<th><h3>ستايلات</h3></th>

<tr>

<td><a href="#"><img src="" alt="amal-khaled"/></a></td>

<td><a href="#"><img src="" alt="amal-khaled"/></a></td>

<td><a href="#"><img src="" alt="amal-khaled"/></a></td>

<td><a href="#"><img src="" alt="amal-khaled"/></a></td>

<td><a href="#"><img src="" alt="amal-khaled"/></a></td>

</tr>

</table>

</body>

+

كيف اربط اكثر من صفحة.؟

يعني بداخل صفحة الانديكس..أضيف رابط جديد مثلاً؟.

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

أمل · 04-01-2011

طيب: )

الأن المشكلة الاساسيه الي طرحت لاجلها الموضوع تعدلت ^^

======

وقعت الأن بمشكلة تانيه!

ومتأكده من صحة الاكواد.

المربع الي فيه الكلام مش قادره أأطره!!

الأكواد

كود PHP:


			
 #main{
  margin:10px 200px;
 }
 .ads{
  border:1px dotted #063;
  height:90px;
  width:300;
  margin:auto;
  margin-bottom:20px;
 }
 .post a{
  color:#366;
 }
 .post a:hover{
  color:#099;
 }
 .post{
  border:2px dotted #366;
  background-color:#a39880;
  color:#FFC;
  overflow:hidden;
  margin:auto;
  margin-bottom:10px;
  height:100%;
  padding:3px;
 }
 .post h3{
  border:1px dotted #363;
  padding:1px;
  margin:auto;
 }
 .post h3:hover{
  border:1px dashed #393;
 }
 .post_commnt{
  border:1px dotted #FFC;
  margin:auto;
 }
 .commnts_tags{
  border:1px dotted #FFC;
  padding:1px;
  margin-bottom:1px;
  margin:auto;
  margin-bottom:2px;
 }

كود PHP:


			
<div id="post"><!--post-->
<a href="#"><h3>قسم الاخبار</h3></a>
<div class="commnt_tags">
-قسم- <a href="#">أخبار</a> -للكاتب- <a href="#">أمل خالد</a> -بتاريخ- <a href="#">112011</a>
<p>موقع لتقديم الخدمات التعليمية والتطويرية وتصميم الواجهات والاستايلات وتوزيعها بأحدث التقنيات البرمجية
موقع لتقديم الخدمات التعليمية والتطويرية وتصميم الواجهات والاستايلات وتوزيعها بأحدث التقنيات البرمجية
موقع لتقديم الخدمات التعليمية والتطويرية وتصميم الواجهات والاستايلات وتوزيعها بأحدث التقنيات البرمجية</p>
</div>
<div class="post_commnt">
<a href="#">أكمل قراءة الخبر</a>
</div>
</div>
</div>
</div><!--End post-->
<

أمل · 04-01-2011

عرفت الخلل

<div class"post"></div>

نسيت أضيفه.

======

كدا تعتبر المشكلة انتهت.

يبقى ندخل بالجداول؟

قناص جوبا · 04-01-2011

تمام على حل كل المشاكل
بس ايه الجداول دى
احنا مش بنستخدم جداول نهائى فى التوزيع احنا بنشتغل بال css

أمل · 04-01-2011

^^

حضرتك مافهمتني

يعني الان ابغى اعمل جدول

بتكو الطريقة بهذي الاكواد صح؟

حاولت كدا بس ماظهرت مضبوطه

كود PHP:


			
<table border="3px;"> 
<th><h3>ستايلات</h3></th> 
<tr> 
<td><a href="#"><img src="" alt="amal-khaled"/></a></td> 
<td><a href="#"><img src="" alt="amal-khaled"/></a></td> 
<td><a href="#"><img src="" alt="amal-khaled"/></a></td> 
<td><a href="#"><img src="" alt="amal-khaled"/></a></td> 
<td><a href="#"><img src="" alt="amal-khaled"/></a></td> 
</tr> 
</table> 
</body>

يعني ابعمل صفحة فيها جدول الجدول دا بداخله صور بمقاس 190×190

قناص جوبا · 04-01-2011

اها هى دى الطريقة
بس مش قادر اتخيل الحاجه اللى انتى عاوزاها

أمل · 04-01-2011

طيب الحمدلله

انا ابغى زي الصفحتين هذي

http://www.amal-khaled.com/free_styles.htm

وزي هذا الجدول الي بموقع حضرتك الي فيه توضيح للاسعار وكدا

http://2code.org/services/host/

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[مشكلة] الدرس الرابع من توزيع الواجهات>توجد الاكواد +ألصورة	أمل	مشاكل واستفسارات الاستايلات	11	03-25-2011 11:43 AM
[مشكلة] صحة الاكواد!؟وعدم ضبط توزيع الواجهه	أمل	مشاكل واستفسارات الاستايلات	13	03-18-2011 03:28 PM
[مشكلة] مشكلة الاكواد	شباب عرب	فى بى ايجى للحلول و المشاكل و الطلبات	9	05-24-2010 03:01 PM
واجهات مجانية	fox	فى بى ايجى للواجهات المجانية	1	11-16-2009 01:19 AM

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

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

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