قالب اعصار بلس هدية مني لكم


مرحبا بكم مجددا زوار ومتابعين مدونة قيسي ويب اليوم انتهيت من تصميم القالب لجديد انه قالب فعلا رائع لقد تعبت حقا في تصميمة وبرمجتة واليوم اقدمه لكم مجانا اتمنى من الجميع حفظ حقوق القالب والان ندخل الى الشرح

صورة كاملة للقالب



أنشاء صفحة اتصل بنا  
1 - قم بانشاء صفحة جديد

2 - أذهب الى تبويب html وأضف الكود تالي فيه
<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<span style="font-family: cursive,droid arabic kufi;"><i class="fa fa-user"></i> الإسم الكريم </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  

<span style="font-family: cursive,droid arabic kufi;"><i class="fa fa-envelope"></i> البريد الإلكتروني <span style="color:#fff;font-weight:normal;font-size:x-small;padding:0 3px 3px 3px;  font-family: ge_ss_threeregular; border-radius:3px;background:#595656;line-height:normal;margin-left:5px;;"> مهم </span></span> 
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  

<span style="font-family: cursive,droid arabic kufi;"><i class="fa fa-pencil"></i> الرسالة <span style="color:#fff;font-weight:normal;  font-family: ge_ss_threeregular; font-size:x-small;padding:0 3px 3px 3px ;border-radius:3px;background:#595656;line-height:normal;margin-left:5px;;"> مهم </span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="أرسل" />  
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<div class="social_network wow bounceInDown animated" style="visibility: visible;">


</div>
</div>
القالب بسيط وجميل واحترافي بأذن الله لن تواجهكم اي مشاكل في استخدام القالب اتمنى ان يعجبكم ننتظر منكم تعليقاتكم المشجعة للمزيد من القوالب 
إذا واجهت مشكلة في القالب الا تتردد في وضعه بالتعليقات ... بالتوفيق
100 out of 100 based on 24 user ratings

مرحبا بكم مجددا زوار ومتابعين مدونة قيسي ويب اليوم انتهيت من تصميم القالب لجديد انه قالب ف...

روابط الموضوع للنسخ

رابط
HTML
BBCode
يسمح بنقل الموضوع لكن مع ذكر المصدر في نهاية الموضوع المنقول ووضع رابط الموضوع الأصلي
7 التعليقات
avatar

طريقة تكبير حجم عرض المواضيع وطريقة اضافة حكمة

avatar

اخي ماذا تقصد بطريقة تكبير حجم عرض المواضيع هل تقصد صورة المواضيع ؟
بالنسبة لاضافة اداة حكمة ضع هذه الكود داخل اداة html
<style>
.widget.quote{position:relative;background:#000!important;overflow:hidden}.widget.quote .item-thumbnail{position:absolute;width:100%;z-index:0;min-height:100%}.widget.quote>h2{background: rgba(0,0,0,.3)!important; color: #fff!important; margin-right: 8px; padding: 0!important; position: initial; border: none!important;display: none!important;}.widget.quote .widget-content{ position: relative!important;
z-index: 1;
color: #fff;
font-size: 18px;
font-weight: 100;
background: none!important;
border: none!important;}.widget.quote .quote-icon{position:absolute;bottom:0;left:20px;opacity:.2;font-size:70px}.widget.quote .quote-author{font-size: 14px;
text-align: center;
margin: 30px 0 0;
font-family: droid arabic kufi;}#footer-menu li,.post-404{text-align:center}.widget.quote .quote-content{line-height:2em;padding:0 20px; font-family: cursive,'Adobe Arabic';
font-size: 20px;}
</style>
<div class="widget Image misc image quote" id="Image1" style="opacity: 1; display: block;"><div class="item-thumbnail quote-background" style="opacity: 0.3; height: 201.24px;"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTfx7yDFpqQEsxl-yOh-1UYS7eeccpXVl8MOAxP__gtB9eE_-PD" w="317" h="244" style="margin-left: -8px; margin-top: 0px; width: 317px; height: 244px;" /></div>
<h2 style="display: block;">الله اكبر</h2>
<div class="widget-content"><div class="quote-icon"><i class="fa fa-quote-left"></i></div><div class="quote-content">الأخلاق هي&#1548; لصفات الأساسية التي حثّ&#1548; عليها رسول الله صلّى الله عليه وسلّم&#1548; صلي على نبي الله محمد .</div><div class="quote-author">- اللة اكبر -</div></div></div><div class="clear"></div>

avatar

قصدت اخر احدث المقالات التي في الصورة
♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
file:///C:/Users/hp/Desktop/%D8%AA%D9%83%D8%A8%D9%8A%D8%B1%D9%87%D8%A7%20%D8%A7%D9%84%D9%89%20%D8%AD%D8%AC%D9%85%20%D9%83%D8%A8%D9%8A%D8%B1.PNG
♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
اريد تكبيرها في الطول ان تصبح ظاهرة بوضوح

avatar

وممكن طريقة ازالة تعليقات قيسي ويب من تعليقات DISQUS

avatar

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

avatar

اخي لتغير تعليقات القيسي ويب قم بالبحث عن هذه الكود
var disqus_shortname = 'qaisi1web';

وغير qaisi1web بمعرف تعليقات الخاصه بك

avatar

اسف على الازعاج ممكن طريقة تغيير الخلفية

كيف تعلق ؟

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *