بحث

السبت، 15 ديسمبر 2012

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

8:09 ص  Hady store  لا يوجد تعليقات







ازرار مصممه بعنايه مع اكود 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>
 
 
الان غير ما باللون الأحمر بروابط مدونتك وما باللون الأزرق بأسماء الروابط












اقرء المزيد

الجمعة، 14 ديسمبر 2012

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

3:36 ص  Hady store   1 تعليق







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

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

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

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

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


المصدر: it-girl

 psd

 1.07 MB














اقرء المزيد

الأربعاء، 12 ديسمبر 2012

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

9:29 م  Hady store  لا يوجد تعليقات





من مدونة مدون نقدم لك الآن ملف psd به شجرة أيقونات المواقع الاجتماعيه
بخلفيه داكنه للملف به وسائل الاتصال ايقونات منوعه ايقوانت تحميل هذا الملف 
أيقونات اجتماعيه بشكل رائع حمل الان الملف شجره ايقونات المواقع الاجتماعيه
من مدونة مدون يمكنك ايضا تغير اى لون خلفيه الايقونات او اى شئ تريده
فقط انت تحتاج بعض المعلومات البسيطه عن الفوتوشوب لتفعل هذا بنفسك
  1. المصدر : غير متوفر الآن
  2. نوع الملف: psd
  3. حجم الملف تقريباً:1،62 MB
 


اقرء المزيد

الثلاثاء، 11 ديسمبر 2012

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

7:47 م  Hady store  لا يوجد تعليقات





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


عدد الملفات : 1
الصيغ المتوفرة : PSD
حجم الملف : 2.78 ميجابايت
المصدر : Mathieu Berenguer 
filebox

180upload


اقرء المزيد

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

4:56 ص  Hady store  2 تعليقات



كود تابعنى عبر الشبكات الاجتماعيه بشكل رائع وجميل حيث يظهر مدونتك بشكل افضل 
عن باقى الاضافات هذه الاضافه مميزه حقاً جربها بنفسك وهى تضم الفيس بوك تويتر
جوجل بلس تغذيه المدونة واليوتيوب عند مرور الماوس عليها تنبثق قليلاً الى الامام 


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

تصميم

أضافة أداة 

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

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


<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRrMMjxYXwSZNU2ZJs7fvO0tTFMKPfxuTFWmlY7prgvEPly95VtJRKRYG3ChFg0KGamo12bW-LwyldvbjaqjW-XdqvMxCAac3YCbZC_FVwScgUbdom6DI60VhvplAVV_LYC5u-65hAjQo/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbXgoVsPSpnGMzwLIZMsnbNeE4618BTbQpEULBPLFZKpPlOPs75ChE7xjl4mf-556qBaZuVnlzeWm8IUQiyCKajFMDsZ1Z6SrjAToqaSVoCX5s0xFUs2UpBIpVeKTFd6wzMNmi_C-vG2E/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2o6QIJUif3kAX5HTGbzCBvcOIdu0uOHPo6uxksPIcCHTq17Cy2lBeCVhTcuO3LntL1p-50PXtJZe_amgJ91sl2SrCiDU6K7HMTa_-3trlBys0SxTuSLspRavlk3Qqqqec4BDDf6mvx0/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQBV6TJ6gHlCPjUhcOnxfmqCbcXxkut2OJQ45CstHu0NR75hnX7PcHn_rRHGuNs8oe2JNY30wodJ75TxWL7F7V4mE3cR0XZStSTjvH4Uc8Bx1RrsHuHtV9edG3FDXWD9PYAIqwqbOtMtY/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SVizUDaEta3O4EQO54Fcv2oc8hvns5mihf_XwDZ5ZOObzMO371YRmA5_p7B1FboPpnRXWduJY03Yii7bcL2kuD58-FQicZ7obKw5bc4Eq6u3NC-OpnuGSrrY2ZsklEpcXPYtWNZYIjw/s1600/YouTube-icon+%25281%2529.png" /></a>
</div>
</div>







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

 

اقرء المزيد

الأحد، 9 ديسمبر 2012

عرب قالب مدونتك بالكامل مع مدونة مدون فقط

6:34 م  Hady store  3 تعليقات







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

ولكن ببعض الشروط



  1. تكون من متابعى المدونة  
  2. تترك لى اسمك اثناء التعليق
  3. انتظر حتى يتم تعريب قالك
  4. المده سوف تكون من 2:3
  5. اترك رابط مدونتك يكون رابط مباشرا





اقرء المزيد

الجمعة، 7 ديسمبر 2012

تحميل قالب Johny Ember المعرب والمطور

6:12 ص  Hady store  3 تعليقات





تحميل قالب Johny Ember المعرب والمطور من مدونة مدون
قالب رائع وجميل من حيث الالوان والمظهر قالب يستحق التجربه
به ايقونات المتابعه بشكل رائع css وبه ايضا قائمه علويه وقائمه سفليه 
وبه فوتر يحتوى على ثلاثه اعمده وعرض المشاركات الشائعه
بشكل مميز وبه مربع مشاركه الموضوع اسفل كل تدوينه 
وايضا به جميع اكواد الميتا تاج كامله ولكن عدل عليها بما يناسبك









 



اى استفسار بخصوص التعديل على القالب موجود انشاء الله




اقرء المزيد

الثلاثاء، 4 ديسمبر 2012

تحميل باترنات خشبية سلسة – Seamless Wood Patterns

8:10 م  Hady store  لا يوجد تعليقات





ستة باترنات خشبية سلسة بتصميم راقي ودقيق باترنات رائعه
ومصممه بدقه واحتراف وذو جوده عاليه حملهم الآن
وجربهم بنفسك  ..



 
عدد الباترنات : 6
الصيغ المتوفرة : PAT
حجم الملف : 2.47 ميجابايت
المصدر : Inspiiired









اقرء المزيد

السبت، 1 ديسمبر 2012

تحميل خط هند – Hend Font

8:28 ص  Hady store  لا يوجد تعليقات





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





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















الخط : 2 



TTF




72.4 كيلوبايت






اقرء المزيد

الجمعة، 30 نوفمبر 2012

ازرار المشاركه تنزلق عند الضغط عليها بشكل رائع لمدونة بلوجر

8:35 ص  Hady store  لا يوجد تعليقات





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









1-اذهب إلى لوحه التحكم>القالب
2-اضغط تحرير html
3-اضغط زر تابع
4-ثم ابحث عن الكود التالى



</head>


ثم اضف هذا الكود قبله /فوقه مباشرة

<script type="text/javascript" src="http://mdwanblog.blogspot.com/js/300/addthis_widget.js"></script>


ثم ابحث عن هذا الكود

</body>


ثم اضف هذا الكود قبله-فوقه مباشرة
<!-- http://mdwanblog.blogspot.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>
        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>
    </ul>
</div>
<!-- http://mdwanblog.blogspot.com slideout widget : END -->
اتمنى انى اكون وفقت فى شرحى فى رعايه الله

اقرء المزيد
Twitter Delicious Facebook Digg Stumbleupon Favorites More