‪◕‿◕‬ منتديات طموح جنوبيه - عرض مشاركة واحدة - شرح تصميم استايل بخلفية ثابته
عرض مشاركة واحدة
[/table1]اضغط على الصورة لرؤيتها بالحجم الطبيعي


[/table1]
ابوفهد معجب بهذا



#1  
قديم 12-13-2014, 12:28 AM


الجنوبيه غير متواجد حالياً
Saudi Arabia     Female
SMS ~ [ + ]
لا إله إلا أنت سبحانك
إن كنت من الظالمين
حسبيا الله عليه توكلت وهو رب العرش
العظيم
اوسمتي
لمسات ابداعية  الادارة المتمكنه  1000  لمسات احترافية  حضور متالق  2000  4000  8000  وسام لمرور 10  سنوات ع الموقع 
لوني المفضل Gainsboro
 رقم العضوية : 1
 تاريخ التسجيل : Jun 2013
 فترة الأقامة : 3972 يوم
 أخر زيارة : اليوم (12:34 AM)
 الإقامة : ارض العزه والكرامه السعوديه
 المشاركات : 11,229 [ + ]
 التقييم : 763
 معدل التقييم : الجنوبيه تم تعطيل التقييم
بيانات اضافيه [ + ]
شرح تصميم استايل بخلفية ثابته



[table1="width:100%;background-image:url('http://www.r-7alem.com/kleeja/uploads/1364685850981.png');"]




اضغط على الصورة لرؤيتها بالحجم الطبيعي
[table1="width:850px;background-image:url('http://www.r-7alem.com/kleeja/uploads/1364680463283.png');"]





اضغط على الصورة لرؤيتها بالحجم الطبيعي


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



اضغط على الصورة لرؤيتها بالحجم الطبيعي


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

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

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



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

وهذا الاكود


كود PHP:
 background-imageurl(tmoh-22/kk.gif);
 
background-repeatno-repeat;
 
background-attachmentfixed;
 
background-positioncenter
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>
وهذه النتيجه الاستايل في موضوع سبق وطرحته
هنا

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

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



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


اضغط على الصورة لرؤيتها بالحجم الطبيعي


 توقيع :
[center]

اللهم اجعلنا ممن توكل عليك فكفيته واستهداك فهديته
واستغفرك فغفرت له واستنصرك فنصرته
ودعاك فأجبته

اضغط على الصورة لرؤيتها بالحجم الطبيعياضغط على الصورة لرؤيتها بالحجم الطبيعي
[فقط الأعضاء المسجلين يمكنهم رؤية الروابط. ]
اضغط على الصورة لرؤيتها بالحجم الطبيعياضغط على الصورة لرؤيتها بالحجم الطبيعي

رد مع اقتباس