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

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




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

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

بحث
links

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

المحتويات
zip  css لانشاء صفحة مكونة من 3 فريمات طولية وهيدر و فوتر الزر الأيسر : حفظ ، الزر الأيمن : حفظ بإسم

  نبذة : هذا الكود يمكنك بالتحكم فى متغيرات الاستايل من انشاء صفحة مكونة من 3 فريمات ذات عرض وخلفيات الوان تقوم بتحديدها مسبقا وفوتر
دون استخدام اى اكواد جداول 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" lang="en" xml:lang="en">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>





<style type="text/css">

body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

</style>



</head>
<body>
<div id="maincontainer">

<div id="topsection"><div class="innertube"><h1>العنوان الموضوع بالهيدر</h1></div></div>

<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube"><b> عنوان العمود الأوسط <em>Fixed</em></b> محتوى العمود الأوسط ويقبل اكواد الهتمل</div>
</div>
</div>

<div id="leftcolumn">
<div class="innertube"><b>عنوان العمود الأيسر <em>180px</em></b> محتوى العمود الأيسر ويقبل اكواد اتش تى ام ال</div>

</div>

<div id="rightcolumn">
<div class="innertube"><b>عنوان العمود الأيمن <em>190px</em></b> محتوى العمود الأيمن</div>
</div>

<div id="footer"><a href="http://www.arabwebtalk.com">اسم لرابط الحقوق بالفوتر</a></div>

</div>
</body>
</html>

أطيب تحية

قسم : ويب 2.0 وأكواد متنوعة 
 
مفضل Remove from My Favourites إرسال هذه الصفحة لصديق محتويات أخرى مقترحة
بواسطة : محمّد نور ابحث عن جميع المحتويات المضافة بواسطة هذا العضو
02-01-2008
الزيارات 254
206 بايت
 
 

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

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

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


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

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

   
 
 

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

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