صورة خلفية متكرره افقيا او عامودياً في الاستايل الافتراضي ..~

قَرَآطِيس® · #1 05-07-2009, 09:59 PM

السلام عليكم ورحمة الله وبركاته
احبتي
لدي استفسار بسيط
اريد انشاء خلفية بمقاس صغير يتكرر افقياً وعامودياً ,,
في الاستايل الإفتراضي ,
وليس فيستا او ابعاد كما تفضلت الفاضلة نجلاء بشرحه ,,
حيث ان الكود في style.css يوجد به لون فقط [ الأخضر ]
وليس صورة متكرره كما في فيستا او ابعاد
انتظركم

قَرَآطِيس® · #2 05-07-2009, 10:05 PM

مثل هذهـ:

د.نجلاء نور الدين · #3 06-07-2009, 01:57 AM

السلام عليكم ورحمة الله وبركاته

لو بحثت فى فهرس موضوع ثورة انفنيتي استاذي ستجد تعديل على ملف الاستايل لأبعاد يسمح بادراج صورة

حتى أن هذه الصورة التي وضعتها انت شرحت عليها انا فى استايل ابعاد وليس فيستا ولانا

ان لم تستطع الحصول على رابط المشاركة ان شاء الله يكون لي عودة بادراجه هنا

اطيب تحية

قَرَآطِيس® · #4 06-07-2009, 04:20 PM

هنا :
الويب العربي - عرض مشاركة مفردة - لمن أراد التميّز فقط ..تعالوا نسوّى ثورة بانفنتى

اعتذر مررت على الثورة بسرعهـ =)
شكراً د.نجلاء ,,
دمتِ بخير ,,

قَرَآطِيس® · #5 06-07-2009, 04:47 PM

^
^
المعذرهـ ,,
لكن الصورة ظهرت في خلفية للجزء العلوي فقط !
أريدها كامل الصفحة =)

د.نجلاء نور الدين · #6 06-07-2009, 07:38 PM

السلام عليكم ورحمة الله وبركاته

أستاذي الفاضل

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

كود:

body {
    background: #005F9F  url('mainbg.jpg') repeat-x;
    background-attachment: fixed;
    color:#000000; margin:0px; padding:0px; font-style:normal; font-variant:normal; font-weight:bold; font-size:8pt; font-family: 'Microsoft Sans Serif', arial, verdana, geneva, lucida, lucida grande, Microsoft Sans Serif, helvetica, sans-serif;
}

ان اردت تكرار الصورة طوليا وعرضيا ففضلا قم بتجربة هذا الكود بدلا من السابق

كود:

body {
    background: #005F9F  ;
background-image:url('mainbg.jpg');
    background-attachment: fixed;
    color:#000000; margin:0px; padding:0px; font-style:normal; font-variant:normal; font-weight:bold; font-size:8pt; font-family: 'Microsoft Sans Serif', arial, verdana, geneva, lucida, lucida grande, Microsoft Sans Serif, helvetica, sans-serif;
}

فهذا افتراضيا يكرر الصورة بالطول والعرض
لم اجربه ولكن ان شاء الله يضبط عندك

ووافنا بالنتيجة لتتم اضافته على الموضوع الأصلي لافادة الجميع ان شاء الله

أطيب تحية

قَرَآطِيس® · #7 06-07-2009, 11:04 PM

لم ينجح اختي نجلاء
كرر الصورة عرضيا وطولياً
لكن المجلة [ تقطعت ] ^^
جربت ترتيب اخر مانفع

قَرَآطِيس® · #8 06-07-2009, 11:15 PM

بعد البربسة مره اخرى تم النجاح ^^
بدون تقطيع ,,
فقط أضفت تحت اول سطر :
background-image:url('mainbg.jpg');
ومشى تمام =)

قَرَآطِيس® · #9 06-07-2009, 11:44 PM

^
^
تعديل

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

كود PHP:

background-image:url('mainbg.jpg');

واضعه بعد :

كود PHP:

background: #005F9F ;

ونجحت العملية بحمد الله
دمتم بخير

شكراً د.نجلاء

د.نجلاء نور الدين · #10 07-07-2009, 12:01 AM

العفو استاذي والحمد لله انه ضبط عندك

ساقوم باختباره مرة اخرى حين تفرغي واضافته للموضوع ان شاء الله

تحيتي لك وامنياتي بكل توفيق