‬ منتديات طموح جنوبيه

‬ منتديات طموح جنوبيه (https://www.g-tmooh.com/vb/index.php)
-   ۩دروسي المتواضعه۩ (https://www.g-tmooh.com/vb/forumdisplay.php?f=56)
-   -   شرح تصميم استايل بخلفية ثابته (https://www.g-tmooh.com/vb/showthread.php?t=308)

الجنوبيه 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 نختار المربع الماشر بالاخضر لتكون الصفحة خاليه من الون
ونفس الطريقه في خلفية الصفحة وماننسى مصار الصور
ونغير في الاعدادات مثل ما تشوفوه
وبكذا تكون عندنا خلفيه ثابته
وراح يبقى معاكم تصميم الهيدراى والفوتر

وهذا الاكود


كود PHP:

 background-imageurl(tmoh-22/kk.gif);
 
background-repeatno-repeat;
 
background-attachmentfixed;
 
background-positioncenter

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


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



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

كود بلغة 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


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

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

ماأجمل تلك المشاعر التي

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

دمت بألف خير


الساعة الآن 07:09 PM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2026, vBulletin Solutions Inc.
هذا الموقع يتسخدم منتجات Weblanca.com
HêĽм √ 3.1 BY: ! ωαнαм ! © 2010

جميع آلمشآركآت آلمكتوبه تعبّر عن وجهة نظر صآحبهآ , ولا تعبّر بأي شكل من آلأشكآل عن وجهة نظر إدآرة آلمنتدى