أحدث مقال

قالب تعرف علي تصميم حلم ويب


قالب تعرف علي مميز وبسيط لمنصة بلوجر - يساعدك بتعريف شخصيتك للزوار حيث يعتمد على البساطة في الدرجة الأولى وايصال التعريف الخاص بك بشكل واضح مع صورة شخصية او شيء اخر وشبكات التواصل الاجتماعي بشكل جديد ومطور مع نموذج اشتراك بالقائمة البريدية وزر اتصل بنا 

ملاحظة القالب لا يظهر كامل في صورة التدوينة لهذا يمكنكم معاينته من الرابط التالي إضغط هنا


والأن نأتي معكم لمميزاة القالب 



    1. قالب يدعم منصة البلوجر
    2. قالب سهل التركيب والاستخدام
    3. بسيط ومتسق وجذاب,  اكواد سهلة و واضحة

لتحميل القالب لا يجب عليك القيام بأي شرط لاكن نرجو عدم حذف الحقوق للحفاظ على تعب المصمم 
للتحميل اضغط هنا

نلتقي في تدوينة جديدة قريبا وقالب أو إضافة جديدة
نرجو دعمنا وترك تعليق
ونشر الموضوع
-------
--
-
أحدث مقال

إضافة علم بلدك في قائمة المدونة


السلام عليكم ورحمة الله وبركاته
مرحبا زوار مدونة حلم ويب في تدوينة جديدة وحصرية على المدونة قبل البدأ في الشرح نرى في الكثير من المدونات تضع أزرار مواقع التواصل الاجتماعي قي القوائم الخاصة في القالب لكي يعرف زائر المدونة من هو مالكها لاكن هل فكرة من قبل وضع ( علم بلدك ) في القائمة ليعرف زوار المدونة أين مقر المدونة ؟؟ الأغلب لم يفكر في هذا الشيئ لاكن أنا أحظرة لكم كود بسيط وسهل التركيب في القالب تبين فيها علم بلدك وهذه فكرة جديدة كليا سينبهر بها زوار موقعك لن أطيل عليكم الشرح ونبدأ بإذن الله

قبل عمل أي شيئ خذ نسخة إحتياطية لقالبك 


يمكنك معاينة الإضافة ( معاينة مباشرة ) في قائمة المدونة 

طريقة التركيب

  1. اولا قم بالدخول الى لوحة التحكم الخاصة في المدونة
  2. ثانيا عليك التوجه الى قالب ثم تحرير وبعدها html
  3. ثالثا ابحث عن القائمة المراد وضع العلم فيها 
  4. رابعا وأخيرا أضف الكود التالي أسفل القائمة :


<img src='https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQrDdUJ1gu85eRHtkKfYOaIs5Dv8oTdqDuCLhoyYJ9OBm_DVKB-ykhUHj4' style=' float: left; width: 37px; margin-left: +10px; position: relative; top: 12px; margin-right: 12px;' title='أردني و أفتخر'/>

هذا رابط علم بلادي ( الأردن ) غيره برابط علم بلادك 


https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQrDdUJ1gu85eRHtkKfYOaIs5Dv8oTdqDuCLhoyYJ9OBm_DVKB-ykhUHj4

غير ( أردني و أفتخر ) بالجملة التي تريدها


الى هنا نكون قد وصلنا و إياكم الى ختام التدوينة الى كل من واجهته مشاكل يضعها في تعليق وأكيد سيتم الرد عليها 
عماد إياد - مدونة حلم ويب
أحدث مقال

إضافة تبادل إعلاني صوري بشكل جديد


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

مرحبا بكم زوار مدونة حلم ويب في تدوينة جديدة على مدونة حلم ويب بعد انقطاع شهر كامل ولاكن الحمد لله زوار المدونة لم ينخفضو والمفاجئة اني عندما تركة المدونة كان ترتيبها 430 ألف والأن أصبح الترتيب 405 ألاف وأقدم لكم شكري الخاص على هذا الوفاء وشكرا لكم 
لا أريد الابتعاد كثيرا عن نطاق الموضوع نعود  إليه الأن وإضافة حصرية وجديدة مقدمة من مدونة حلم ويب لكم زوار مدونة حلم ويب الأوفياء والإضافة عبارة عن اداة تبادل اعلاني مصور تتسع ل 9 إعلانات وبتنسيق جميل باللون الأزرق والأسود ويمكن تغيير الألوان

أولا معاينة للإضافة بالصورة وأيضا تجدها في أسفل المدونة



طريقة التركيب 


  1. إذهب الى لوحة بلوجر الرئيسية .
  2. انتقل منها مباشرة للتخطيط .
  3. إختار إضافة أداة جديدة ( جافا سيكربة ) .
  4. أضف الكود التالي ملاحظة ( الكود يحتوي على التنسيق ) .
<div class="widget-content">
<style>
.dabolurphone125x125 {margin-right: -7px; text-align:center;}
.dabolurphone125x125 img {width:125px; height:125px;margin:
3px 8px 0 0;}
img.ads1{
border: 1px solid #FCFCFC;
    padding: 3px;
    background: #0894D8;
    transition: all .7s ease-out 0s;
    width: 75px;
    margin-left: 0.8px;
    margin-right: -0.9px;
height: 66px;
}
img.ads1-125x125:hover,img#ads-move:hover,img#ads-move:hover,img#ads-move:hover{
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.ads1:hover{background: rgba(44, 62, 80, 0.69);}
img#ads-movehover{background:#444;border: 1px solid #FFFFFF;}
img#ads-move:hover{background:#444;border: 1px solid #FFFFFF;}
img#ads-move:hover{background:#444;border: 1px solid #FFFFFF;}
</style>
<div class="ads1" style="text-align:center;">
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>

<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="mohamed-dabolurphone" class="ads1" src="http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png" title="أدخل الآن" /></a>
</div>
</div>

والأن نأتي الى التعديلات


لتغيير البنر ابحث عن
 http://4.bp.blogspot.com/-nidU0Sud2kg/Vpp7Uum7xjI/AAAAAAAAJ60/bzRqPMeo1Gc/s1600/ads125x125.png

ولتغيير الرابط ابحث عن
 #
الى هنا نكون قد وصلنا الى نهاية التدوينة إن كان لديك أي إستفسار قم بوضعه في تعليق
أحدث مقال

قائمة مميزة لتسهيل المهام


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


طريقة تركيب الاضافة :

  1. ادخل للتخطيط ثم اضف أداة Html/Javascript  ثم ضع الكود التالي : 
  2. ستجد طريقة التخصيص أسفل هذا الكود 
<style>
.c-circle-nav__toggle,.c-circle-nav__toggle span{transition:background .3s;-webkit-transition:background .3s}.c-circle-nav{position:fixed;bottom:12px;right:12px;z-index:1000;width:48px;height:48px;border-radius:24px}@media (min-width:480px)and (min-height:480px){.c-circle-nav{width:96px;height:96px;border-radius:48px}}.c-circle-nav__items{display:block;list-style:none;z-index:90;margin:0;padding:0}.c-circle-nav__item{display:block;position:absolute;top:0;left:0;width:48px;height:48px;border-radius:24px;opacity:0;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-timing-function:cubic-bezier(.35,-.59,.47,.97);transition-timing-function:cubic-bezier(.35,-.59,.47,.97)}.c-circle-nav__item:nth-child(1){-webkit-transition-delay:.4s;transition-delay:.4s}.c-circle-nav__item:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.c-circle-nav__item:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.c-circle-nav__item:nth-child(4){-webkit-transition-delay:.1s;transition-delay:.1s}.c-circle-nav__item:nth-child(5){-webkit-transition-delay:0s;transition-delay:0s}.c-circle-nav.is-active .c-circle-nav__item{-webkit-transition-timing-function:cubic-bezier(.35,.03,.47,1.59);transition-timing-function:cubic-bezier(.35,.03,.47,1.59);opacity:1}.c-circle-nav.is-active .c-circle-nav__item:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(-144px,0);-ms-transform:translate(-144px,0);transform:translate(-144px,0)}@media (min-width:480px)and (min-height:480px){.c-circle-nav__item{width:96px;height:96px;border-radius:48px!important}.c-circle-nav.is-active .c-circle-nav__item:nth-child(1){-webkit-transform:translate(-288px,0);-ms-transform:translate(-288px,0);transform:translate(-288px,0)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translate(-134px,-56px);-ms-transform:translate(-134px,-56px);transform:translate(-134px,-56px)}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(2){-webkit-transform:translate(-267px,-111px);-ms-transform:translate(-267px,-111px);transform:translate(-267px,-111px)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate(-102px,-102px);-ms-transform:translate(-102px,-102px);transform:translate(-102px,-102px)}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(3){-webkit-transform:translate(-204px,-204px);-ms-transform:translate(-204px,-204px);transform:translate(-204px,-204px)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate(-56px,-134px);-ms-transform:translate(-56px,-134px);transform:translate(-56px,-134px)}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(4){-webkit-transform:translate(-111px,-267px);-ms-transform:translate(-111px,-267px);transform:translate(-111px,-267px)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transform:translate(0,-144px);-ms-transform:translate(0,-144px);transform:translate(0,-144px)}.c-circle-nav__link{display:block;width:100%;height:100%;border-radius:24px!important;box-shadow:inset 0 0 0 2px #fff}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(5){-webkit-transform:translate(0,-288px);-ms-transform:translate(0,-288px);transform:translate(0,-288px)}.c-circle-nav__link{border-radius:48px!important}}.c-circle-nav__link img{display:block;max-width:100%;height:auto}.c-circle-nav__link:hover{box-shadow:inset 0 0 0 2px #ff283c}.c-circle-nav__toggle{display:block;position:absolute;z-index:100;margin:0;padding:0;width:48px;height:48px;background-color:#ff283c;font:inherit;font-size:0;text-indent:-9999px;border-radius:24px!important;cursor:pointer;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}@media (min-width:480px)and (min-height:480px){.c-circle-nav__toggle{width:96px;height:96px;border-radius:48px!important}}.c-circle-nav__toggle.is-active,.c-circle-nav__toggle:focus,.c-circle-nav__toggle:hover{outline:0;background-color:#c10012}.c-circle-nav__toggle span,.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{display:block;position:absolute;height:4px;background:#fff;border-radius:1px!important}.c-circle-nav__toggle span{top:22px;left:10px;right:10px}@media (min-width:480px)and (min-height:480px){.c-circle-nav__toggle span,.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{height:8px;border-radius:2px!important}.c-circle-nav__toggle span{top:44px;left:20px;right:20px}}.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{left:0;width:100%;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}.c-circle-nav__toggle span::before{top:-8px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.c-circle-nav__toggle span::after{bottom:-8px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}@media (min-width:480px)and (min-height:480px){.c-circle-nav__toggle span::before{top:-16px}.c-circle-nav__toggle span::after{bottom:-16px}}.c-circle-nav__toggle.is-active span{background:0 0}.c-circle-nav__toggle.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.c-circle-nav__toggle.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.c-mask{position:fixed;top:0;left:0;z-index:900;visibility:hidden;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.c-mask.is-active{opacity:1;visibility:visible}

</style>
<nav id="c-circle-nav" class="c-circle-nav">
  <button id="c-circle-nav__toggle" class="c-circle-nav__toggle">
    <span>Toggle</span>
  </button>
  <ul class="c-circle-nav__items">
    <li class="c-circle-nav__item">
      <a href="http://th3dreamweb.blogspot.com/" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/house.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="http://th3dreamweb.blogspot.com/" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/photo.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="http://th3dreamweb.blogspot.com/" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/pin.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="http://th3dreamweb.blogspot.com/" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/search.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="http://th3dreamweb.blogspot.com/" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/tools.svg" alt="" />
      </a>
    </li>
  </ul>
</nav>
<script src="http://callmenick.com/_development/css-circle-menu/js/circleMenu.min.js"></script>

للتخصيص :


غير هذا الرابط بالروابط المناسبة http://th3dreamweb.blogspot.com/ 

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

لا تقرأ وترحل بل شاركنا بالتعليقات والأراء لتدعمنا

أحدث مقال

موقع لتحميل الصور و الشعارات PSD مجانا


السلام عليكم و رحمة الله تعالى و بركاته
زائرنا و متابعنا العزيز مرحبا بك في مدونة حلم ويب , في هذه التدوينة انشاء الله سأقدم لك من خلالها موقع رائع يقدم لك مجموعة كبيرة من الشعارات و الصور المفتوحة PSD يمكنك تعديلها كما يحلو لك عن طريق برامج ال Photoshop , نادرا ما تجد مواقع تقدم مثل هذه الخدمة الرئعة وبصورة كثيفة مثلا الموقع الذي جلبته لكم يحتوي على 174.264 صورة psd مجانا للتحميل وسهلة التعديل  .

صورتين من الموقع 




للدخول الى الموقع من هنا

ملاحظة جميع الصور والملفات التي في الموقع تقدم لكم مجانا ونرجو اذا احببت ان تنقل الموضوع ذكر المصدر مع رابط الموضوع الأصلي ولك أطيب التحيات مني

أحدث مقال

مكتبة بأرقى الماك بوك اب النسخة الأولى


السلام عليكم و رحمة الله تعالى و بركاته
 متابعنا العزيز في مدونة حلم ويب , في هذه التدوينة و مع حلول الموسم الجديد 2016  قررنا فتح قسم جديد في المدونة يخص الصور و ال psd ,و الماك بوك اب وفي هذه التدوينة اخترت لكم أجملها للهاتف المحمول و الكمبيوتر المحمول  ,  نرجو أن تعجبكم وستجد رابط تحميلها في نهاية التدوينة من الموقع الرسمي . 

اليك نبذة عن بعض الصور :


free



قبل التحميل نرجو ذكر المصدر عند نسخ الموضوع



أحدث مقال

ترقيم شروط التعليقات لتبدو بشكل أجمل


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

مثال على شروط تعليق 


ملاحظة الكود يشمل الارقام من من 0 - 9 

طريقة استعمال هذه الارقام

  • أولا عليك الذهاب للقالب تحرير ابحث عن هذا الوسم </body> لنضع الكود التالي فوقه

<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://twemoji.maxcdn.com/twemoji.min.js\"></scr" + "ipt>");
//]]>
</script>
<script>
twemoji.parse(document.body);
    </script>
  • ثم ابحث عن الوسم التالي ]]></b:skin> لنضع فوقه الكود التالي

img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}
أكواد الأرقام وطريقة الاستعمال :

0⃣ &#x30;&#x20E3;
1⃣ &#x31;&#x20E3;
2⃣ &#x32;&#x20E3;
3⃣ &#x33;&#x20E3;
4⃣ &#x34;&#x20E3;
5⃣ &#x35;&#x20E3;
6⃣ &#x36;&#x20E3;
7⃣ &#x37;&#x20E3;
8⃣ &#x38;&#x20E3;
9⃣ &#x39;&#x20E3;
لاتنسى علامة حقوق الملكية الفكرية ان اردتها ©  &#xA9;

لتعرف طريقة الاستخدام تابع الصورة التالية  اضغط على الصورة لتظهر اكبر





هذا كل ما يتعلق بالشرح أتمنى انك(ي) قد أستفد(ة) من الموضوع اذا واجهتك(ي) مشكلة ضعها في تعليق