| مواقع صديقة: تعلم البي اتش بي - تصميم نت - أفضل استضافة |
| ||||||
| قسم الأنماط الإنسيابية CSS قسم يهتم بدارسة وتعريف صفحات الأنماط الإنسيابية أو Cascading Style Sheets وإختصاراً CSS ,وسنعرف بالقسم أهميه تلك التقنية والطرق المختلفة للإستخدامها ـ وهى تقنية تهتم بتحديد شكل وتصميم المواقع بمرونه وسهولة تامة. |
![]() |
| | LinkBack | أدوات الموضوع | طريقة العرض |
| | #1 (permalink) |
| عضو جديد تاريخ الانتساب: 18-05-2007
مشاركات: 2
مستوى السمعة : 0 ![]() | صراحة تعبت جدا مع التقيسم على فكرة اا اتبعت شرح الأخ كتووم و هدا الناتج كود: <!--
#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;
}
-->
كود: <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 |
| | |
| | #2 (permalink) |
| عضو نشيط تاريخ الانتساب: 25-03-2007 المكان: Egyptُُ
مشاركات: 95
مستوى السمعة : 2 ![]() |
مرحباااا انت تقصد شرح تقسيم الإستايل اللى في ترايدنت في كود الهيدر ينقصك ان تضع 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 والصحيح : كود: .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;
}
جرب وشوف ... وياريت لو فيه مثال للإستايل او الصفحة التى تطبق عليها حتى تتضح الصورة تحيتي ،،
__________________ { ;My blog: ca2oom }* |
| | |
| | #3 (permalink) |
| عضو جديد تاريخ الانتساب: 18-05-2007
مشاركات: 2
مستوى السمعة : 0 ![]() |
اولا شكرا لك استاد كتووم بالسبة للناتج فهده صورة الاستايل مركب http://img178.imageshack.us/img178/1646/webpageky2.gif و هده صورة التصميم قبل التقطيع http://img152.imageshack.us/img152/1300/vbstyletg6.jpg و شكرا لك |
| | |
![]() |
| زوار هذا الموضوع الآن : 1 (0 عضو و 1 ضيف) | |
(View-All)
Members who have read this thread : 1
| |
| الوحداني |
| أدوات الموضوع | |
| طريقة العرض | |
|
|
مواضيع ذات صلة | ||||
| الموضوع | الكاتب | المجلس | المشاركات | المشاركة الأخيرة |
| استفسار عن كيفية تقسيم الاسم الموجود داخل الحقل على حسب السبيس | هدوء الفجر | مشاكل وحلول 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 |