قريباً مجموعة خطوط عربية رائعة

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

قريباً سيقدم لكم ملحقات لمطوري المواقع

قريباً سيتم وضع لكم مجموعة كبيرة من ملحقات لمطوري المواقع وذالك من خلال مساعدتكم في التطور وهي تكون مجموعات بصيغة psd او قوالب HTML

كيف تختار افكار مناسبة لتصاميمك

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

اهتم باصغر التفاصيل في التصميم

على كل مصمم ان يهتم بكل جزة في تصميمة حتى وان كان الجزء صغيراً او غير واضح فيجب على المصمم ان يحسب له الحساب ولايتركه

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

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

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

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

. نذهب الى لوحة التحكم

. ثم الى التخطيط

. ثم اضافة اداة جافاسكربت Javascript

والصق هذه الكود داخل الصندوق مع مراعاة تغير الروابط

<div class="btnt-chronicl-social"><ul><li><a class="rss" href="http://feeds.feedburner.com/username">Subscribe to the RSS Feed</a></li> <li><a class="twitter" href="http://twitter.com/username">Follow me on Twitter</a></li> <li><a class="facebook" href="http://facebook.com/username">Find me on Facebook</a></li> <li><a class="google" href="الرابط هنا" rel="author">Join me on Google+</a></li> <li><a class="linkedin" href="الرابط هنا">Connect with me on LinkedIn</a></li> <li><a class="youtube" href="http://www.youtube.com/user/username">Watch me on YouTube</a></li>

</ul></div>

<style type="text/css">.btnt-chronicl-social { width: 100%; } .btnt-chronicl-social ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; } .btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; } .btnt-chronicl-social ul li:first-child { border-top: 0 none; } .btnt-chronicl-social ul li:last-child { border-bottom: 0 none; } .btnt-chronicl-social ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; } .btnt-chronicl-social ul li a:hover { background-color: #fafafa !important; } .btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; } .btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;} .btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; } .btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; } .btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; } .btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; } .social-about { display: none; }</style>

غير مابلون الاحمر  الى الروابط الخاصة بك

اضغط على حفظ ومبروك عليك الاضافة 

اتمنى ان تنال اعجابكم الاضافة

في امان الله 

حصريا قائمة احترافية لمدونات بلوجر

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

اليوم حبيت اقدم لكم قائمة احترافية وانيقة وبسيطة لمدونات بلوجر

لمعاينة القائمة

كود الـ HTML

<nav>

<a id="tombolmenu" href="#">menu</a>

  <ul class="menu">

    <li><a href="#">الرئيسية</a></li>

    <li><a href="#">قائمة1</a></li>

    <li><a href="#">قائمة2</a></li>

    <li><a href="#">قائمة3</a></li>

    <li><a href="#">قائمة4</a></li>

    <li><a href="#">قائمة منسدلة</a>

      <ul class="hidden">

        <li><a href="#">منسدلة1</a></li>

        <li><a href="#">منسدلة2</a></li>

        <li><a href="#">منسدلة3</a></li>

        <li><a href="#">منسدلة4</a></li>

      </ul>

    </li>

  </ul>

</nav>

كود الـ css 

nav {

  font:15px 'DroidKufi-Regular', tahoma ,arial;

  background-color:#313131;

}

@font-face {

font-family: 'DroidKufi-Regular';

src: url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.eot');

src: url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),

url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.woff') format('woff'),

url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.ttf') format('truetype');}

nav,

nav * {

  display:block;

}

nav #tombolmenu {

  display:none;

}

nav ul,

nav li {

  padding:0;

  margin:0;

  list-style:none;

}

nav ul {

  height:30px;

}

nav li {

  float:right;

  position:relative;

}

nav li a {

  display:block;

  padding:0 10px;

  color:white;

  text-decoration:none;

}

nav li:hover > a {

  background-color:#1D8FC5;

}

nav li ul {

  position:absolute;

  background-color:black;

  height:auto;

  width:160px;

  display:none;

}

nav li:hover ul.hidden {

  display:block;

}

nav li li {

  float:right;

}

@media only screen and (max-width:600px) {

  nav #tombolmenu {

    display:block;

    padding:0 15px;

    background-color:black;

    text-decoration:none;

  }

  nav #tombolmenu.active {

    background-color:#1D8FC5;

    color:white;

  }

  nav ul {

    height:auto;

    display:none;

  }

  nav li {

    float:right;

  }

  nav li ul {

    width:100%;

  }

}

اتمنى ان تنال اعجابكم وتستفيدو من القائمة

في امان الله

افضل 5 مواقع لعمل شعار ناجح مجاناً !

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

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

الموقع الاول

logoease 

الموقع الثاني

logomaker 

الموقع الثالث

logodesignengine

الموقع الرابع

logoyes 

الموقع الخامس والاخير

freelogoservices 

اتمنى ان تستفيدو من المواقع 

في امان الله