تابع موضوعات المنتدى الانتساب تعليمات س - ج المفكرة بحث مواضيع اليوم إشارة الأقسام مقروءة

مواقع صديقة: تعلم البي اتش بي - تصميم نت - أفضل استضافة


عودة   منتدى بي اتش بي PHP > قسم لغات البرمجة والتقنيات المساعدة > قسم الأنماط الإنسيابية CSS

قسم الأنماط الإنسيابية CSS قسم يهتم بدارسة وتعريف صفحات الأنماط الإنسيابية أو Cascading Style Sheets وإختصاراً CSS ,وسنعرف بالقسم أهميه تلك التقنية والطرق المختلفة للإستخدامها ـ وهى تقنية تهتم بتحديد شكل وتصميم المواقع بمرونه وسهولة تامة.


إضافة رد
 
LinkBack أدوات الموضوع طريقة العرض
قديم 18-05-2007, 12:14 AM   #1 (permalink)
عضو جديد
 
تاريخ الانتساب: 18-05-2007
مشاركات: 2
مستوى السمعة : 0
Nickel على طريق التميز و النجاح
Talking سؤال في تقسيم استايل منتدى

صراحة تعبت جدا مع التقيسم
على فكرة اا اتبعت شرح الأخ كتووم
و هدا الناتج
كود:
<!--
#content {
    width: 85%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#header.right {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-1_02.jpg);
    background-repeat: no-repeat;
    float: right;
    height: 167px;
    width: 350px;
}
#header.left {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-1_02.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 167px;
    width: 328px;
}
.shadowright {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-2_01.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 8px;
}
.shadowleft {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-2_03.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-left: 8px;
}
#footer {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-3_05.jpg);
    background-repeat: repeat-x;
    height: 74px;
}
#footer.right {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-3_06.jpg);
    background-repeat: no-repeat;
    float: right;
    height: 74px;
    width: 111px;
}
#footer.left {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-3_01.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 74px;
    width: 104px;
}
-->
-->[/code]في الهيدر
كود:
<div id="content">
<!--header-->
<div class="right"></div>
<div class="left"></div>
</div>
<!--end / header-->
<!--container-->
<div class="shadowright">
<div class="shadowleft">
<div id="in_container">
$spacer_open

$_phpinclude_output
و الفوتر

كود:
//-->
</script>
</div>
</div>
</div>
<!--end / container-->
<!--footer-->
<div id="footer">
<div class="right"></div>
<div class="left"></div>
</div>
<!--end / footer-->
</div>
أرجو المساعدة
و لو في دروس للمبتدئين متلي في هده اللغة
اكون شاكرا

قام بآخر تعديل Nickel يوم 18-05-2007 في 01:18 AM
Nickel غير متصل   رد مع اقتباس
قديم 18-05-2007, 05:23 PM   #2 (permalink)
عضو نشيط
 
تاريخ الانتساب: 25-03-2007
المكان: Egyptُُ
مشاركات: 95
مستوى السمعة : 2
ca2oom سيحقق الشهرة بما فيه الكفاية قريباً
افتراضي رد : سؤال في تقسيم استايل منتدى

مرحباااا
انت تقصد شرح تقسيم الإستايل اللى في ترايدنت

في كود الهيدر ينقصك ان تضع div للهيدر

كود هتمل:
<div id="content">

<!--header-->
<div id="header">
<div class="right"></div>
<div class="left"></div>
</div>
<!--end / header-->

<!--container-->
<div class="shadowright">
<div class="shadowleft">
<div id="in_container">
$spacer_open

$_phpinclude_output
وفي أوامر css هناك أخطاء في الجوانب shadowright و shadowleft

والصحيح :
كود:
.shadowright {
	background-image: url(http://localhost/vb/vb%20style/images/Untitled-2_01.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 8px;
}
.shadowleft {
    background-image: url(http://localhost/vb/vb%20style/images/Untitled-2_03.jpg);
    background-repeat: repeat-y;
    background-position: left;
    padding-left: 8px;
}
بدلا من no-repeat اصبحت repeat-y والإتجاهات تم تعديلات مع اليمين واليسار

جرب وشوف ... وياريت لو فيه مثال للإستايل او الصفحة التى تطبق عليها حتى تتضح الصورة

تحيتي ،،
__________________
{ ;My blog: ca2oom }*
ca2oom غير متصل   رد مع اقتباس
قديم 19-05-2007, 04:39 PM   #3 (permalink)
عضو جديد
 
تاريخ الانتساب: 18-05-2007
مشاركات: 2
مستوى السمعة : 0
Nickel على طريق التميز و النجاح
افتراضي رد : سؤال في تقسيم استايل منتدى

اولا شكرا لك استاد كتووم
بالسبة للناتج فهده صورة الاستايل مركب
http://img178.imageshack.us/img178/1646/webpageky2.gif

و هده صورة التصميم قبل التقطيع
http://img152.imageshack.us/img152/1300/vbstyletg6.jpg

و شكرا لك
Nickel غير متصل   رد مع اقتباس
إضافة رد


زوار هذا الموضوع الآن : 1 (0 عضو و 1 ضيف)
 

(View-All Members who have read this thread : 1
الوحداني
أدوات الموضوع
طريقة العرض
عادي عادي

ضوابط المشاركة
غير مصرّح لك بنشر موضوع جديد
غير مصرّح لك بنشر ردود
غير مصرّح لك برفع مرفقات
غير مصرّح لك بتعديل مشاركاتك

وسوم vB : نشيط
كود [IMG] : نشيط
كود هتمل : خامل
Trackbacks are نشيط
Pingbacks are نشيط
Refbacks are نشيط

الانتقال السريع

مواضيع ذات صلة
الموضوع الكاتب المجلس المشاركات المشاركة الأخيرة
استفسار عن كيفية تقسيم الاسم الموجود داخل الحقل على حسب السبيس هدوء الفجر مشاكل وحلول PHP Errors & Troubleshooting 2 02-05-2008 05:43 PM
[؟] تقسيم أرقام تعدد الصفحات كيف يتم ذلك؟ enigma مشاكل وحلول PHP Errors & Troubleshooting 5 11-02-2008 05:09 PM
ستايل منتدى تركي قسم الأنماط الإنسيابية CSS 1 21-09-2007 06:34 PM
كيف يمكن تقسيم نص معين Mina_ms مشاكل وحلول PHP Errors & Troubleshooting 1 20-08-2007 12:10 PM
كيفية تقسيم ارسال الرسائل الى عدد معين ثم العدد اللي يليه وهكذا normal مشاكل وحلول PHP Errors & Troubleshooting 5 28-07-2007 12:37 AM


يمنع نقل أي من موضوعات المنتدى دون إذن كتابي مسبق من إدارة المنتدى، مع الشكر.
التوقيت حسب جرينتش +3. الساعة الآن 02:45 AM.