‪◕‿◕‬ منتديات طموح جنوبيه - شرح تصميم استايل بخلفية ثابته

[فقط الأعضاء المسجلين يمكنهم مشاهدة الروابط. إضغط هنا للتسجيل...]

مثل مانتوشايفين نفتح صفحة العمل بالمقاسات الموضحه بس كتبت 66 المفروض 60
بعدين في الصفحة الثانيه نعمل التصميم
ومقسمته حتى تعرفو الطريقه ويسهل عليكم

[فقط الأعضاء المسجلين يمكنهم مشاهدة الروابط. إضغط هنا للتسجيل...]

في رقم 3 طبعا اخترت الباترون والفرشه الا موضحها وكل واحد له حرية الاختيار في التصميم وكل واحد وذووقه

4 نحفظ الخلفية ونسميها انا سميتهااو رمزت لها KK ونحفظه في مجلد الصور الا راح ارفعه ع الاف بي تي في مجلدvb

من لوحة التحكم واضافة استايل جديد ومن ثم نختار الاستايل رالا راح نرفع الصور عليه
[فقط الأعضاء المسجلين يمكنهم مشاهدة الروابط. إضغط هنا للتسجيل...]

من خلفية المنتدى ومثل ماهو ماشر عن رقم 1 نضع الاكود
وعند الرقم 2 نختار المربع الماشر بالاخضر لتكون الصفحة خاليه من الون
ونفس الطريقه في خلفية الصفحة وماننسى مصار الصور
ونغير في الاعدادات مثل ما تشوفوه
وبكذا تكون عندنا خلفيه ثابته
وراح يبقى معاكم تصميم الهيدراى والفوتر

وهذا الاكود

كود PHP:

    background-image: url(tmoh-22/kk.gif);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center;

tmoh22 هذا اسم مجلد الصور
kk اسم صورة الخلفية الثابته

[فقط الأعضاء المسجلين يمكنهم مشاهدة الروابط. إضغط هنا للتسجيل...]

بعد التصميم رايح يكون التوزيع في برنامج الاكسربيشن
كا الاتي
وهذا توزيع جاهز ماعليكم الاتغير المسميات تبع الصور والمقاسات

كود بلغة HTML:

 <html xmlns="http://www.w3.org/1999/xhtml">
 
 <head>
 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 <title>Untitled 1</title>
 <style type="text/css">
 
 .EEE{
     background:transparent;
     color:#FFFFFF;
 }
 .hd1{
     background: url('tmoh-22/hd1.png') no-repeat;
      height:400px;
       width:1000px;
        margin:auto;
        
                                           
 }
 .fo1{
  background:url('tmoh-22/fo1.png') no-repeat;
      height:400px;
       width:1000px;
        margin:auto;
        
 
     
 }
 </style>
 </head>
 
 <body>
 
 
 
 
 <div class="EEE">
 <div class="hd1">
 </div>
 
 
 
 
 <div class="EEE">
 <div class="fo1">
 </div>
 </body>
 
 </html>

وهذه النتيجه الاستايل في موضوع سبق وطرحته
هنا

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

لكم مني كل الاحترام والحب والتقدير
اختكم الجنوية

وهذا الموضوع اهداء

http://www.r-7alem.com/kleeja/uploads/1364856171861.gif