المساعد الشخصي الرقمي

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


الجنوبيه
12-13-2014, 12:28 AM
http://www.r-7alem.com/kleeja/uploads/1364680462961.png




http://www.r-7alem.com/kleeja/uploads/1364685402441.png


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



http://www.r-7alem.com/kleeja/uploads/1364684674041.png


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

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

من لوحة التحكم واضافة استايل جديد ومن ثم نختار الاستايل رالا راح نرفع الصور عليه
http://www.r-7alem.com/kleeja/uploads/1364684674392.png



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

وهذا الاكود


background-image: url(tmoh-22/kk.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; tmoh22 هذا اسم مجلد الصور
kk اسم صورة الخلفية الثابته


http://www.r-7alem.com/kleeja/uploads/1364684674523.png



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

<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


http://www.r-7alem.com/kleeja/uploads/136468046322.png

شموخ
12-13-2014, 12:56 AM
السلام عليكم
درس رائع
جزاك الله خير

ابوفهد
12-13-2014, 10:17 AM
http://www.q87y.com/Gallery/images/rd/0005.gif

الجنوبيه
12-16-2014, 11:44 PM
الاروع تواجدكم العطر

احمد المهاجر
06-17-2016, 07:26 PM
ماأجمل تلك المشاعر التي
خطها لنا قلمكِ الجميل هنا
لقد كتبتِ وابدعتِ
كم كانت تصاميمك رائعه في معانيها
فكم استمتعت بموضوعك الجميل
بين سحر حروفكِ التي
ليس لها مثيل

دمت بألف خير