Boxed Style

728 x 90

Latest Post



بسم الله , الحمد لله
إخوتي و أخواتي, من منكم لم يتمنى ان يقوم بتحميل موقع انترنت بأكمله ثم تصفحه عند انقطاع الإنترنت.
بالتأكيد الكثير وانا واحد من هؤلاء ,, اليوم سوف نقوم بتحميل اي موقع يعجبنا بالكامل وتصفحه بدون انترنت.
وذلك باستخدام البرنامج HTTRACK هذا البرنامج الرائع والصغير الحجم في هذا المجال .

لتحميل البرنامج إضغط هنــا

شرح تثبيت البرنامج:






السلام عليكم ..
كيف حالكم إخواني.. اليوم معنا آداة جديدة ولا اروع للمدونات بلوجر , وهي قائمة الأكثر تعليقاً كل اسم يحتوي على صورة المستخدم في جوجل بلس و هي تكون بالشكل التالي :

تركيب هذه الآداة سهل جداً وهو كالتالي :
إذهب الى لوحة تحكم المدونة ثم إلى البند تخطيط  ثم اختر مكان لوضع الاضافة من خلال إضافة آداة.
ثم أختر HTML/JavaScriptHTML/JavaScript و ضع الكود التالي :

 ثم احفظ الآداة و اذهب لمدونتك لترى الآداة وقد تم تشغيلها



بسم الله , الحمد لله

معلومة بسيطة قبل ان نخوض في درسنا اليوم.
ليس كل اكواد CSS تعمل على جميع المتصفحات , نعم .. فهناك بعض الأكواد التي لا تعمل إلا بأكواد اخرى تضاف لها تخص المتصفح ودعونا نأخذ مثال على ذلك .

وليكن هذا الكود :
transition: all .4s ease-in-out;
ليس مهم عمل الكود ولكن المهم , هل يعمل الكود على كل المتصفحات ؟
طبعاً لا فهو لا يعمل الا بدعم وهذا الدعم مثل الآتي ..
-webkit-transition: all .4s ease-in-out; // google chrome & safari
-moz-transition: all .4s ease-in-out; // firefox
-o-transition: all .4s ease-in-out; //opera
-ms-transition: all .4s ease-in-out; //internet explorer
transition: all .4s ease-in-out;
انظر .. الأحرف الحمراء هي الدعم للعمل على المتصفح فكما ترى وضعت لكل كود منهم اسم المتصفح باللون البني فمثلاً :

-webkit- يجعل الكود يعمل على متصفح جوجل كروم و متصفح سفاري
-moz- يجعل الكود يعمل على متصفح فايرفوكس
-o- يجعل الكود يعمل على متصفح اوبرا
-ms- يجعل الكود يعمل على متصفح انترنت اكسبلورر

سؤال قد يخطر على ذهنك وهو ,, ما هي الأكواد التي لا تعمل إلا بالدعم ؟ هي الآتي :

box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-o-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888; 
transform:rotate(7deg);
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-ms-transform:rotate(7deg);
-webkit-transform:rotate(7deg); 
-webkit-transition: width 2s;
-moz-transition: width 2s;
-o-transition: width 2s;
-ms-transition: width 2s;
transition: width 2s;
 
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
-o-border-radius:25px; 
background-image:linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-webkit-linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-moz-linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-o-linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-ms-linear-gradient(to top,#000 0%,#001530 30%);
 وبهذا ينتهي موضوعنا بحمد الله وتوفيقه



بسم الله , الحمد لله ..

بالطبع الكثير منا رأى قالب المدونة وكم هو ملئ بالأكواد او صفحات HTML ولذلك اليوم سوف نقوم بعرض أهم الأكواد المستخدمة سواء في صفحات HTML او صفحات XML وهي أكواد مهمة جداً لكل مدون يمتلك مدونة على بلوجر ..

نبدأ في سرد كل كود وماهية استخدامه ..

إذا كنت تريد إضافة صورة فقط فسوف يكون الكود كالتالي ..
<img src='رابط الصورة'/>
الذي يظهر على الصفحة الصورة فقط وعند الضغط عليها لا يحدث اي شئ.
******

إذا كنت تريد إضافة رابط في مدونتك من خلال تخطيط  HTML/JavaScript او من داخل القالب فسوف يكون الكود كالتالي ..
<a href="رابط الموقع">Mini Soft</a>
الذي يظهر على الصفحة هو عبارة Mini Soft وعند الضغط عليها يتم التحويل الى صفحة تويتر وهذا الكود هام جداً.
******
إذا كنت تريد إضافة صورة وعند الضغط عليها يتم فتح رابط جديد فسوف يكون الكود هكذا ..
<a href='رابط الموقع'><img src='رابط الصورة'/></a>
الذي يظهر على الصفحة الصورة وعند الضغط عليها يتم فتح الموقع.
******

الآن نفترض أنك تريد فتح الموقع عند الضغط عليه في صفحة جديدة فسوف يكون الكود هكذا ..
<a href='رابط الموقع' target='_blank'></a>
عند الضغط على الرابط سوف تبقى الصفحة كما هي ويتم فتح الرابط في صفحة جديدة والكود صالح للعمل سواء على رابط او صورة تحتوي على موقع.
******

إذا كنت تريد أن تقف بالفأرة على رابط او صورة فيظهر تلميح لمحتوى الرابط او الصورة فسوف يكون الكود هكذا ..
<a href='رابط الموقع' target='_blank' title='نبذة عن الموقع'></a> 
******

أكواد أخرى شائعة الإستخدام :

إذا كنت تريد أن يكون النص عريض فسوف يكون الكود كالتالي ..
<b>Mini Soft</b>
******

إذا كنت تريد أن يكون النص مائل فسوف يكون الكود كالتالي ..
 <i>Mini Soft</i>
******

إذا كنت تريد أن يكون تحت النص خط فسوف يكون الكود كالتالي ..
<u>Mini Soft</u>
 ******
إذا كنت تريد توسيط رابط او كلمة فسوف يكون الكود كالتالي ..
<center>mini soft</center>
******
وبهذا ينتهي موضوعنا لهذا اليوم 
ارجوا ان تكونوا استفدتم ولو بالقليل 

ميني سوفت


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

اليوم إخواني واستكمالاً لدورتنا لإحتراف البلوجر على هذا الرابط ( هنا )  سوف نقوم اليوم بحذف أو بمعنى أصح إخفاء تلك العبارة اسفل المدونة وهي الإشترك في : تعليقات الرسالة Atom وتكون بهذا الشكل اسفل كل تدوينة :

ميني سوفت
والآن سوف نقوم بإزالة هذه العبارة نهائياً وذلك باتباع الآتي :

ميني سوفت
من لوحة تحكم مدونتك إذهب إلى قالب

ميني سوفت
ثم إضغط تحرير HTML
سوف يفتح امامك قالب المدونة فابحث داخله عن هذا الوسم
]]></b:skin>
 وذلك بالضغط على Ctrl + F ثم ضع فوقه مباشرتاً هذا الكود :
.feed-links{display:none !important;}
ليبقى اخيراً هكذا :


ميني سوفت

وبهذا ينتهي موضوعنا 
اترككم في رعاية الله وآمنه

Contact Form

Name

Email *

Message *

Powered by Blogger.