« اللهم اجعلنا ممن يورثون الجنان ويبشرون بروح وريحان ورب غير غضبان آمين »
 بوابة بدر اضغط للتحميل


العودة   منتديات بوابة بدر > منتديات البرامج - Programs Forum > تحميل احدث برامج 2017 , 2018


تحميل احدث برامج 2017 , 2018 تحميل احدث البرامج، تحميل برامج كمبيوتر 2017، برامج 2018، برامج 2018، برامج مجانية، تحميل برامج جديدة، برامج حديثة ، احدث برامج الجهاز , برامج عامة, برامج 2018, تحميل برامج 2017

كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image,بوابة بدر 2013

كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image تحميل,تنزيل,2013,2014,ماى ايجى,تحميل مباشر,عرب سيد,برابط مباشر,سريع,تورنت,عربي,معرب,مجانا,فاينال,انجليزي,فرنسي,اخر اصدار,برابط واحد,صاروخ كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image السلام عليكم

إنشاء موضوع جديد إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 12-01-2014, 04:00 PM   رقم المشاركة : [1]
Eng_Badr
Administrator
الصورة الرمزية Eng_Badr
 
افتراضي كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image,بوابة بدر 2013 Eng_Badr غير متواجد حالياً

كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image
تحميل,تنزيل,2013,2014,ماى ايجى,تحميل مباشر,عرب سيد,برابط مباشر,سريع,تورنت,عربي,معرب,مجانا,فاينال,انجليزي,فر نسي,اخر اصدار,برابط واحد,صاروخ
كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image
<div>

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

أثارة المواقع ذات الخلفيات المصورة محط إنتباه المبرمجين ,المصممين وحتى الزبناء , لشدة الجمالية التي تضيفها الى المواقع, حتى أصبحت موضة حديثة يتهافت على القيام بها المهتمون بعالم صناعة المواقع, وقد تعددت طرق برمجة الصورة حتى تصبح خلفية للموقع سواء عن طريق java ****** وهي طريقة معقدة نوعا ما بالنسبة للمبتدئين والمتوسطين وعيبها انها تحتوي على سطور أكواد طويلة يصعب معها التعديل إن إقتضى الحال, ولهذا ظهر في السنوات الاخيرة مايسمى الجكوري Jquery وهي مكتبة java ****** تختصر سطور أكوادها الطويلة الى سطور معدودة وسهلة التعامل معها وإذا أردت التعمق في هذه المكتبة سأحيلك على موقعهم الرسمي هنـــــا.
وبما أننا بصدد فهم كيفية جعل الصورة كخلفية للموقع فإننا سنتعامل مع هذه المكتبة للننشئ كود سهل الفهم ,التركيب والتعديل ولكم الخطوات كما يلي :


نبدأ على بركة الله بكود Jquery وهذا الكود هو المسؤول الاساسي عن جعل الصورة كخلفية
للموقع :
كود:
(function($) {
$.fn.fullBg = function(){
var bgImg = $(this);

function resizeImg() {
var imgwidth = bgImg.width();
var imgheight = bgImg.height();

var winwidth = $(window).width();
var winheight = $(window).height();

var widthratio = winwidth / imgwidth;
var heightratio = winheight / imgheight;

var widthdiff = heightratio * imgwidth;
var heightdiff = widthratio * imgheight;

if(heightdiff>winheight) {
bgImg.css({
width: winwidth+'px',
height: heightdiff+'px'
});
} else {
bgImg.css({
width: widthdiff+'px',
height: winheight+'px'
});
}
}
resizeImg();
$(window).resize(function() {
resizeImg();
});
};
})(jQuery)
الخطوت الثانية القليل من كود الــ CSS :

كود:
fullBg {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

#maincontent {
position: absolute;
top: 0;
left: 0;
z-index: 50; }

إذا أردت أن تجعل صورة خلفية الموقع ثابتة أي ان محتويات الموقع هي التي تتحرك نحو الاسفل أو الاعلى "Scrolling" فما عليك سوى أن تبدل Position :absolute بــ position :fixed :

كود:
fullBg {
position: absolute;
top: 0;
left: 0;
overflow: hidden;}

نأتي الى الـــ HTML :

كود:
Jquery background image,بوابة 2013 your-background-imag







الان الخطوة الاخيرة هو إستدعاء الكود الاساسي Jquery الى الصفحة HTML حتى يتم تفعيله Including ضعه قبل الوسم :

كود:


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

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]
*******
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]


كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image
تحميل,تنزيل,2013,2014,ماى ايجى,تحميل مباشر,عرب سيد,برابط مباشر,سريع,تورنت,عربي,معرب,مجانا,فاينال,انجليزي,فر نسي,اخر اصدار,برابط واحد,صاروخ
كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image



;dt j[ug hgw,vm ;ogtdm gl,ru; fsi,gm lu Jquery background image




    رد مع اقتباس
إنشاء موضوع جديد إضافة رد

مواقع النشر (المفضلة)



جديد مواضيع قسم تحميل احدث برامج 2017 , 2018
الموضوع الحالى: كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image,بوابة بدر 2013    -||-    القسم الخاص بالموضوع: تحميل احدث برامج 2017 , 2018    -||-    المصدر: منتديات بوابة بدر    -||-    بوابة بدر
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


المواضيع المتشابهه لموضوع: كيف تجعل الصورة كخلفية لموقعك بسهولة مع Jquery background image,بوابة بدر 2013
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
إصدار جديد لبرنامج ||Light Image Resizer|| لتكبير وتصغير الصورة النسخة 4.5.7.0,بوابة بدر 2013 Eng_Badr تحميل احدث برامج 2017 , 2018 0 19-11-2013 09:51 PM
برنامج تغيير حجم الصورة ||Light Image Resizer|| النسخة 4.4.5المحمولة متعددة اللغات,بوابة بدر 2013 Eng_Badr تحميل احدث برامج 2017 , 2018 0 12-11-2013 11:51 PM
برنامج ||Light Image Resizer|| إعادة حجم الصورة النسخة 4.5.5.0 متعددة اللغات,بوابة بدر 2013 Eng_Badr تحميل احدث برامج 2017 , 2018 0 11-11-2013 11:10 PM
يرنامج إعادة حجم الصورة||Light Image Resizer|| النسخة 4.5.4.0 متعدد اللغات,بوابة بدر 2013 Eng_Badr تحميل احدث برامج 2017 , 2018 0 25-10-2013 10:21 PM
بوابة بدر: حول الصورة لنص مع image to **** ) Readiris Pro 14.1),2013 Eng_Badr تحميل احدث برامج 2017 , 2018 0 19-05-2013 06:51 PM


الساعة الآن 01:44 AM

بوابة، بدر، بوابة بدر، منتديات، منتديات بوابة بدر، بدر جيت


بوابة بدر ، منتديات بوابة بدر ، برامج 2018 ، برامج شات 2018 ، برامج بورتابل 2018
BadrGate | About Us | Google Adsense Privacy Policy | DMCA | Disclaimer | Contact Us
جميع المشاركات لا تعبر عن وجهة نظر الاداره وإنما تعبر عن وجهة نظر صاحبها فقط وللإبلاغ عن اى إنتهاك للحقوق يُرجى الاتصال بنا
يمنع وضع اى مشاركات تتضمن اى انتهاك لحقوق الملكية الفكرية او الادبية لاى جهة واذا وجد اى ضرر نرجوا الاتصال بنا لعمل اللازم

منتديات بوابة بدر

RSS RSS 2.0 XML MAP html  PHP  info gz vbmaps maptag sitemap  sitemap2  tags htmlMAP

بوابة بدر ا منتديات بوابة بدر ا 2016 تحميل برامج ا برامج 2016 ا برامج شات 2016 ا برامج بورتابل 2016 ا بدر سوفت ا بدر للبرامج ا Badr4Soft ا Download New Full Software
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77