شرح تصميم استايل بخلفية ثابته

12-13-2014, 12:28 AM

مثل مانتوشايفين نفتح صفحة العمل بالمقاسات الموضحه بس كتبت 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>

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

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

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

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

نقرتين لعرض الصورة في صفحة مستقلة

12-13-2014, 12:56 AM

السلام عليكم
درس رائع
جزاك الله خير

12-13-2014, 10:17 AM

12-16-2014, 11:44 PM

الاروع تواجدكم العطر

06-17-2016, 07:26 PM

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

دمت بألف خير

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس-1 تصميم هيدر وفوتر لي استايل جانبي	الجنوبيه	دورة مبسطه لتصميم استايل جانبي	21	05-01-2024 05:13 PM
انتهاء تصميم استايل لمنتديات مملكة الماس	الجنوبيه	اعمال وتصاميم مدفوعه	4	02-14-2019 09:55 AM
فيديو .. 16 شرح عمل تصميم وتوزيع وتركيب استايل بخلفيه ثابته / الجنوبيه	الجنوبيه	۩دروسي المتواضعه۩	5	04-08-2016 02:31 AM

يتصفح الموضوع حالياً : 2 (0 عضو و 2 ضيف)