نظرة سريعة على مجريات يوم سوالف
الفائزون في المسابقة الأصغر لسوالف كاست

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد  
 
LinkBack أدوات الموضوع
عضو نشيط جدا
تاريخ التسجيل: Feb 2007-
#1 (permalink)  
اصنع واجهة CSS بكل بساطة وبدون جداول !


أولا أهنئكم بقدوم شهر رمضان المبارك ، الله يوفقنا وإياكم لصيامة وقيامه ..

بسم الله الرحمن الرحيم ، يمكنك باستخدام أنماط الCSS صناعة واجهة موقعك وتجزئتها حسب ماتريد دون استخدام الطريقة الكلاسيكة (الجداول). وفوق هذا كله سرعه تحميل الصفحة. ولمعرفة المزيد حول : لماذا واجهة الCSS أفضل من استخدام الجداول ؟ واختصرها في عملية قراءة الجدول بطيئة ، انعدام المرونه في الجداول ، سهوله التحكم بمظهر الواجه أسهل في الCSS ، الجداول من الصعب بناءها للتوافق مع عدة أحجام للشاشات و من مزايا الCSS هو استخدام أكثر من نمط لعدة أغراض فعند طباعه الصفحة تستطيع استخدام نمط خاص للطباعة وهكذا.

الواجهة التي سنحاول شرح طريقة عملها هي على هذا الشكل :



أولا ً : تهيئة الصفحة وتجميع أفكارك وترتيبها

كود:
<!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 http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<title>  واجهتي الأولى </title>
<style type="text/css">
body {
	font-family:Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:.8em;
	direction:rtl;
	color:#999;
}

h1,
h2,
h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
</style>
</head>

<body>
</body>
</html>
في هذه الخطوه كتبنا بعض التنسيقات المبدئية من لون النص ونوع الخط .

ثانيا ً : البدء بكتابة العناصر واعطاءها مسميات id حتى يمكننا تسيقها بالCSS
نضع هذا داخل الbody :

كود:
<div id="wrap">
    <div id="header">
        <h1>رأس الصفحة</h1>
    </div>
    <div id="right">
    	<h1>الجزء الأيمن</h1>
    </div>
    
     <div id="left">
    	<h1>الجزء الأيسر</h1> 
    </div>
    
    <div id="center">
	<h1>المحتوى الرئيسي</h1>
    </div>
    <div id="footer">
    	<h1>ذيل الصفحة</h1>
    </div>
</div>
العنصر الأول هو باسم wrap وهو العنصر الذي يضم بقية العناصر وتستطيع بعدها التحكم في عرض الواجهة إذا أردت .
وبقية العناصر أظنها واضحة.


ثالثاً : تنسيق العناصر وإعطاءها بعض الشكليات الجمالية

مابين وسمين style أضف التالي:
كود:
#header
{
	padding:1em;
	background-color:#f9f9f9;
	border-bottom:.1em #E2E2E2 solid;
}
#footer
{
	border-top:.1em #E2E2E2 solid;
	background-color:#f9f9f9;
	padding:0 2em;
}


#right,#left,#center
{
	padding:1em;
}
#center
{
	border-left:.1em #E2E2E2 solid;
	border-right:.1em #E2E2E2 solid;
}
ستحصل على شكل مشابه لهذا :



تلاحظ العناصر ظاهرة بشكل مفرد وسنحاول في الخطوة القادمة -وهي الخطوة الرئيسية- ضبط محاذاتها .

رابعاً : ضبط الFloating للعناصر

أضف

كود:
#right
{
	float:right;
	width:14em;
}
#left
{
	float:left;
	width:14em;
}
ستحصل على نتيجة جيدة لكن حدود العنصر الرئيسي ظاهره على نهاية الصفحة وهذا بسبب ان العنصر رئيسي أخذ عرض كامل للمكان المتواجد فيه ، والحل بإضافة هامش أيمن وأيسر
كود:
#center
{
	border-left:.1em #E2E2E2 solid;
	border-right:.1em #E2E2E2 solid;
	margin:0 16em; /* أضفنا هذا السطر*/ 
}
المشكلة الاخرى هي عند تصفحك الواجهة بالانترنت إكسبلورر ستلاحظ "الجزء الأيمن" مكانها اعلى بقليل من "المحتوى الرئيسي" والحل هنا إضافة display:inline-block; للعنصر الرئيسي

كود:
#center
{
	border-left:.1em #E2E2E2 solid;
	border-right:.1em #E2E2E2 solid;
	margin:0 16em;
	display:inline-block; /* أضفنا هذا السطر*/
حسناً هل انتهينا ؟
لا لم ننتهي بعد بقي أن نذكر بعض المشاكل التي قد تواجهك ، ضع محتوى تجريبي للعنصر الايمن وليكن هكذا :

كود:
<div id="right">
    	<h1>الجزء الأيمن</h1>
        الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ،
        الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ،
        الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ، الجزء الأيمن ،
    </div>
ستلاحظ ذيل الصفحة لايتأثر بالمحتوى الذي أدخلته وينزل الى أسفل وحل ذلك بجعله يلغي أي عنصر يأتي بجانبه .
كود:
#footer
{
	border-top:.1em #E2E2E2 solid;
	background-color:#f9f9f9;
	padding:0 2em;
	clear:both; /* أضفنا هذا السطر*/ 
}
الان أدخل محتوى تجريبي بداخل المحتوى الرئيسي وليكن هكذا :
كود:
<div id="center">
	<h1>المحتوى الرئيسي</h1>
	
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
            
    </div>
سنحاول أدخال نصوص مشابهة للشكل التالي :


كود:
<div style="float:left; color:red">جملة ملاصقة للجانب الايسر</div>
<div style="float:right; color:blue">جملة ملاصقة للجانب الايمن</div> 
<div style="float:right; color:#993399; clear:both;">جملة فاصلة بينهم</div>
من المفترض ان هذه العناصر تعمل بشكل جيد لكن بحكم المحاذاة الحاصلة من العنصر الأيمن والأيسر فان الfloat داخل العنصر center لن يعمل بشكل جيد ولابد من وضع هذه العناصر في عنصر له خاصية overflow:hidden; display:inline-block

يكون الكود بالشكل النهائي:
كود:
    <div id="center">
    	<h1>المحتوى الرئيسي</h1>
        <div style="overflow:hidden; display:inline-block">
        <div style="float:left; color:red">جملة ملاصقة للجانب الايسر</div>
        <div style="float:right; color:blue">جملة ملاصقة للجانب الايمن</div> 
        <div style="float:right; color:#993399; clear:both;">جملة فاصلة بينهم</div> 
        </div>
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , 
    المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي , المحتوى الرئيسي ,

    </div>
مثال للناتج النهائي

والله أعلم.






__________________
موقعي الشخصي
www.Flasher.ws

جزيرة الفنون
www.Artsisland.net
Flasher غير متواجد حالياً   قديم 12-09-2007, 03:31 PM
رد مع اقتباس
مشرف قسم ويب 2.0 و البرمجية القياسية
تاريخ التسجيل: Mar 2003-
#2 (permalink)  

السلام عليكم

درس رائع يا فلاشر

كثير من الاعضاء محتاجين الدرس هذا وبصراحه شرحك رائع ومميز جدا

جزاك الله خير وكل عام وانت بالف خير






__________________
#
محمد "محلل لنظم المعلومات" - برمجه وتحليل
flash, flex, s e o, javascript, actionscript, php
لمراسلتي إضغط هنا

[ 1 ][فلاش] مقدمه : ما هي لغة الاكشن سكريبت وماهو الفلاش
MohDesign غير متواجد حالياً   قديم 12-09-2007, 03:44 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Jan 2005-
#3 (permalink)  

يعطيك العافيه ياFlasher اسلوبك رائع بارك لله فيك ............وكل عام وانت بخير






__________________
www.dooem.net
-----------------------------------------
الشبكه العقاريه للتسويق الاعلاني
seifss غير متواجد حالياً   قديم 12-09-2007, 07:50 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Aug 2000-
#4 (permalink)  

ممكن أعرف معني <div>

وفيما تستخدم رجاءاً






هكرز المنتديات غير متواجد حالياً   قديم 14-09-2007, 11:26 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2007-
#5 (permalink)  

أهلا بكم جميعا وتقبل الله صيامكم وقيامكم.. بارك الله فيكم..

بالنسبة لك اخي "هكرز المنتديات"

Div ماخوذة من الكلمة division وتعني قسم او جزء
اما استخدامها فهي تستخدم للبيانات التي لايوجد لها وسم محدد مثل وسم الtable محدد لتصميم جدول معين وسم a محدد للروابط والوسم b محدد للنمط العريض وهكذا ... اما الdiv لايوجد لها بيانات محددة او اشياء عادة تعرض داخلها فهي تقبل اي شئ ، بالاضافة انها لايوجد فيها اعدادات افتراضيه مثل الهوامش في p .. بالاضافه انها تعرض ك block element "تاخذ سطر كامل" ونفس الشئ في الوسم span الا انه inline element "تقبل عناصر اخرى في نفس السطر" ويمكنك تعديل مظهرها كماتشاء فهي كما ذكرت لك لاتحتوي على اعدادات افتراضيه مثل الP او h1 .






__________________
موقعي الشخصي
www.Flasher.ws

جزيرة الفنون
www.Artsisland.net
Flasher غير متواجد حالياً   قديم 16-09-2007, 11:45 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Aug 2000-
#6 (permalink)  

وضحت الفكرة ... الله يبارك فيك ويزيدك علم ياغالي

شكرااااااا






هكرز المنتديات غير متواجد حالياً   قديم 17-09-2007, 12:38 AM
رد مع اقتباس
مشرف قسم تطوير المنتديات
تاريخ التسجيل: Mar 2005-
#7 (permalink)  

بارك الله فيك .. دوما متألق ومبدع ،،






__________________
ما يجنى من ثمار الجنات ويلتقط,
قال عز وجل {وجنى الجنتين دان}
و إذا أردنا أن نجمع الاسم جنى
فسيصبح جَــوَ ا نـِــي
Abdullah ALHoshan ALTamimi
جواني غير متواجد حالياً   قديم 17-09-2007, 02:32 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2006-
#8 (permalink)  

أنار الله دربك علماً ونوراً , شرحك ممتاز جداً ومفهوم

جزاك الله خير






__________________
إنّ القوانين الـتي سـنّـها البشر من أجل تنظيم علاقاتهم بعضهم ببعض لاتتبع مايوحي به المنطق , وإنما تتبع ماتفرضه المصالح !
A-z-k9 غير متواجد حالياً   قديم 18-09-2007, 06:23 AM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: May 2007-
#9 (permalink)  

يعطيك العافيه اخوي على شرح المميز






__________________
عابرنت لخدمات التصميم والاستضافه
[http://www.abar4des.net]
عابرنت غير متواجد حالياً   قديم 18-09-2007, 09:39 AM
رد مع اقتباس
مشرف قسم تطوير وبرمجة المواقع للمتقدمين
تاريخ التسجيل: Mar 2007-
#10 (permalink)  

ما شاء الله
موضوع قيم للغاية عزيزيFlasher, الله ينور
تحياتي لك






__________________
فاضل ايام بسيطة , هانت يا المسعودي على الي كنت بقولك عليه :)
مـــــجـــــــانـــــا
كل سنة و انتو طيبين - مبارك علينا رمضان
ايمن جوجل غير متواجد حالياً   قديم 20-09-2007, 05:26 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Aug 2007-
#11 (permalink)  

Gooooooooooooooood
Man
Thanks






Mafia4Maroc غير متواجد حالياً   قديم 21-09-2007, 03:51 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Sep 2006-
#12 (permalink)  

فعلا رائع






Barakat غير متواجد حالياً   قديم 26-09-2007, 04:43 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Jun 2004-
#13 (permalink)  

لا خلا ولا عدم






__________________
+======================+
شبكة تصميم لتطوير المواقع
www.tsmim.com
استضافة احجز شركة سعودية
www.ahjez.com
نماذج تصاميمنا المدفوعة
http://www.deernt.com/piadpages.htm
+======================+
Abosaleh_2003 غير متواجد حالياً   قديم 28-09-2007, 04:57 PM
رد مع اقتباس
عضو جديد
تاريخ التسجيل: Sep 2006-
#14 (permalink)  

بيض الله وجهك ولاهنت






-مشاري- غير متواجد حالياً   قديم 01-10-2007, 02:12 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Jan 2007-
#15 (permalink)  

شكر لك يا فلاشر

تحياتي






x_yousef_x غير متواجد حالياً   قديم 03-10-2007, 01:56 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Dec 2004-
#16 (permalink)  

شكرا لك أخي
بارك الله فيك
أرغب ببناء صفحة على الشفرات التي قمت بكتابتها






__________________
Phpaw.com
الرجل الخارق غير متواجد حالياً   قديم 05-10-2007, 09:04 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2007-
#17 (permalink)  

اهلا بكم جميعا....وشكرا على كلامكم الجميل.

اقتباس:
المشاركة الأصلية كتبت بواسطة الرجل الخارق مشاهدة المشاركة
شكرا لك أخي
بارك الله فيك
أرغب ببناء صفحة على الشفرات التي قمت بكتابتها
لا مانع اخي الكريم... بالعكس يسعدني جدا، يهمني في الموضوع انك تعرفت على طريقة بسيطة جدا في بناء واجهات (أو هياكل) الصفحات باستخدام CSS.






__________________
موقعي الشخصي
www.Flasher.ws

جزيرة الفنون
www.Artsisland.net
Flasher غير متواجد حالياً   قديم 06-10-2007, 01:34 AM
رد مع اقتباس
مشرف أخبار الإنترنت والتقنية ومناقشتها
تاريخ التسجيل: Nov 2005-
#18 (permalink)  

درس رائع شكراً فلاشر.

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

تسائلات :
× لدي بلوك ايمن واريد ان اضع في داخله DIV واريد هذا الDIV يتمركز في اعلى هذا البلوك.
× DIV بعرض 400px واريد ان اجعل في الطرف الايمن نص وفي الطرف الايسر نص اخر بدون ما اقسم الDIV.
× كيف اتحكم بمكان النص داخل الDIV.
× لدي بلوكين بالDIV بجانب بعض واريد ان اجعل بنهم فاصل "مثلاً 2px".

ارجو اني ما اكون ثقلت






__________________
هل تبحث عن موزعين ووكلاء في اليمن ؟
راسلني : info {@} optionsco.com
Fast غير متواجد حالياً   قديم 09-10-2007, 02:39 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2007-
#19 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة Fast مشاهدة المشاركة
درس رائع شكراً فلاشر.

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

اقتباس:
تسائلات :
× لدي بلوك ايمن واريد ان اضع في داخله DIV واريد هذا الDIV يتمركز في اعلى هذا البلوك.
لم افهم معنى "يتمركز في الاعلى" ؟ ..عندما تضع :
كود:
<div class="block">
<div class="top">
TOP
</div>
.........
</div>
ستظهر TOP في الاعلى .. لكن ربما تقصد ان هناك حشو زائد من الاعلى (padding) وتريد الDIV يرتفع
عندها تستطبع اعطاءه هامش(margin) بالسالب حتى يرتفع.
margin-top:-4px;


اقتباس:
× DIV بعرض 400px واريد ان اجعل في الطرف الايمن نص وفي الطرف الايسر نص اخر بدون ما اقسم الDIV.
اممم..
ممكن تقصد كذا
كود:
<div class="d400">
	<div class="l">left left left left left left left left left left left left left </div>
    <div class="r">right right right right right right right right right right </div>
</div>
css:
كود:
div.d400
{
	width:400px;
	background:#ffff99;
	overflow:hidden;
}
div.d400 div.r
{
	float:right;
	width:198px;
	color:#CC6600;
}

div.d400 div.l
{
	float:left;
	width:198px;
}
اقتباس:
× كيف اتحكم بمكان النص داخل الDIV.
عن طريق :
text-align : left/right/center *** يتحكم بالنص فقط ولايؤثر على العنصر الحاوي للنص
float : right / left *** يعمل ازاحه كامله للعنصر
position : *** // نفس الشئ يتحكم بالعنصر كامل // وله موضوع مستقل هنا للاخ الفاضل ca2oom

اقتباس:
× لدي بلوكين بالDIV بجانب بعض واريد ان اجعل بنهم فاصل "مثلاً 2px".

ارجو اني ما اكون ثقلت
عن طريق الmargin يمكنك ذلك العنصر الايمن اعطه margin-left:1px و الايسر margin-right:1px .






__________________
موقعي الشخصي
www.Flasher.ws

جزيرة الفنون
www.Artsisland.net
Flasher غير متواجد حالياً   قديم 10-10-2007, 02:23 AM
رد مع اقتباس
مشرف أخبار الإنترنت والتقنية ومناقشتها
تاريخ التسجيل: Nov 2005-
#20 (permalink)  

انت مميز Flasher

كل ما كنت اعرفه عن الCSS هو 40% انت الان اعطيتني حوالى 50% من اللي كنت احتاجة،

لا عدمنا الله من اعضاء مثلك

سوف اعوذ للموضوع اذا واجهني اي تسائل اخر

وكل عام وانت بخير مقدماً






__________________
هل تبحث عن موزعين ووكلاء في اليمن ؟
راسلني : info {@} optionsco.com
Fast غير متواجد حالياً   قديم 10-10-2007, 04:24 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jul 2001-
#21 (permalink)  

جزاك الله خير الجزاء
صراحة استفدت من درسك كثير
عملت تجربة في المرفقات لكن واجهتني مشاكل
منها :

1- توسيط الصفحة
2- تلاحظ أن في الجزء الأيمن من التصميم رؤوس الجداول في أطرافها تقويس لكن المشكلة أن الجدول يكمل الخط فيكون شكله مشوه شنو الحل فيها .؟
3- تلاحظ أن في الجزء الأيمن والأيسر والوسك فرقنا بيهما بخط لكن امشكلة عندما كثرت الجداول ونزلت للأسفل اختفى الخط ما السبب .؟

شكرا لك على الشرح
وفي انتظار توضيحك






الصور المصغرة للصور المرفقة
اضغط على الصورة لعرض أكبر

الاســـم:	css.gif‏
المشاهدات:	191
الحجـــم:	53.9 كيلوبايت
الرقم:	37778  
الملفات المرفقة
نوع الملف: zip css.zip‏ (31.1 كيلوبايت, المشاهدات 42)
__________________
نحو مواقع إسلامية هادفه
aldosare غير متواجد حالياً   قديم 14-10-2007, 10:20 AM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2007-
#22 (permalink)  

شكرا Fast وكل عام والجميع بخير ..

aldosare شغلك حلو.. لكن عندك لخبطة شوي
- اذا بغيت تستخدم وصف css لاكثر من عنصر استخدم class وليس الid
وفي الcss # >>> .
- اذا استخدمت الpx لاتخلط معها الem واستمر على واحد منهم فقط.
- ماوضعته انا ليس شرطا ان يكون موجود مثل الpadding والmargin والborder في الخطوة الثالثة لاني اشوفك قعدت تعدل فيها وحطيت شئ سالب على شانها.
- وضعت انت لل body عرض محدد وهذا خطأ لان حتى الان ليس اغلب المتصفحات تدعم هذه الطريقة والصحيح ان تجعل العرض لل wrap .. وتضع margin:auto
- مشكلة الحد اللي داخل على القائمة هذا شئ طبيعي لان الحد يكون خارج العنصر فمهما سويت من خلفيه ماراح تغطي الحد .. والحل انك تجعل الحد لعنصر اسفل من عنوان القائمة .
- مشكلة الخطوط انها حدود للعنصر center والذي يفترض ان يكون اطول واحد بينهم (الايمن والايسر)
لكن هناك حل افضل مادام انك وضعت عرض ثابت لل wrap ان تصنع خلفيه بنفس عرض الwrap فيها الخطوط بامكانك الاطلاع على الملف المرفق ففيه تعديلات كثيرة .. ايضا لاتهمل شكل الواجهة في المتصفحات الاخرى.






الملفات المرفقة
نوع الملف: zip css.zip‏ (31.5 كيلوبايت, المشاهدات 80)
__________________
موقعي الشخصي
www.Flasher.ws

جزيرة الفنون
www.Artsisland.net
Flasher غير متواجد حالياً   قديم 14-10-2007, 01:37 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Jul 2001-
#23 (permalink)  

أسأل الله العلي العظيم أن يوفقك في كل دروبك
وأن يفتح لك أبواب رزقه

صراحة أفدتني

خاصة تعليقاتك في الملف

بارك الله فيك

وياليت يكون هنالك دروس أكثر عمقا في css

مثل التعامل مع زرائر الهافر - وكذلك القوائم المنسدلة وغيرها من أوامر تضفي جمالا للموقع

وأنا أول التلاميذ المتابعين لدروسك






__________________
نحو مواقع إسلامية هادفه
aldosare غير متواجد حالياً   قديم 14-10-2007, 02:52 PM
رد مع اقتباس
عضو نشيط جدا
تاريخ التسجيل: Feb 2007-
#24 (permalink)  

اقتباس:
المشاركة الأصلية كتبت بواسطة aldosare مشاهدة المشاركة
أسأل الله العلي العظيم أن يوفقك في كل دروبك
وأن يفتح لك أبواب رزقه

صراحة أفدتني

خاصة تعليقاتك في الملف

بارك الله فيك

وياليت يكون هنالك دروس أكثر عمقا في css

مثل التعامل مع زرائر الهافر - وكذلك القوائم المنسدلة وغيرها من أوامر تضفي جمالا للموقع

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






__________________
موقعي الشخصي
www.Flasher.ws

جزيرة الفنون
www.Artsisland.net
Flasher غير متواجد حالياً   قديم 15-10-2007, 08:37 PM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Sep 2006-
#25 (permalink)  

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






الصور المصغرة للصور المرفقة
اضغط على الصورة لعرض أكبر

الاســـم:	yasserياسر.png‏
المشاهدات:	128
الحجـــم:	22.2 كيلوبايت
الرقم:	37900  
__________________
موقع حدوتة نت

http://www.hadota.net
yasser-atrees غير متواجد حالياً   قديم 25-10-2007, 01:43 AM
رد مع اقتباس
رد


 

أدوات الموضوع

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

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
htaccess بكل بساطة ! jadweb.com تطوير الويب 51 24-07-2008 12:41 PM
طريقة حفظ أنماط Css بشكل منفصل ( External Sheet ) ca2oom إصلاح وصيانة المنتديات 19 03-03-2008 02:13 AM
وفر تعبك و اصنع الميتا تاج بكل سهولة و اضمن ظهور موقعك فى جووجل Bu 3Li تطوير الويب 3 28-04-2007 06:32 AM
اصنع نظام القوالب الخاص بك بكل سهولة ، وبدون الإعتماد على أي نظام آخر أبو عتيبة PHP 11 15-06-2006 10:41 PM
CSS بسهولة (1) سردال تطوير الويب 18 26-04-2003 08:59 AM


الساعة الآن: 01:04 AM بتوقيت المملكة العربية السعودية