مرحبا أعزائي زوار مدونةامين سوان، أعود إليكم من جديد لأشرح لكم طريقة جعل خلفية المدونة تظهر بالشكل المناسب لجميع الزوار.
فبعد أن سألني عدة أشخاص بإرسال رسائل على صفحة المعجبين الخاص بي في الفيسبوك، قررت أن أشرح لكم الطريقة هنا بدلا من شرحها لكل شخص على حدة، في الحقيقة الطريقة سهل جدا وأسهل مما تتصورون.
فحقا في الكثير من الأحيان نضع صورة للخلفية لنستنتج أن صورة الخلفية لاتظهر بشكل كامل وهناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة، هناك أشخاص كانوا قد شرحوا طريقة القيام بهذا بإستخدام كود jQuery طويل جدا ومعقد، لكن اليوم سنقوم بالطريقة بإستخدام أحد أكواد css3 كلمة واحدة ستخرجنا من هذا المأزق.
حسنا أول شئ سنتجه إلى قالب،ثم تحرير Html و نقوم بوضع علامة على توسيع عناصر القالب.
بعد هذا سنقوم بالبحث هدا الكود بواسطة ALT+F:
ثم ماذا؟
ثم سنقوم بإضافة الكود :
أسفل :
ليظهر بشكل شبيه بهذا:
بالتوفيق Amine Sawan
فبعد أن سألني عدة أشخاص بإرسال رسائل على صفحة المعجبين الخاص بي في الفيسبوك، قررت أن أشرح لكم الطريقة هنا بدلا من شرحها لكل شخص على حدة، في الحقيقة الطريقة سهل جدا وأسهل مما تتصورون.
فحقا في الكثير من الأحيان نضع صورة للخلفية لنستنتج أن صورة الخلفية لاتظهر بشكل كامل وهناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة، هناك أشخاص كانوا قد شرحوا طريقة القيام بهذا بإستخدام كود jQuery طويل جدا ومعقد، لكن اليوم سنقوم بالطريقة بإستخدام أحد أكواد css3 كلمة واحدة ستخرجنا من هذا المأزق.
حسنا أول شئ سنتجه إلى قالب،ثم تحرير Html و نقوم بوضع علامة على توسيع عناصر القالب.
بعد هذا سنقوم بالبحث هدا الكود بواسطة ALT+F:
body {
ثم ماذا؟
ثم سنقوم بإضافة الكود :
background-size: cover;
أسفل :
background: url(URL de la img) no-repeat center center fixed;
ليظهر بشكل شبيه بهذا:
body {
background: url(URL de la imagen) no-repeat center center fixed; background-size: cover;margin:0;
color:#000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
وإنتهى
إحفظ القالب أو قم بالمعاينة ومبروك عليك الاضافة.
Hello dear my visitors blogger amine sawan, accustoms to you once again to punching of method dissects background made the recorded suitable form for all visitors appears in.
So after that asked me several persons in sending of letters on page of the relative to admirers me in Facebook, decided that punching of the method dissects here instead of dissected her for each person separately, in fact the method simplified very and simplifies of which envisions.
So right for the plenty the times puts image for the background to concludes that image rear laatDHhr in complete form your of two weakness voids either in sides of the page or in under the page, there persons was method of the rising dissected hereby in use as affection jQuery extra-long and complicated, but today will straighten in the method in use of one 'akwaad css3 single word will come out us from this deadlock.
Goodness first of thing will face to mold, then liberation Html and status of mark on expansion of elements straightens in the mold.
After this searching will straighten in code calm down by means of ALT+F:
body {
Then what?
Then addition of code will straighten in:
background - size: cover;
Under:
background: url (URL de la img) no - repeat center center fixed;
To similar form appears in hereby:
body {
background: url (URL de la imagen) no - repeat center center fixed; background - size: cover; margin: 0; color: #000; font: x - small Georgia Serif; font - size/**/: /**/small; font - size: /**/small; text - align: center; }
Ended
The mold keeps or the observation and congratulations of Ali builds in you the addition.
Success Amine Sawan
So after that asked me several persons in sending of letters on page of the relative to admirers me in Facebook, decided that punching of the method dissects here instead of dissected her for each person separately, in fact the method simplified very and simplifies of which envisions.
So right for the plenty the times puts image for the background to concludes that image rear laatDHhr in complete form your of two weakness voids either in sides of the page or in under the page, there persons was method of the rising dissected hereby in use as affection jQuery extra-long and complicated, but today will straighten in the method in use of one 'akwaad css3 single word will come out us from this deadlock.
Goodness first of thing will face to mold, then liberation Html and status of mark on expansion of elements straightens in the mold.
After this searching will straighten in code calm down by means of ALT+F:
body {
Then what?
Then addition of code will straighten in:
background - size: cover;
Under:
background: url (URL de la img) no - repeat center center fixed;
To similar form appears in hereby:
body {
background: url (URL de la imagen) no - repeat center center fixed; background - size: cover; margin: 0; color: #000; font: x - small Georgia Serif; font - size/**/: /**/small; font - size: /**/small; text - align: center; }
Ended
The mold keeps or the observation and congratulations of Ali builds in you the addition.
Success Amine Sawan
Reviews:
Post a Comment
لا يلفظ من قول الا لديه رقيب عتيد