Header Ads Widget

Ticker

6/إبداعات/ticker-posts

سلسة دروس كيفية انشاء موقع راديو [كيفية انشاء الخلفية]


انشاء خلفية 



كما اشير من قبل لكيفية انشاء صفحة بيضاء الان سنضيف اليها الخلفية باذن الله

انظر المثال

الخلفية حسب الرغبة باللون فقط او بالصورة فقط او هما معا

في هذا المثال سنطبقهما معا حتى يتمكن كل منا من فهم المسألة

للإشارة لن اخوض في شرح معمق للأكواد فقط إشارة لعمل الكود

اول شيئ لو لاحظنا كود الصفحة البيضاء سنجده مقسم الى قسمين

قسم محصور بين 

<head></head>

و قسم محصور بين 

<body></body>

القسم الأول نضع فيه الاكواد و الأوامر التي لا نريد ان تظهر لنا بالصفحة

و الثاني نضع فيه كل ما نريد ان يظهر اي محتو الصفحة المراد نشره

و بما ان موضوعنا اليوم هو انشاء خلفية فعملنا سيكون محصور في القسم الاول

و حتى لا اطيل لان الأمور متشعبة جدا سننتقل مباشرة لشرح كيفية وضع الخلفية لصفحتنا

نبحث عن<head/>

و نضيف قبلها <style/>خصائص الصفحة <style>




مع تغيير خصائص الصفحة بالاوامر التالية

     الجسم  body { 
استدعاء صورة     background-image: url(&#39;http://i.imgur.com/JQaYLBJ.png&#39;);
توسيط الصورة   background-position: center; 
تكرار الصورة عموديا    background-repeat: repeat-y;
استدعاء اللون     background-color: #e1efbb;
    
}  

 body {
    background-image: url(&#39;http://i.imgur.com/JQaYLBJ.png&#39;);
    background-position: center;
    background-repeat: repeat-y;
    background-color: #e1efbb;
    } 



النتيجة




إرسال تعليق

0 تعليقات