مطور Mtwer

vista-design · #1 06-02-2010, 03:22 AM

بسم الله الرحمن الرحيم

فى هذا الموضوع راح أرد على اى استفسارات من الاعضاء خاصة بهذا الدرس

أخوكم vista-design

توقيعي

عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

ghada · #2 06-02-2010, 12:06 PM

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

vista-design · #3 07-02-2010, 02:31 AM

اقتباس:

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

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

الصورة لا تفتح
وارفقى الكود حتى نشيك عليه

توقيعي

عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

ghada · #4 08-02-2010, 04:40 PM

اقتباس:

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

الصورة لا تفتح
وارفقى الكود حتى نشيك عليه

الكود هوا نفس كود المثال مع تغير اللون فقط بالاستايل http://www.herosh.com/download/22430....____.rar.html

المحقق كونـــان · #5 09-02-2010, 08:11 PM

درس خفيف ورائع جداً
وهذا تطبيقي مع تغيير اللون عند مرور الماوس إلى الأحمر

حبيبي فيستا الامر هذا ما فهمته وش معنا

اقتباس:

overflow: hidden;

ميرسي على الدرس الرائع

MQAM · #6 10-02-2010, 12:49 AM

يعطيك العافية ..

الصورة مرفقة

اما

كود الـ html

كود بلغة HTML:

<!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>
<**** ************"Content-Type" content="text/html; charset=window-1256" />
<title>الدرس التاسع الأزرار والتعامل معها </title>
<link rel="stylesheet" type="text/css" media="screen" href="LINKS.css" /> 
</head>

<body>

<ul>
	<li><a href="#">الرئيسية</a></li>
	<li><a href="#">المنتدى</a></li>
	<li><a href="#">أعمالي</a></li>
	<li><a href="#">الخدمات</a></li>
	<li><a href="#">اتصل بنا</a></li>
</ul>

</body>

</html>

كود الـ CSS

كود:

ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow: hidden;
}

li{
	float:right;
}

a{
	font-family:Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
	text-align:center; 
	text-decoration:none;
	display:block;
	width:100px;
	padding:5px;	
}

a:link, a:visited{
    color:orange;
    background-color:purple;
    

}
a:hover, a:active{
	color:black;
	background-color:red;
}

هذا تطبيقي

الصور المرفقة

t9.jpg‏ (13.0 كيلوبايت, المشاهدات 4)

vista-design · #7 11-02-2010, 12:51 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة المحقق كونـــان

درس خفيف ورائع جداً
وهذا تطبيقي مع تغيير اللون عند مرور الماوس إلى الأحمر

حبيبي فيستا الامر هذا ما فهمته وش معنا

ميرسي على الدرس الرائع

ممتاز ياغالى
بالنسبة لاستفسارك فأمر overflow هو خاص بالتأثير على قائمة اذا حدث فيض فى الصفحة
نضربلك مثال
انا مثلا عرض الصفحة اقصى استيعاب لها هو 10 ازرار
فلنفرض انك سويت 12 زر
وين راح يروح ال2 زيادة ؟
انا كتبت overflow وجعلت قيمتها hidden اى قم باخفاء الزائد عن الصفحة وقم باخفاءه hidden

وصلت!!!

توقيعي

عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

vista-design · #8 11-02-2010, 12:52 AM

اقتباس:

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

يعطيك العافية ..

الصورة مرفقة

اما

كود الـ html

كود بلغة HTML:

<!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>
<**** ************"content-type" content="text/html; charset=window-1256" />
<title>الدرس التاسع الأزرار والتعامل معها </title>
<link rel="stylesheet" type="text/css" media="screen" href="links.css" /> 
</head>

<body>

<ul>
	<li><a href="#">الرئيسية</a></li>
	<li><a href="#">المنتدى</a></li>
	<li><a href="#">أعمالي</a></li>
	<li><a href="#">الخدمات</a></li>
	<li><a href="#">اتصل بنا</a></li>
</ul>

</body>

</html>

كود الـ css

كود:

ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow: Hidden;
}

li{
	float:right;
}

a{
	font-family:tahoma, arial;
	font-size:12px;
	font-weight:bold;
	text-align:center; 
	text-decoration:none;
	display:block;
	width:100px;
	padding:5px;	
}

a:link, a:visited{
    color:orange;
    background-color:purple;
    

}
a:hover, a:active{
	color:black;
	background-color:red;
}

هذا تطبيقي

ممتاز ما شاء الله متابع اول باول انت اخوى
تحياتى

توقيعي

عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

المحقق كونـــان · #9 11-02-2010, 02:41 AM

اقتباس:

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

ممتاز ياغالى
بالنسبة لاستفسارك فأمر overflow هو خاص بالتأثير على قائمة اذا حدث فيض فى الصفحة
نضربلك مثال
انا مثلا عرض الصفحة اقصى استيعاب لها هو 10 ازرار
فلنفرض انك سويت 12 زر
وين راح يروح ال2 زيادة ؟
انا كتبت overflow وجعلت قيمتها hidden اى قم باخفاء الزائد عن الصفحة وقم باخفاءه hidden

وصلت!!!

تسلم يا حلو وصلت المعلومة

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
مناقشة جوجل ادسنس,الدرس التاسع,شرح كيفية زيادة سعر الضغطة	vista-design	دورة الربح من الانترنت بواسطة جوجل ادسنس	21	27-10-2011 08:47 PM
[مناقشة ] الدرس الثانى أساسيات التعامل مع jquery	vista-design	تصميم المواقع بتقنية الـ جي كويري jQuery	36	12-05-2011 07:56 PM
مناقشة الدرس الحادى عشر شرح التعامل مع مكتبة الjquery	vista-design	دورة تصميم المواقع بإسلوب المحترفين web2.0	9	16-02-2010 04:17 PM
[الدرس التاسع]شرح التعامل مع الأزرار والمؤشرات والتأثيرات المختلفة عليها	vista-design	دورة تصميم المواقع بإسلوب المحترفين web2.0	1	06-02-2010 03:21 AM

مطور Mtwer

روابط مفيدة ننصح بزيارتها

روابط مهمة

من خدماتنا

خيارات الاعضاء والزوار