الأحد، 2 أكتوبر، 2016

تحميل قالب كن مهووس v3 بكل إظافاته

تحميل قالب كن هووس النسخة 3
قالب كن مهوس v3 مجانا 
أمل قالب تقني لمدونة بلوجر


معلومات عن القالب

✔ قالب متجاوب مع جميع الأجهزة
✔ سيو جاهز
✔ أزرار مواقع التواصل الإجتماعية أسفل التدوينات
✔ سلايد شو أوتوماتيكي

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

لتعديل على على أزرار مواقع التواصل الإجتماعية
من داخل القالب إبحث عن كلمة gplus
<div class='socila-media' id='social-media'>
  <ul>
<li><a class='youtube' href='#' title='youtube'/></li>
<li><a class='rss' href='#' title='rss'/></li>
<li><a class='twitter' href='#' title='twitter'/></li>
<li><a class='gplus' href='#' title='gplus'/></li>
<li><a class='facebook' href='#' title='facebook'/></li>
</ul>
  </div>
غير هذه العلامة # برابط حسابك



لتعديل على مواقع ندعمها
من داخل القالب إبحث عن هذه الكلمة navlist
<div class='widget-content'>
<ul id='navlist' style='width: 900px;'>
<table align='center' width='100%'><tbody><tr>
<td align='center' width='25%'>
  <a href='#' target='_blank'> عنوان الموقع</a></td>
<td align='center' width='25%'>
<a href='#' target='_blank'>عنوان الموقع </a></td>
<td align='center' width='25%'>
<a href='#' target='_blank'>عنوان الموقع</a></td>
<td align='center' width='25%'>
<a href='#' target='_blank'> عنوان الموقع</a></td>
</tr></tbody></table></ul>
<ul id='navlist' style='width: 900px;'>
<table align='center' width='100%'><tbody><tr>
<td align='center' width='25%'>
<a href='#' target='_blank'> عنوان الموقع </a></td>
<td align='center' width='25%'>
<a href='#' target='_blank'> عنوان الموقع</a></td>
<td align='center' width='25%'>
<a href='#' target='_blank'>عنوان الموقع </a></td>
<td align='center' width='25%'>
<a href='#' target='_blank'> عنوان الموقع </a></td>
</tr></tbody></table></ul>
<ul id='navlist' style='width: 900px;'>
<table align='center' width='100%'><tbody><tr>
<td align='center' width='25%'>
<a href='#' target='_blank'>عنوان الموقع</a></td>
<td align='center' width='25%'>
<a href='#' style='background: #F74047' target='_blank'> اضف موقعك هنا مجانا </a></td>
<td align='center' width='25%'>
<a href='#' style='background: #F74047' target='_blank'> اضف موقعك هنا مجانا </a></td>
<td align='center' width='25%'>
<a href='#' style='background: #F74047' target='_blank'> اضف موقعك هنا مجانا </a></td>
</tr></tbody></table></ul>
</div>
غير هذه العلامة # برابط الموقع
غير ما باللون الأخضر بعنوان الموقع
(لتمييز الأماكن الشاغرة لمن يريد إظافة موقعه عندك إستعم الكود أسفله)
<a href='#' style='background: #F74047' target='_blank'> اضف موقعك هنا مجانا </a></td>
<td align='center' width='25%'>



لتعديل على شريط الإشعار
من داخل القالب إبحث عن هذه الكلمة welcomemahows_bar
<div id='welcomemahows_bar'> هنا مثال لإشعار يمكنك وضعه لزوارك لإخبارهم بحدث قريب أو مقال حصري <span data-target='#welcomemahows_bar' id='close_welcomemahows_bar'>&#215;</span></div>
غير ما باللون الأحمر بالإشعار الذي تريد إخباره لزوارك 



لتعديل على صندوق عرض الخدمات
من داخل القالب إبحث عن هذه الكلمة grid
<div class='circle'/><div class='circle'/><div class='circle'/>
خدماتنا المجانية والمدفوعة
</h100>
</div>
<div class='grid'>
<figure class='effect-winston wow animated flipInX animated'>
<img src='https://4.bp.blogspot.com/-KGV18qJIVAM/U4XXy7hC7pI/AAAAAAAABLA/s5lHiFfS16A8PpAlovzYBQhMrAczEoVMACPcB/s320/ffff.png'/>
<figcaption>
<h212> تصميم وتكويد قوالب بلوجر </h212>
<p>
<a href='#' title='5$'><i class='fa fa-fw fa-search'/></a>
</p>
</figcaption> </figure>

<figure class='effect-winston wow animated flipInX animated'>
<img src='https://4.bp.blogspot.com/-oeVp7iN8u40/U35E1Gx9L_I/AAAAAAAABDE/5Ate1QwaA38ldwYmgj7fXthGWQ3G0mFJwCPcB/s640/436231.jpg'/>
<figcaption>
<h212> تعديل او تعريب وتطوير قوالب بلوجر </h212>
<p>
<a href='#' title='مجانا'><i class='fa fa-fw fa-search'/></a>
</p>
</figcaption> </figure>

<figure class='effect-winston wow animated flipInX animated'>
<img src='https://4.bp.blogspot.com/-n7eABfNPU0Q/U4OM6auLvqI/AAAAAAAABKM/ndeeSPY6akozbr8S-yisOSF64NQIVbmRwCPcB/s320/lock-onn-keyboard.png'/>
<figcaption>
<h212> 2000 زائر حقيقى لموقعك </h212>
<p>
<a href='#' title='5$'><i class='fa fa-fw fa-search'/></a>
</p>
</figcaption> </figure>

<figure class='effect-winston wow animated flipInX animated'>
<img src='https://3.bp.blogspot.com/-N_BzYbBuNuM/U3m6ENmKdOI/AAAAAAAAA74/X4-S4EJHmdoxvgFL9jBszMwwg7EejwKWQCPcB/s320/arabic-keyboard.jpg'/>
<figcaption>
<h212> اعلن عندنا لمدة 3 شهور </h212>
<p>
<a href='#' title='5$'><i class='fa fa-fw fa-search'/></a>
</p>
</figcaption> </figure>
</div>
غير ما باللون الأخضر برابط الصورة
غير ما باللون الأحمر بالعنوان
غير ما باللون الأزرق بثمن الخدمة أو إكتب مجانا (تظهر عن تمرير الفأرة عليها)
غير هذه العلامة # برابط الخدمة



لتعديل على صندوق الإشتراك 
من داخب القالب إبحث عن هذه الكلمة r-template
<div class='width_newsl'>
<p>اشترك بالقائمة البريدية لمدونتنا وتوصل بجديد الدروس و المواضيع التي يتم طرحها مباشرة على بريدك الإلكتروني</p>
<div class='formnewss'>
<form action='https://feedburner.google.com/fb/a/mailverify' class='sidebar-subscribe-box-form' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=r-template&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input id='inpNews' name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='اأدخل بريدك الإلكتروني'/>
  <input id='SubmNews' name='submit' type='submit' value='إشترك'/>
  <input name='uri' type='hidden' value='rtemplate'/>
  <input name='loc' type='hidden' value='en_US'/>
</form>
</div>
غير ما باللون الأحمر برابطك في feedburner
غير ما باللون الأخضر بإسمك في feedburner



إظافات القالب +
كود صندوق الإعلانات الموجود على يمينك 


<div class='widget-content'>
<style>
.ar1web125x125 {margin-right: -7px; text-align:center;}
.ar1web125x125 img {width:125px; height:125px;margin:
3px 8px 0 0;}
img.ar1web-125x125 {
border: 1px solid #eee;
padding: 5px;
background: #FCFBFB;
transition: all .7s ease-out 0s;
}
img.ar1web-125x125:hover,img#ihussamar1web:hover,img#ihussam-ar1web:hover,img#hussam-ar1web:hover{
opacity: 0.8;
zoom: 1;
transition: all 0.2s ease-out;
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');}
img.ar1web-125x125:hover{background:#444;border: 1px solid #FFFFFF;}
img#ihussamar1web:hover{background:#444;border: 1px solid #FFFFFF;}
img#ihussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
img#hussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
</style>
<div class="ar1web125x125" style="text-align:center;">
<a href="/p/blog-page_44.html" target="_blank" rel="Nofollow"><img class="ar1web-125x125" src="http://i.imgur.com/rcOLvAN.png" title="أعلن هنا" /></a>
<a href="/p/blog-page_44.html" target="_blank" rel="Nofollow"><img id="ihussamar1web" class="ar1web-125x125" src="http://i.imgur.com/rcOLvAN.png" title="أعلن هنا" /></a>
<a href="/p/blog-page_44.html" target="_blank" rel="Nofollow"><img id="ihussam-ar1web" class="ar1web-125x125" src="http://i.imgur.com/rcOLvAN.png" title="أعلن هنا" /></a>
<a href="/p/blog-page_44.html" target="_blank" rel="Nofollow"><img id="hussam-ar1web" class="ar1web-125x125" src="http://i.imgur.com/rcOLvAN.png" title="أعلن هنا " /></a>
</div>
</div>
غير ما باللون الأخضر برابط صفحة الطلب
و ما باللون الأحمر غيره بإسم الموقع الذي سيعلن عندك


كود صندوق إخترنا لكم الموجود على يمينك







<script> var jazairiweb_thumbs = 80; var jazairiweb_title = true; </script> <script src="/feeds/posts/summary?max-results=20&amp;alt=json-in-script&amp;callback=jazairiwebgrid"/></script>










إظافات + لتدوين

كود ازرار المعاينة والتحميل
<div id="wrap">
 <a href="رابط المعاينة" class="btn-slide" target="_blank">
 <span class="circle"><i class="fa fa-rocket"></i>
</span> <span class="title">معاينة</span> 
<span class="title-hover">إضغط هنا</span> </a>

 <a href="رابط التحميل" class="btn-slide2" target="_blank"> 
<span class="circle2"><i class="fa fa-download"></i></span> 
<span class="title2">تحميل</span> 
<span class="title-hover2">
إضغط هنا</span> </a> 
</div>


كود العنوان الجانبى
<howar1web style="background-color: #9eb2c0; border-radius: 2px; box-sizing: border-box; color: white; display: table-cell; font-family: 'droid arabic naskh', sans-serif; font-size: 14px; line-height: 25px; margin: -8px 0px; padding: 4px 15px; position: relative; width: 141px;">العنوان الجانبى</howar1web><br />
غير ما باللون الأحمر بالعنوان


كود العنوان الرئيسي
<h4 style="background: rgb(69, 107, 142); border-radius: 4px; border: 0px; box-sizing: border-box; clear: both; color: white; direction: rtl; font-family: ge_dinar_tworegular; font-size: 17px; font-weight: normal; letter-spacing: 0.3px; line-height: 1.4; margin: 0px 0px 15px; outline: 0px; padding: 15px; position: relative; text-align: center; transition: 0.5s; vertical-align: baseline; word-wrap: break-word;">
العنوان الرئيسى</h4>
غير ما باللون الأحمر بالعنوان


كود صندوق الأكواد 
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup">
إكتب الكود هنا
</code></pre>

<pre data-codetype="CSSku" title="CSS"><code class="language-css">
إكتب الكود هنا
</code></pre>

<pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript">
إكتب الكود هنا
</code></pre>

<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript">
إكتب الكود هنا
</code></pre>
ما باللون الأحمر نوع الكود (غير مهم)



كود محتوى مخفى فى التدوينة
<div id="flippy"><button>
اضغط هنا لمشاهدة الكود
</button></div>
<div id="flippanel">
ضع هنا المحتوى

</div>
غير ما باللون الأحمر بالمحتوى

هناك تعليقان (2):
إترك تعليق
  1. شكرا لك لتقديم هذا الدرس صراحة وفرت عليا عناء الشرح
    ولكن هذا القالب هو الاصدار الثاني ليس الثالث

    ردحذف

لدعم هذا المشروع