شرح تصميم أزرار إحترافية لمدونتك

بسم الله الرحمن الرحيم

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

هذي أضافة حلوه وأعجبتني وطبقتها وحبت أشرحهاوهو تصميم زر 

إحترافى أون لاين بدون العناء فى أى شئ أنت تختار الألوان والأبعاد

وكل شئ هذة الفكره أعجبتنى كثيراً لان الكثير لا يتقن الفوتوشوب

جيداً فهذا يسهل عليهم تصميم بنر حسب رغبتهم يتحكمون فى كل شئ

مثل ما ذكرت .

الان نتوجه إلى صلب الموضوع أولى أدخل على الموقع التالي

إلى الموقع

بعد الدخول إلى الموقع أضبط ألوان وشكل الزر كما تريد 

وببعد الانتهاء من ضبط الالون والشكل أضغط على الزر الي عملته 

ثم أنظر أسفل مكان الزر سوف تجد فراغان الاول صغير والثاني كبير أنسخ الكود الي بالفراغ الكبير

ثم توجه إلى تصميم >> تحرير html

أبحث عن الوسم التالي " ]]></b:skin> "

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

سوف تكون بهذا الشكل

"<a href="#" class="myButton">my button</a>"

بمكان علامة المربع أضف الرابط وبمكان "my button" أضف الاسم الظاهر لزر

مثال

"<a href="http://mdwanblog.blogspot.com/" class="myButton">مدونة مدون</a>"

تابع القراءة

كود الإعلانات بشكل جديد ومساحات مختلفة لمدونات بلوجر

كود الإعلانات البنرية بشكل جديد ومطور من صنعى فقط من مدون

الكود يظهر الإعلانات بشكل جديد غير العادى وايضاً بمساحات

مختلفة غير المساحه 125x125 لقد غيرت هذة المساحه بمساحه أخرى

لتعطى شكل جزاب وأفضل للمدونة وشكل الإعلان جيد لا يأخذ مكان فى المدونة

وشكله طولى يمكنك وضعه فى أى مكان فى المدونة ولكن ننصح بأنك تختار أداه

يكون العرض مساحته كبيرة حتى يظهر الكود كامل لقد صنعته ليس عمودى 

حتى لا يأخذ مكان كبير من المدونة شاهد الصوره التالية 

هذا هو شكل الكود بسيط ورائع ولا يأخذ مكان 

 

لوحة التحكم الرئيسية > التخطيط > إضافة اداة جافاسكريبت

 <!-- http://mdwanblog.blogspot.com/  -->
<div align="center">
<table border="2px "  cellpadding="2" cellspacing="6" width="50%" bgcolor="#ffffff">
<tbody><tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>


<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="180" src="http://img515.imageshack.us/img515/7149/88858688.gif" title="أعلن هنا" height="72" /></a></center></td>


</tbody></table>

</div>

<!-- http://mdwanblog.blogspot.com/  -->

ملحوظة/ المساحه المستخدمة هى 180 عرضاً و 72 طولاً

"الآن مع الالوان وتغير الكود ليناسبك"

1.       يمثل رابط صورة المعلن لديك
2.       يمثل إسم الموقع المعلن لديك
3.       يمثل رابط / وصله الموقع
4.       يمثل وصف الإعلان إذا أحببت ذلك

إذا إستفدت من الموضوع فلا تحرم غيرك من الإستفادة

تابع القراءة

خدمة أطلب تصميمك تعود من جديد سارع بحجز طلبك

بسم الله الرحمن الرحيم 

أهلا بكم جميعا وأتمنى أن تكونوا بخير ....

فى تدوينة سابقه قدمت هذه الخدمة واغلقت بعد عدة أيام شاهدها من هنا

ولكن الآن نفس الخدمة ونفس الشروط تقريباً هذه الخدمة تقدم مجاناً من مدونة مدون فقط 

ومن إسمها خدمة أطلب تصميمك سواء/بنر إعلانى بكل الأحجام - نموذج أعلن هنا - أو هيدر

بجميع الأحجام ،نحن نوفر لك هذا تصميم جيد وإحترافى والآن مع الشروط البسيطة للخدمة

مميزات الخدمة

تصميم جيد / إحترافى / أقل وقت

الشروط

1. أثناء التقدم بطلب تصميم أترك رابط مدونتك
2. إسم مدونتك
3. مجال المدونة / الموقع
4. أبعاد التصميم 
5. نوع التصميم (حدد نوع تصميمك)
6. الطلب سوف يكتب على صفحه المدونة عبر الفيس بوك لتصميم أسرع فى الوقت
7. رابط صفحتنا على الفيس بوك هــــنا

دمتم بخير

تابع القراءة

نبذه عن الكاتب بشكل جديد ورائع لمدونات بلوجر

يوجد الكثير فى مدونات بلوجر اضافه نبذة عن الكاتب أسفل كل تدوينة ولكن هذة الاضافه 

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

كل تدوينة ويمكنك التحكم فى العرض او اللون او أى شئ آخر تريد التعديل عليه على الكود

المخصص لذلك وهو الـ css سوف أضع لك علامات على الأشياء الهامة الذى تعدل عليها إذا أردت

ذلك مثل العرض الارتفاع أشياء كهذا.

• الخطوة الأولى تركيب الـ css

1. الذهاب إلى لوحة التحكم الرئيسية> تصميم> تحرير HTML.
2. ننصح بأخذ نسخه إحتياطية لتجنب أى أخطاء لا قدر الله
3. ثم إبحث عن ]]></b:skin>

وضع الكود التالى فوقه 

.author_info {
 float: right;
 width: 520px;
 padding: 10px;
 border: 5px double #000000;
 margin-bottom: 15px;
 margin-top: 15px;
 background: #FCDFFF;
        font-family:verdana;
       

       
}
.author_info h3 {
 margin-bottom: 10px;
        font-family:consolas;
       
       
}
.author_photo {
 float: right;
 margin: 15 5 6 15px;
}
.author_photo img {
 border: 1px dashed #4C7D7E;
}

• الخطوة الثانية إضافه القطعه

والآن نبحث عن <div class='post-footer-line post-footer-line-1'/>

ثم إلصق الكود التالى أسفله 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://img801.imageshack.us/img801/8797/32834310.png'/ height="110" width="120"></div>
                   
                                       

                   <div align="center"> <h3><p> مدونة مدون تهتم ببلوجر والفوتوشوب من دروس واضافات وهاكات وايضاً ملحقات الفوتوشوب ،خطوط،أكشنات،إستايلات،أيقونات،كل شئ عن الفوتوشوب ملحقات إحترافية </p><h3>
                   </div>
                  
                   <div align="center"><p>تابعنى على  <a href='http://twitter.com/mdwan_blogger'>تويتر</a> أو <a href='http://www.facebook.com/mdwanblog'>فيس بوك</a><br</p></div>
                   <!--http://mdwanblog.blogspot.com/-->




</b:if>

1. الآن مع الجزء الذى سيتم تغييره بما يناسبك 
2.       هذا اللون غير رابط الصوره بما يناسبك 
3.       غير هذا اللون بنبذة عنك أو عن مدونتك
4.       غير هذا اللون بإسم صفحتك على الفيس بوك 
5.       اللون هذا قم بتغير إسم حسابك على تويتر

  

إحفظ القالب

تابع القراءة

الطريقه الأفضل والأسرع لإضافة الـ META TAGS لمدونات بلوجر

بسم الله الرحمن الرحيم

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

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

الميتا تاج عبارة عن نص مخفيه في رأس الصفحة 

وتستخدمه المحركات البحث لإرشفة مدونتك 

ويعتبر الميتا تاج مهم جدا 

شرح طريقة أضافة الكود

أتجه لوحة التحكم الخاص بمدونتك> تصميم>تحريرhtml

أعمل توسيع للقالب

أبحث عن الكود التالــي

<b:include data='blog' name='all-head-content'/>

أضف بعدهـ مبــاشـــــرة 

الكود التالــي

 

<meta content='وصف الصفحة ويفضل يكون قليلاً ' name='description'/>
<meta content='هنا ضع الكلمات المفتاحية " وصف اقسام الموقع بشكل عام " ' name='keywords'/>
<meta content='الكاتب أو المؤلف . ' name='author'/>

 

أستبدل ما بلون الأزرق بما هو مطلوب

وأخيرا حفظ القالب

ميتا،تاج،محرك بحث،كلمات دلالية،بلوجر،تحسين،أرشفة  

تابع القراءة

كود الإعلانات النصية بتقنية الـ css من مدونة مدون

كود الإعلانات النصية بشكل احترافى ومميز ورائع لمدونات بلوجر 

من تصميمى العديد يظن أن هذا صعباً هذا أسهل مما تتصور لقد صممته

لكثرة الطلب علية وكثرة البحث عليه أصبح الآن إستخدامة فى مدونتك بكل سهولة

أيضا أذا اردت تغير شيئا ما فى الكود مثل اللون الهوامش الاطارات او ما شابة ذلك

على حسب رغبتك فقط عدل على الجزء المخصص فى ذلك وهو الـ css

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

ألآن مع الكود وشرح تركيبة على بلوجر وطريقة إستخدامة

1. إذهب إلى لوحة تحكم بلوجر الرئيسية
2. الخطوة الثانية أنقر على تخطيط
3. إختار إضافة اداه html/javaccript 
   

   أولا الكواد الخاص بالـ css

   
   

#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
   
   
}


#navlist a {
    background-color:#CFECEC;
    border: 1px solid #EDEDED;
    font-family: tahoma ;
    font-size: 12pt;
   

    text-decoration: none;
    color:#F6358A;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
   
}
#navlist a:hover {
    background-color:#F660AB;
    border: 1px solid #000000 none;
    font-family: tahoma;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
   
}

ثانياً الكود كاملاً

<html>
<head>
<p>تم تصميم الكود بواسطة مدونة مدون</p>
<title>كود الإعلانات النصية</title>
<style type="text/css">
#navlist {
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    float: center;
    display: block;
   
   
}


#navlist a {
    background-color:#CFECEC;
    border: 1px solid #EDEDED;
    font-family: tahoma ;
    font-size: 12pt;
   

    text-decoration: none;
    color:#F6358A;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
   
}
#navlist a:hover {
    background-color:#F660AB;
    border: 1px solid #000000 none;
    font-family: tahoma;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
    display: block;
    text-align: center;
    line-height: 30px;
    padding-right: 0px;
    margin-right: 0px;
   
}

</style>

</head>

<body>

<!-- إعلانات نصية -->


<ul id="navlist">
<table width="25 %" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
</tr></table>
<table width="25%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" > إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" > إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
</td></tr>
</table></ul>
<!-- / إعلانات نصية -->


</body>
</html>

ثم قم بتغير ما باللون الأحمر بالروابط الخاصه بك

تابع القراءة

تحميل خط مختار خط مربعى رائع التصميم

الآن خط مختار خط جميل وهو مربعى وتصميمه رائع بمعنى الكلمة تستطيع إستخدامة

فى تصاميمك هو خط أكثر سماكه وهو من أجمل الخطوط 

المستخدمه فى التصميمات خط جميل للفوتوشوب حمله الآن وجربه بنفسك 

ولا تتردد فقط حمله ثم ضعه فى حزمه الخطوط الخاصه بك على جهازك 

ثم استخدمه وتمتع بجمال ورعه الخط

 

 

عدد ملفات الخط : 1

الصيغ المتوفرة : TTF

حجم الملف : 38.7 كيلوبايت

المصدر : 2y20

تابع القراءة

فتح باب التبادل الإعلانى النصى فى مدونة مدون

أولاً أهلا بكم جميعاً... 

ثانياً نحن نعلن عن فتح باب التبادل الإعلانات النصية فقط فى مدونة مدون

إعلانك سوف يكون أسفل هيدر المدونة كل ما عليك هو فقط ملئ البيانات المطلوبة

منك ونحن نرد عليك وسوف يتم وضع رابط مدونتك أذا تمت الموافقه عليه 

إقرأ الشروط

1. أن تكون المدونة ذو محتوى جيد وبدون نقل من مدونة/أو موقع آخر دون ذكر المصدر
2. أن تكون المدونة منثقة ومرتبة .
3. لا تحمل المدونة من روابط او وصلات مزعجة للزائر 
4. المدونات التى تتقدم بطلب الإعلان لا تحمل صور نساء او إسائات لأى شخص او اى ديانات أخرى.

البيانات المطلوبة

1. إسم مدونتك 
2. إختصاص المدونة
3. رابط مدونتك

تابع القراءة

كود قائمه css3 بأزرار إحترافيه لمدونات بلوجر

ازرار مصممه بعنايه مع اكود css3/html لاستخدامها فى قالبك انها ازرار ويب رائعه حقاً

الخلفيه التى ترونها هى مجرد زغرفه لتجريب القائمه هى قائمه افقيه وقائمه عموديه يمكنك حزف واحده

منهم حسب رغبتك وتم تصميمها باستخدام التدرجات وباستخدام الـ css3 ولكن ذلك ياتى ستكون متوافقه معك مع قليل

من المتصفحات في فايرفوكس، كروم وسفاري وربما IE8. يبدو غريبا في IE7 والتدرجات لا تعمل في الأوبرا،

 

 

الآن مع مكونات القائمه 

كود الـ css فقط ويمكنك التعديل عليه كما تشاء.

/* Dark Button CSS */
.button {
    outline: 0;
    padding: 5px 12px;
    display: block;
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}
.button:hover {
    color: #fff;
    background: #4C5A64; /* old browsers */
    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */
}
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    color: #fff;
    padding: 6px 12px 4px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}

/* Search CSS: */
.search-input {
    padding: 0 5px 0 22px;
    border: 1px solid #1c252b;
    height: 30px;
    color: #9fa8b0;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}
.search-input:focus {outline: none;}
.search-submit {
    width: 13px;
    height: 13px;
    border: none;
    background: url(mag-glass.png) no-repeat;
    display: block;
    position: absolute;
    left: 26px;
    top: 10px;
    text-indent: -9999em;
}

/* Vertical List: */
.vertical-list {
    list-style: none;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #20282D; /* old browsers */
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */
    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}
.vertical-list .button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #515B62; /* old browsers */
    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */
}
.vertical-list .button:hover {
    background: #5F6B72; /* old browsers */
    background: -moz-linear-gradient(top, #5F6B72 3%, #56646C 4%, #4D5A62 50%, #434D54 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#5F6B72), color-stop(4%,#56646C), color-stop(50%,#4D5A62), color-stop(100%,#434D54)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F6B72', endColorstr='#434D54',GradientType=0 ); /* ie */
}
.vertical-list .button:active {
    padding: 5px 12px;
    top: 0;
    background: #515B62; /* old browsers */
    background: -moz-linear-gradient(top, #515B62 3%, #444E55 5%, #394147 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#515B62), color-stop(5%,#444E55), color-stop(100%,#394147)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515B62', endColorstr='#394147',GradientType=0 ); /* ie */       -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
}

 

 

كود الـ html فقط .

 

<ul class="button-list">
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">الرئيسية</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">عنى</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">قوالب بلوجر</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">مدونتى</a></li>
        <li class="search"><input type="text" class="search-input" name="search" value="بحث" onclick="$(this).val('');" /><input type="submit" class="search-submit" /></li>
    </ul>

 

<ul class="vertical-list">
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">فوتوشوب</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">بلوجر</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">عن مدوّن</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">الارشيف</a></li>
        <li><a href='http://mdwanblog.blogspot.com/
' class='button' onclick="return false;">صفحتى</a></li>
    </ul>

 

 

الان غير ما باللون الأحمر بروابط مدونتك وما باللون الأزرق بأسماء الروابط

تابع القراءة

أيقونة بحث على شبكة الإنترنت بشكل مميز psd

ملف psd يضم أيقونة إحترافيه على شكل رمز بحث على شبكه الإنترنت

شكل الايقونة مثل ما فى أعلى التدوينة الصوره التى تلاحظونها هذه هى الأيقونة

يمكنك تغير اى شئ بها كما تشاء إفتح الملف على الفوتوشوب وإظهر الليرات كامله

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

حمل ألآن .... ماذا تنتظر ...؟

المصدر: it-girl

 psd

 1.07 MB

تابع القراءة

شجرة أيقونات المواقع الاجتماعيه فى ملف psd

من مدونة مدون نقدم لك الآن ملف psd به شجرة أيقونات المواقع الاجتماعيه

بخلفيه داكنه للملف به وسائل الاتصال ايقونات منوعه ايقوانت تحميل هذا الملف 

أيقونات اجتماعيه بشكل رائع حمل الان الملف شجره ايقونات المواقع الاجتماعيه

من مدونة مدون يمكنك ايضا تغير اى لون خلفيه الايقونات او اى شئ تريده

فقط انت تحتاج بعض المعلومات البسيطه عن الفوتوشوب لتفعل هذا بنفسك

1. المصدر : غير متوفر الآن
2. نوع الملف: psd
3. حجم الملف تقريباً:1،62 MB

 

180upload

filebox

تابع القراءة

تحميل ماتيوا نوتباد – Mathieu Notepad

ملف مفتوح المصدر بتصميم نوتباد لطيفة،بشكل أكثر من رائع 

شكل لطيف لها تكتب فيها ما تريد فقط عدل عليها كما تشاء ،

عدد الملفات : 1

الصيغ المتوفرة : PSD

حجم الملف : 2.78 ميجابايت

المصدر : Mathieu Berenguer 

filebox

180upload

تابع القراءة

كود تابعنى عبر الشبكات الاجتماعيه بشكل جديد لم تجده من قبل

كود تابعنى عبر الشبكات الاجتماعيه بشكل رائع وجميل حيث يظهر مدونتك بشكل افضل 

عن باقى الاضافات هذه الاضافه مميزه حقاً جربها بنفسك وهى تضم الفيس بوك تويتر

جوجل بلس تغذيه المدونة واليوتيوب عند مرور الماوس عليها تنبثق قليلاً الى الامام 

فقط لمدونات بلوجر

توجه للوحة التحكم الخاصة بمدونتك

تصميم

أضافة أداة 

وأختار منها الجافا هتمل

أضف الكود التالي داخل الصندوق المخصص لذلك

<style>

#main_cbt_icons {

width:222px;

height:37px;

}

#facebook {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#twitter {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#google_plus {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#rss {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

#youtube {

width:37px;

height:37px;

float:right;

margin:0px;

padding:1px 1px 1px 1px;

}

img:hover {

-webkit-transform: scale(1.1) skewX(2deg) skewY(2deg);

-webkit-transform-origin: 0% 0%;

-moz-transform: scale(1.1) skewX(2deg) skewY(2deg);

-moz-transform-origin: 0% 0%;

-o-transform: scale(1.1) skewX(2deg) skewY(2deg);

-o-transform-origin: 0% 0%;

-ms-transform: scale(1.1) skewX(2deg) skewY(2deg);

-ms-transform-origin: 0% 0%;

transform: scale(1.1) skewX(2deg) skewY(2deg);

transform-origin: 0% 0%;

}

</style>

<div id="main_cbt_icons">

<div id="facebook">

<a href="http://www.facebook.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على الفيسبوك"><img src="http://2.bp.blogspot.com/--QvDoVgwlpI/T9czuJvq0dI/AAAAAAAAAv0/_14V5tk8GzQ/s1600/social-facebook-box-white-icon.png" /></a>

</div>

<div id="twitter">

<a href="http://www.twitter.com/mdonti-n.blogspot.com" target="_blank" title="تابعنا على تويتر"><img src="http://2.bp.blogspot.com/-iu65ymR84i0/T9czv_09TzI/AAAAAAAAAwM/GApdf1SDvrY/s1600/social-twitter-box-white-icon.png" /></a>

</div>

<div id="google_plus">

<a href="https://plus.google.com/mdwanblog.blogspot.com/" target="_blank" title="تابعنا على قوقل بلس"><img src="http://1.bp.blogspot.com/-yKxJvs3MgQg/T9czukoVC1I/AAAAAAAAAv8/-yYrjIeT1qU/s1600/social-google-box-white-icon.png" /></a>

</div>

<div id="rss">

<a href="http://feedburner.google.com/fb/a/mailverify?uri=mdwanblog.blogspot.com/&amp;loc=en_US" target="_blank" title="أشتراك بتغذية المدونة"><img src="http://1.bp.blogspot.com/-0er4uLA1YIk/T9czvZ2sdpI/AAAAAAAAAwE/p2iZlz2H3uA/s1600/social-rss-box-white-icon.png" /></a>

</div>

<div id="youtube">

<a href="http://www.youtube.com/mdwanblog.blogspot.com/" target="_blank" title="شاهد الفيديو"><img src="http://4.bp.blogspot.com/-CPKKJbZKPG0/T9czsRmntKI/AAAAAAAAAvU/UIxJtrQsLdI/s1600/YouTube-icon+%25281%2529.png" /></a>

</div>

</div>

مع أستبدال كل ما أشير له في الكود بلون الأحمر بصفحات مدونتك في الفيسبوك وتويتر وقوقل بلس ويوتيوب وكذلك رابط التغذية

 

تابع القراءة