السلام عليكم و رحمة الله و بركاته
مرحبا بكم في هذه التدوينة و التي من خلالها سنتعرف في مدونة سفير المعلوميات حول طريق جعل قالب مدونتك متوافق مع جميع الأجهزة الالكترونية.
فكما يعلم الجميع فأصبح جيلنا يتطور و عصر التكنولوجيا يتقدم،فبدأ الأرقام تتزايد حول عدد مستعملي و متصفحي الأجهزة الالكترونية ولهذا أصبح مدراء المواقع يبحثون عن طرق لجعل مواقعهم متوافقة مع مختلف أجهزة التصفح ومن بين هذه الطرق نجد تقنية الـ CSS3 والتي سنستخدمها نحن في درسنا لن أطيل عليكم
نقوم بالبحث على هذا الوسم </head> ثم نضيف فوقه كود الميتا التالي :
<meta content='width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes' name='viewport'/>
جيد ، بعد ذلك نقوم بالبحث على ]]></b:skin> و نضيف قبله الكودج التالي :
Responsive styles ******************************************/ @media screen and (max-width : 1280px) { /* CSS FOR NETBOOK AND DESKTOP ------------*/ } @media screen and (max-width : 1024px) { /* CSS FOR TABLETS ------------*/ } @media screen and (max-width : 768px) { /* CSS FOR SMALL TABLETS ------------*/ } @media screen and (max-width : 640px) { /* CSS FOR IPHONE ------------*/ } @media screen and (max-width : 480px) { /* CSS FOR MOBILES ------------*/ } @media screen and (max-width : 320px) { /* CSS FOR SMALL OLD MOBILES ------------*/ } /***************************************************
كما ترون في كل عنصر نرى قيمة مختلفة للـ max-width هذه القيمة تمثل لنا العرض الأقصى للجهاز مثلا أجهزة سامسونج الصغيرة كـ trand أو trand plus فالعرض الذي تأخده هو 320px أما الأجهزة الكبيرة مثل سامسونج S4 فالعرض الذي يأخده هو480px وهكذا مع باقي الأجهزة.
الأن سأعطيكم أهم العناصر التي تتكون منها قوالب بلوجر وهي كالتالي :
كما نرى لدينا عناصر أساسية وهي :
body : وهو جسم أو بدن القالب الرئيسي.
outer wrapper : وهو الغلاف الخارجي وداخله توجد كل العناصر.
header : وهو الجزء العلوي من القالب.
main wrapper : وهو الجزء المجمع للعناصر الرئيسية في الصفحات.
post : وهو مكان المواضيع.
sidebar : وهو الشريط الجانبي الذي يحتوي على العديد من العناصر.
footer : وهو الجزء السفلي من القالب ويسمى أيضا بذيل الموقع .
ملحوظة : الأكواد تختلف في بعض القوالب مثلا نجد header-wrapper عوض header أو نجدclass عوض id وبالتالي يجب وضع outer-wrapper. عوض outer-wrapper# لذلك راجعوا محتوى قالبكم
الأن يبقى لدينا سؤال وهو كيف سنراقب التعديل ؟ بالنسبة للأشخاص الذين يملكون هواتف ذكية ولوحات إلكترونية سيستطعون مراقبة التعديل مباشرة من أجهزتهم أما الأشخاص الذين لا يملكون هذه الأجهزة فأنصحكم بموقع
- See more at: http://mytemplateversion.blogspot.com.eg/2015/04/blog-post_38.html#sthash.BltKw9Lj.dpuf
As claimed by Stanford Medical, It is in fact the one and ONLY reason women in this country get to live 10 years more and weigh an average of 42 lbs less than us.
ردحذف(And by the way, it is not about genetics or some secret diet and EVERYTHING to do with "HOW" they are eating.)
BTW, What I said is "HOW", not "WHAT"...
TAP this link to see if this quick test can help you release your real weight loss potential