04‏/09‏/2014

إضافة تدوينة الأسبوع إضافة بسيطة مع ذلك لها وظيفة لا بأس بها تعرض فيها موضوع تختاره بنفسك
شرح طريقة التركيب
1. مباشرة من التخطيط أضف أداة Html/JavaScript وضع الكود التالي بها
<div class="ar1web_today_img">
<img alt="قالب فكرة مين ؟" src="http://1.bp.blogspot.com/-9Siundrumos/U9ZGAcNALzI/AAAAAAAAEwo/c7geoScQNFI/s1600/fekratmeen.jpg" />
<a href="#"><i class="fa  fa-arrows-alt"></i></a>
<p>قالب فكرة مين المميز ، بتصميمه البسيط والأنيق .. </p>
</div>
<style>
.ar1web_today_img{position:relative;padding-top:5px}.ar1web_today_img img{width:100%;height:200px}.ar1web_today_img a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ar1web_today_img p{position:absolute;bottom:0;left:0;background: rgba(255, 173, 0, 0.6);
font-family: Electrolize,ge_ss_threeregular;
text-align: center;padding:12px 29px;margin:0;font-size:15.1px;color:#FFF;}.ar1web_today_img:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.ar1web_today_img:hover a:hover{color:#333}.ar1web_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.ar1web_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.ar1web_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}
</style>
* اللون الأصفر : رابط الصورة
* اللون الأزرق : رابط الموضوع
* اللون الأحمر : الوصف

* ملاحظة من لم تظهر له الأدآة بشكلها الخاص .. أنسخ الكود من <style> إلى </style> وتوجه لقالب وضعه فوق </head>
إضافة تدوينة الأسبوع إضافة بسيطة مع ذلك لها وظيفة لا بأس بها تعرض فيها موضوع تختاره بنفسك
شرح طريقة التركيب
1. مباشرة من التخطيط أضف أداة Html/JavaScript وضع الكود التالي بها
<div class="ar1web_today_img">
<img alt="قالب فكرة مين ؟" src="http://1.bp.blogspot.com/-9Siundrumos/U9ZGAcNALzI/AAAAAAAAEwo/c7geoScQNFI/s1600/fekratmeen.jpg" />
<a href="#"><i class="fa  fa-arrows-alt"></i></a>
<p>قالب فكرة مين المميز ، بتصميمه البسيط والأنيق .. </p>
</div>
<style>
.ar1web_today_img{position:relative;padding-top:5px}.ar1web_today_img img{width:100%;height:200px}.ar1web_today_img a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ar1web_today_img p{position:absolute;bottom:0;left:0;background: rgba(255, 173, 0, 0.6);
font-family: Electrolize,ge_ss_threeregular;
text-align: center;padding:12px 29px;margin:0;font-size:15.1px;color:#FFF;}.ar1web_today_img:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.ar1web_today_img:hover a:hover{color:#333}.ar1web_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.ar1web_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.ar1web_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}
</style>
* اللون الأصفر : رابط الصورة
* اللون الأزرق : رابط الموضوع
* اللون الأحمر : الوصف

* ملاحظة من لم تظهر له الأدآة بشكلها الخاص .. أنسخ الكود من <style> إلى </style> وتوجه لقالب وضعه فوق </head>
36 Blogger تعليقات
Disqus
36 التعليقات
أزال المؤلف هذا التعليق. - حذف
أزال المؤلف هذا التعليق. - حذف
المشرف
avatar

هل تركت الكود الذي نسخته في الأداة أيضا ؟

المشرف
avatar

رائع تم التركيب بنجاح شكرا لك

المشرف
avatar

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

المشرف
avatar

العفو .. هنيئا لك :)

أزال المؤلف هذا التعليق. - حذف
المشرف
avatar

بسيطة عليك اللعب بمقاسات padding لقد حظرتها لك ابحث في الكود عن :
.ar1web_today_img p
غير : padding: 0px 29px;
bottom: 5px;

المشرف
avatar

شكراً لك عرفت الحل شكراً جزيلاً ....... ^_^

الله يعطيك العافية بتشكرك كتير لأستجابتك لطلباتي ممكن رأيك في موقعي ؟

www.Ebda2.net

شو رأيك بالتنسيق :) ؟

المشرف
avatar

العفو أخي
مدونتك جميلة وتنسيق رائع واصل
بالتوفيق لك . :)

أزال المؤلف هذا التعليق. - حذف
المشرف
avatar

نعم يمكن تغييره ابحث عن : 255, 173, 0, 0.6
واستعن بأحد أكواد رعب أو ضع لون : #....

المشرف
avatar

السلام عليكم اخي ممكن طلب وهو عمل قائمه ثابته مثل التي في مدونتك
او ممكن اضافة شريط متحرك انا اضيف له المواضيع والصور
او هل بالمكان عمل سلايد شو للقالبك لاني امتلك نفس القالب وصعب اضافة سلايد شو
او اشكرك لاني استفدت كثيرا من مدونتك اخي العزيز :)

المشرف
avatar

للأسف كل ما ينتمي لي القالب ليس لدي الحق لنشره ، لكن سأضع قوائم وإضافات خاصة بما تطلبه في التدوينات القادمة

المشرف
avatar

من اين آتي بالقالب ؟

المشرف
avatar
المشرف
avatar

الاخ ALi Mohmmad قال انه موجود معاه مثل قالبك
من اين اتي به وهل هوه مدفوع وكم سعره :)

المشرف
avatar

القالب موجود على النت مجانا

المشرف
avatar

ارجوووك انا احتاج قالب مدونتك انا و اصدقائي لنصنع مدونه جماعيه
sotahmed100@gmail.com
لتتواصل معي : (03-3029011 )

المشرف
avatar

اخي سبق وطرحت توضيح بأن القالب لن ينشر

المشرف
avatar

لماذا ؟
انت تقول انه مجاني فلما لا تنشره ؟!

المشرف
avatar

ليس في الوقت الحالي

أزال المؤلف هذا التعليق. - حذف
المشرف
avatar

عليك بتقليل شفافية اللون
جرب اللون التالي : rgba(32, 114, 238, 0.42)

أزال المؤلف هذا التعليق. - حذف
المشرف
avatar
أزال المؤلف هذا التعليق. - حذف
أزال المؤلف هذا التعليق. - حذف
المشرف
avatar

أريد قالب فكرة مين اللون الأزرق

المشرف
avatar

تفضل: http://www.gulfup.com/?9FEK6s

المشرف
avatar

السلام عليك اخي ممكن كيف تغيير الون البني الذي يوجد بالاضافة

المشرف
avatar

عليكم السلام لكي تغيره ابحث باستعمال Ctrl+F عن : rgba(255, 173, 0, 0.6) وغيره بكود اللون الذي تريد

المشرف
avatar

شكرا اخي اتمنى انك تصل الى ماتريد

المشرف
avatar

لقد انتفعت من درسك اليوم شكرا لك

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة