بحث متقدم | التسجيل
الويب العربي
  تسجيل دخول
 
   
   

  ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.




الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.

عـودة للخلف   الويب العربي دليل ومكتبة الويب العربي مكتبة الويب العربي ويب 2.0 وأكواد متنوعة

بحث
links

ويب 2.0 وأكواد متنوعة
ويب 2.0 وأكواد وأدوات متنوعة لتطوير المواقع
Ajax , XML , CSS , JavaScript ...etc

المحتويات
zip  css لتقسيم الصفحة الى فريمات دون استخدام html-حصريا الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : هذا الكود كود رائع لاستخدام تقنيات الويب 2 من خلال اكواد ال css

حيث تستطيع تقسيم الصفحة الى 2 فريم
يمكنك جعلها ثاتبه او متحركة والتحكم فى اتساع كل فريم منهما
كله فقط عن طريق التعديل على كود الـ css دون استخدام اكواد html






مثال

اضغط هنا لمشاهدة مثال حصرى للويب العربى


استطعنا تكوين فريمات ثابتة او متحركة مع تغيير الوان الخلفية هنا فقط باستخدام
css







التركيب :


انسخ محتويات ال head فى جزء الهيد من الصفحة مع التعديل بما يناسبك من اسم

وانسخ اكواد ال body ايضا مع استبدال العناوين والمحتوى للصفحة

واستمتع بصفحتك


كود:
<!--Force IE6 into quirks mode with this comment tag-->
<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<title>تقسيم الصفحة لفريمات باستخدام اكواد الـcss-حصريا</title>



<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontent{
position: absolute;
top: 0;
bottom: 0; 
right: 0;
width: 200px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: navy;
color: white;
}

#maincontent{
position: fixed;
top: 0;
left: 0;
right:200px; /*Set right value to WidthOfFrameDiv*/
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 200px 0 0; /*Set value to (0 WidthOfFrameDiv 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

</style>

</head>

<body>

<div id="framecontent">
<div class="innertube">

<h1>مرحبا بكم فى الويب العربى</h1>
<h3>استمتع معنا بتقنيات الويب 2</h3>

</div>
</div>


<div id="maincontent">
<div class="innertube">

<h1 align=center>مرحبا بكم فى المثال العملى</h1>


<p>  هنا ضع محتويات كل الفريم الأيسر</p>







</div>
</div>


</body>
</html>

أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
إضافة لمفضلتي إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
31-12-2007
الزيارات 237
206 بايت
 
 

قسم :
 
إنتقل إلى

جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 09:45 PM.

Powered by vBulletin
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.


 
 »  خدمات البرمجة   »  رئيسية الدليل
  »  خدمات التصميم   »  الأمن والحماية
  »  الدعاية والتسويق
  »  الدعم والتطوير
  »  الشركات الرسمية
  »  حجز دومينات
  »  خدمات الإستضافة
 
 
  »  مكتبة الإستايلات   »  رئيسية المكتبة
  »  أكواد برمجية   »  أدوات الويب ماسترز
  »  مكتبة الهاكات   »  أدوات المصممين
  »  سكربتات متنوعة
  »  مجلات إلكترونية
  »  بلوكات متنوعة
  »  ثيمات مختلفة
 
 

صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي
والحوارات الصحفية ومعلومات تقنية متنوعة .

   
 
 

للتواصل مع فريق عمل الويب العربي
يمكنك ذالك من خلال مركز الدعم والمساندة.

 الدعم الفني |  اعتماد العضويات |  قوانين الإنتساب |  إتفاقية الإستخدام |  أهداف الويب العربي |  دليل الشركات |  مكتبة الويب |  صحيفة الويب العربي |  الرئيسية