بحث

الاثنين، 25 فبراير 2013

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




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

أهلا بكم إخوانى زوار ومتابعين مدونتكم مدونة مدون 
اليوم هو راندر للـ اللاعب المعروف والمحبوب كرستيانو رونالدو-Cristiano-Ronaldo
الصورة تم قصها بواسطتى وأتمنى أنها تعجبكم وتفيدكم إن شاء الله الصورة بدقة عالية 
حجم الصورة 2560x1600 px ستفيدكم كثيراً إن شاء الله لأصحاب التصميمات 
الرياضية 







الأحد، 17 فبراير 2013

خدمة التعديل على القوالب فقط وحصرى من مدونة مدون





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

أهلا بكم إخوانى زوار وأعضاء مدونة مدون الكرام ..
هذة الخدمة فترة محدودة فقط هل لديك قالب...؟
هل تريد تعديل شئ ما بة...؟
تريد تغيير الوانة،شكل القائمة،إضافة فوتر،تغير إتجاة الأعمدة 
أى شئ فى قالبك تريد تغييرة أو تحزفة نحن نقوم بذلك 
فقط مع مدونة مدون الآن تستطيع تطوير قالبك إلحق لان الخدمة 
محدودة لأيام قليلة ...


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


الجمعة، 15 فبراير 2013

تحميل الأيقونات المتميزة أيقونات أيدرويد إس – iDroid S Icons

تحميل أيقونات iDroid S Icons ألأيقونات المميزة والبسيطة بتصميمها 
الرائع أصبحت الآن متوفرة للتحميل الأيقونات كاملة عددها 58 أيقونة 
بأشكال والوان مختلفة تفيد المصممين أيقونات
مربعية الشكل تحت إسم أيدرويد الإصدار S لطيفة جداً ، تستحق التحميل




الخميس، 14 فبراير 2013

تحميل أزرار ويب بسيطة بتصميم شيك فى ملف psd





الشكل اللطيف والشيك بالوانة البسيطة والجزابة أزرار الويب 
بشكل والوان رائعة فى ملف (psd) بروابط مباشرة وسريعة 
للتعديل عليها سهل كثيراّ ولكن يتطلب فقط أن يكون موجود لديك 
برنامج الفوتوشوب لكى تتمكن من التعديل على الملف لكى 
يناسبك أزرار ويب بسيطة بلونين الأبيض والأسود بدقة عالية في التصميم
 




الأربعاء، 13 فبراير 2013

تحميل خلفية كوستوا – Coasto Wallpaper




تحميل خلفيات 2013 للـ كمبيوتر اللطيفة بالوان هادئة ولطيفة كثيراً من مدونة مدون
أصبحت الآن متوفرة للتحميل بروابط مباشرة وسريعة 
خلفية كوستوا ، من أرقى خلفيات جو البحر بجودة عالية وبأكثر من حجم ، تستحق التحميل 
Background Coasto Wallpaper











إستايلات Serious Styles الإحترافية للتحميل






إستايلات خطيرة – Serious Styles الأكثر إحترافية والنادر جداّ تحميلها من على الإنترنت
ألآن مدونة مدون توفرها لك الأستايلات الأكثر إحترافية بتصميمها الرائع والبسيط 
والألوان الجزابة ستة إستايلات بتصميم جزاب يستحق التحميل حملهم الآن برابط مباشر
فقط من مدون إستايلات تستحق التحميل حقاّ












السبت، 9 فبراير 2013

6 أيقونات للحلوى بشكل جميل ولذيذ متوفرين للتحميل


6 أيقونات للحلوى بشكل جميل ولذيذ يستاهلو الأكل بجد بجودة 
رائعة 100x100 حجم الأيقونة متوفرة الآن على مدونة مدون 
للتحميل ماذا تنتظر إختر سرفرك المفضل ثم وقم بتحميلهم 
فقط وحصرى على مدونة مدون وبس .


حجم المف تقريباً / 160kb
نوع الملف / png
عدد الملفات / 6




الجمعة، 8 فبراير 2013

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




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

الجواب باين من عنوانة هذة التدوينة جئت بها اليكم بها بعد تطويرها حيث أنها تاخد شكل لطيف 
لهذة اللوحة وهى تضم فيس بوك،تويتر،rss، ايضاً القائمة البريدية شكل لطيف
ورائع وإحترافى لن تجدة إلى فى مدونة مدون فقط .




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


<html>
<head>

<style>

</style>
</head>
<body>

<!--تم تطوير الإضافة بواسطة مدونة مدون-->
<!--http://mdwanblog.blogspot.com/-->
<div class="widget-content">
<div class="lefts">
    <h1><strong>تابعنا ليصلك كل ما هو <b>جديد</b><b></strong></h1>
    <div class="social">
    <a rel="nofollow" target="_blank" href="1111"><img src="http://img829.imageshack.us/img829/9886/rssiconrw.png"></a>

    <a rel="nofollow" target="_blank" href="2222"><img src="http://img221.imageshack.us/img221/8408/twittericonf.png"></a>

    <a rel="nofollow" target="_blank" href="3333"><img src="http://img16.imageshack.us/img16/8030/facebookicona.png"></a>

    </div>

    <div class="ins">
        <center>
        <div id="sleek-subscribe">
        <form action="4444" method="post" rel="nofollow" target="_new">
    
        <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد">
    
        <input class="btn2" type="submit" value=" ">
        </form>
        </div>
        </center>
    </div>

</div>
<!--تم تطوير الإضافة بواسطة مدونة مدون-->
<!--http://mdwanblog.blogspot.com/-->
<style>
.lefts{
width:300px;
height:182px;
background:url(http://img266.imageshack.us/img266/3515/leftyb.png);
}

.lefts h1{
color:#000000;
margin:0;
text-align:center;
font:17px  'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}

.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:green;
}

.lefts .social{
margin-right:50px;

}


.lefts .social a img{
float:right;
margin-right:10px;
margin-top:8px;

}



.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:1px;
}

.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:red;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
    width: 175px;
}


.lefts .ins .btn2{
background:url(http://img217.imageshack.us/img217/870/subo.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}




</style>
</div>
</body>

</html>


الآن ناتى إلى التغيرات الواجب تغيرها لتناسبك

  1. اللون      غيرة برابط التغذية 
  2. اللون      يمثل رابط صفحتك على تويتر
  3. اللون      يمثل رابط صفحتك على فيس بوك
  4. اللون      يمثل الإشتراك فى قائمتك البريدية


تنبية| رجاء رجاء رجاء عدم حزف الحقوق من الكود


الثلاثاء، 5 فبراير 2013

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





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


                                            صورة موضحة للشريط                                        









السبت، 2 فبراير 2013

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






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






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



<!-- بداية كود الاعجاب -->

<style type="text/css">

#topbar{
position:absolute;
border: 1px solid black;
padding: 4px;
background-color: white;
width: 150px;
visibility: hidden;
z-index: 0;
}

</style>

<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 4 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div id="topbar">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <thead> <tr> <td class="tcat"> <a style="float:left" onclick="return toggle_collapse('quickregister')"></a> <strong>

<span lang="ar-sa">تابعنا على فيس بوك</span></strong> </td> </tr> </thead> <tbody id="collapseobj_quickregister" style=""> <tr> <td class="alt1" align="center"> <span class="smallfont"><script type="text/javascript" src="clientscript/vbulletin_md5.js"></script> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=382"></script> <form action="http://www.shbabelyom.com/register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);"> <input type="hidden" name="s" value="c57548fc566e37c8e11103abdf95594d" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="addmember" /> <input type="hidden" name="url" value="" /> <input type="hidden" name="agree" value="" /> <input type="hidden" name="password_md5" /> <input type="hidden" name="passwordconfirm_md5" />


اضغط على اعجبني - like ليصلك كل ما هو جديد <span lang="ar-sa"> </span><br /><br />

<img border="0" src="http://store2.up-00.com/Jan12/eKm76891.gif" />
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/mdwanblog&amp;layout=button_count&amp;show_faces=true&amp;w idth=90&amp;action=like&amp;font=arial&amp;colorsc heme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowtransparency="true"></iframe>
</form> </span></td> </tr> </tbody> </table></div>

<!-- نهاية كود الاعجاب -->



مع تغير اللون      برابط صفحتك على الفيس بوك

حصريا صمم بدون تحميل برنامج الفوتوشوب - فوتوشوب على النت

 حصريا صمم بدون تحميل برنامج الفوتوشوب - فوتوشوب على النت

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


  http://cutt.us/mdwanblog-GmE



برعاية mR.pro

الاثنين، 28 يناير 2013

قائمة فى قمة الإحترافية بالوان رائعه css



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





أو خطوة هى - إذهب إلى لوحة التحكم الرئيسية - قم تحرير html
إبحث عن هذا الوسم
<style>

وضع أسفلة هذا الكود


#cssmenu{ height:37px; display:block; padding:0; margin: 0; border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:right; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); }
#cssmenu{border-color:#000;}
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{background:#111;}


الخطوة الثانية والأخيرة إختار اضافة اداة جافاسكريبت ويمكن وضعها فى أى مكان بمدونتك
وضع الكود التالى
<!--تم برمجة الكود بواسطة مدونة مدون-->
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>الرئيسية</span></a></li>
<li class='has-sub'><a href='#'><span>مدونة مدون</span></a>
<ul>
<li><a href='#'><span>قوالب بلوجر</span></a></li>
<li class='last'><a href='#'><span>اضافات بلوجر</span></a></li>
</ul>
</li>
<li><a href='#'><span>عن المدون</span></a></li>
<li class='last'><a href='#'><span>فوتوشوب</span></a></li>
</ul>

التغييرات
  1. مكان اللون     قم بوضع الرابط الخاص بك
  2. مكان اللون     قم بتغيير إسم القوائم كما يناسبك
يمكنك أيضا زيادة هذا العدد وهو تكرار هذا الكود عند الحاجة
<li class='last'><a href='#'><span>فوتوشوب</span></a></li>
قم بنسخة وضع قبل هذا الوسم </ul>
 
 
أتمنى إنى أكود قد أفدتكم




الأحد، 27 يناير 2013

5 أيقونات فى قمة البساطة والإحترافية مقدمة من مدون


5 أيقونات لبعض المواقع الإجتماعية قمة البساطة والأناقة والإحترافية 48x48
حملهم الآن من مدونة مدون بروابط مباشرة وسريعه ماذا تنتظر نترككم مع التحميل

معلومات عن الملحق

نوع الملف/png
العدد/5 أيقونات
الحجم/48x48








السبت، 26 يناير 2013

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





السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا بسيط من مدونة مدون عن كيفية اضافة خطوط الويب خطوط عربية من جوجل لمدونات بلوجر وهذه الخطوط شغالة على جميع المتصفحات ومن افضل الخطوطhttp://mdwanblog.blogspot.com/ الموجود العربية خط الكوفي وهو من أفضل الخطوط
على الإطلاق لانة يتميز بوضوحة وأيضا يظهر لجميع المتصفحات والآن لطريقة التركيب وهى سهلة جداً.


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

<head>

وضع تحته مباشرة هذا الكود


<link href='رابط الخط' rel='stylesheet' type='text/css'/>


رابط الخط نحصل عليه مثل هذا المثال
نفترض ان نريد خط Droid Arabic Kufi ننسخ الرابط بالطريقة التالي مثل ما هو موجود في المربع

http://fonts.googleapis.com/earlyaccess/droidarabickufi.css

ليصبح الرابط بالشكل التالي

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

والخطوة الاخيرة وهي ادراج الخط ضمن المدونة ننسخ اسم الخط Droid Arabic Kufi ونبحث عن Font-family سيكون موجود بجانبه اسماء لخطوط مثل Arial, Helvetica, Sanserf الخ.. واستبدل الخط الذي تريده بالخطوط الموجود لديك 
واذا اردت الخط لكل المدونة كل ما عليك هو البحث عن الكود التالي body ليبح بالشكل الاتي


body { font-family: 'Droid Arabic Kufi', tahoma ,arial; }



المصدر|مدونة محمد عماد

الثلاثاء، 22 يناير 2013

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


أهلا بكم إخوانى ...

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





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


ضع أحد الكودين التاليين بالمربع

<div align="center"><a href="http://twitter.com/mdwan_blogger"><img src="http://twitterbuttons.sociableblog.com/images/Twitter_Badge_4.png" title="تابعنى على تويتر" width="250" height="170" border="0" /></a><br /></div>

<div align="center"><a href="http://twitter.com/mdwan_blogger"><img src="http://twitterbuttons.sociableblog.com/images/Twitter_Bar_3.png" title="تابعنى على تويتر" width="200" height="90" border="0" /></a><br /></div>

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

Twitter Delicious Facebook Digg Stumbleupon Favorites More