اخر المواضيع
قريباً مجموعة خطوط عربية رائعة
Written By Unknown on الاثنين، 24 مارس 2014 | 1:52 م
قريباً ينقدم لكم مجموعة خطوط حصري ورائعة لتستفادو منها في تصاميمكم
قريباً سيقدم لكم ملحقات لمطوري المواقع
قريباً سيتم وضع لكم مجموعة كبيرة من ملحقات لمطوري المواقع وذالك من خلال مساعدتكم في التطور وهي تكون مجموعات بصيغة psd او قوالب HTML
كيف تختار افكار مناسبة لتصاميمك
كيف تختار افكار مناسبة لتصاميمك وجعلها تتميز عن البقية كل هذا واكثر سوف تجده في هذه التدوينة
اهتم باصغر التفاصيل في التصميم
على كل مصمم ان يهتم بكل جزة في تصميمة حتى وان كان الجزء صغيراً او غير واضح فيجب على المصمم ان يحسب له الحساب ولايتركه
اضافة ازرار المواقع الاجتماعية بشكل احترافي
Written By Unknown on الأحد، 23 مارس 2014 | 3:47 م
السلام عليكم ورحمة الله وبركاته
حبيت اقدم لكم اضافة حصرية لاتجدونها فقط على مدونة احتراف بلوجر وهي ازرار المواقع الاجتماعية بشكل احترافي وانيق وبسيط
طريقة تركيب الاضافة
. نذهب الى لوحة التحكم
. ثم الى التخطيط
. ثم اضافة اداة جافاسكربت 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>
غير مابلون الاحمر الى الروابط الخاصة بك
اضغط على حفظ ومبروك عليك الاضافة
اتمنى ان تنال اعجابكم الاضافة
في امان الله
حصريا قائمة احترافية لمدونات بلوجر
Written By Unknown on السبت، 22 مارس 2014 | 8:46 ص
السلام عليكم ورحمة الله وبركاته
اليوم حبيت اقدم لكم قائمة احترافية وانيقة وبسيطة لمدونات بلوجر
لمعاينة القائمة
لمعاينة القائمة
كود الـ 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 مواقع لعمل شعار ناجح مجاناً !
السلام عليكم ورحمة الله وبركاته
اليوم حبيت اقدم لكم افضل خمس مواقع لصنع شعار مجاناً لان الكثير الايعرفون العمل على برامج التصميم لهذا حبيت اضع بين ايديكم هذه المواقع
الموقع الاول
الموقع الثاني
الموقع الثالث
الموقع الرابع
الموقع الخامس والاخير
اتمنى ان تستفيدو من المواقع
في امان الله
