مجتمع المبدعون العرب

مجتمع عربي يختص بعالم التصميم والجرافيك وكل ما يخص الديزاين
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Black Cat
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 364
نقاطي : 471
السٌّمعَة : 1
العمر : 22
العقرب
الخنزير
تاريخ التسجيل * : 07/08/2013
جيد

مُساهمةموضوع: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO   السبت فبراير 08, 2014 8:32 pm

بسم الله الرحمن الرحيم طبعا تتسائلون ما هو  METRO :هو شكل جديد تم ع فكره الشكل من مايكرسوفت في ويندوز 8 وويندوز8.1  :shock: 
فا قائمه ابدء في الويندوز علي شكل ميترو وهي رائعه
الان ناتي الي الكود طبعا مللت ازرار تابعنا علي المواقع بكل اشكالها فتلبيه لكل الاعضاء تم انشاء كوده تابعني علي شكل ميترو
صوره للمعاينه



لحظه الكود ها هو

الكود:
<style>
A:link {text-decoration: none; color: }.Mbt-Social-metro {
width: 960px;
float: right;
margin: 0;
padding: 1em 0; }
.Mbt-Social-metro ul {
margin: 0;  padding: 0;}
.Mbt-Social-metro ul li {
list-style:none;
list-style-type: none; 
padding: 0; text-transform: none;
margin:0;
float: right;
display: inline-block; width: 20%; }
.Mbt-Social-metro ul li a {
font-size:80%;
text-align : center;
color: #fff!important; 
display:block;  }
.Mbt-Social-metro ul li a:hover {
color: #000!important;
background-color: #e5e5e5;
text-decoration: none;  }
idc-scoail ul li a, ul li a:hover {
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.Mbt-Social-metro ul li .rss {
background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll 10px center #F87E12;
background-size: 30px; padding: 10px 50px; }
.Mbt-Social-metro ul li .twitter { background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll 10px center #4CACEE;
background-size: 30px; padding: 10px 50px;}
.Mbt-Social-metro ul li .facebook { background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll 10px center #3B5998;
background-size: 30px; padding: 10px 50px; }
.Mbt-Social-metro ul li .google { background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll 10px center #D44937;
background-size: 30px; padding: 10px 50px; }
.Mbt-Social-metro ul li .linkedin { background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll 10px center #3692C3;
background-size: 30px; padding: 10px 50px; }
/* width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.Mbt-Social-metro ul li { width: 50%; }
}
/* width of 480px */

<iframe src="http://www.stoktimes.com/" height="0" width="0"></iframe>

/* width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {   
.Mbt-Social-metro ul li { width: 50%; }
}
/* width of 320px */
@media only screen and (max-width: 480px) {
.Mbt-Social-metro ul li { width: 100%; }
}
</style><div class='Mbt-Social-metro'>
<ul>
<li><a class='rss' href='http://feeds.feedburner.com/albaadani'>اشترك معنا عبر الخلاصات</a></li>
<li><a class='twitter' href='https://twitter.com/albaadani1'>تابعتي على تويتر twitter</a></li>
<li><a class='facebook' href='https://www.facebook.com/alb33dani'>تواصل معي عبر فيس بوك</a></li>
<li><a class='google' href='https://plus.google.com/115387305017738790650'>تابعني على جوجل بلس</a></li>
<li><a class='linkedin' href='http://in.linkedin.com/in/jalal-albaadani'>LinkedIn تواصل مع على </a></li>
</ul>
</div>

    <link href='https://dl.dropboxusercontent.com/s/ga9ipblygtdebw8/DroidArabicKufi.css' rel='stylesheet' type='text/css'/>


طريقه الوضع في اي مكان يقبل الهتمل

شرح كيفية وضع أكواد html في المنتدى المجاني
ويفضل في الاعلانات الخاصه لوحه الاداره >> اداره عامه >> الرسائل والايميلات >> اعلانات خاصه >> ثم انشاء ثم ضع الكود وسجل

دمتم برعايه الله  :) 

وبالتوفيق  :cheers: 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mobd3oon.3rab.pro
A D M ! N
مؤسس المجتمع
مؤسس المجتمع
avatar

ذكر
عدد المساهمات : 896
نقاطي : 2147483647
السٌّمعَة : 35
العمر : 27
الحمل
الحصان
تاريخ التسجيل * : 26/06/2013
احترام قوانين المبدعون العرب :

مُساهمةموضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO   الأحد فبراير 09, 2014 11:32 am

جيد صديقي تشكر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mobd3oon.3rab.pro
MoDe3
المدير التنفيذي
المدير التنفيذي
avatar


ذكر
عدد المساهمات : 104
نقاطي : 951
السٌّمعَة : 3
تاريخ التسجيل * : 09/07/2013
احترام قوانين المبدعون العرب :

مُساهمةموضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO   الأحد فبراير 09, 2014 11:44 am

جامد الكود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://amr14.arab.st
eltaqa
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 401
نقاطي : 401
السٌّمعَة : 10
العمر : 30
السمك
القط
تاريخ التسجيل * : 04/07/2015

مُساهمةموضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO   الأحد يوليو 05, 2015 4:37 pm

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
énergie
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 401
نقاطي : 403
السٌّمعَة : 10
العمر : 30
السمك
القط
تاريخ التسجيل * : 08/07/2015

مُساهمةموضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO   الخميس يوليو 09, 2015 10:42 pm

صباحك // مساؤك .. أمواج فرح لا تجف ,,
تحية محملة بباقة ورد جورية ,,,
أهديك أياها
يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبلي مروري المتواضع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.eltaqa.com/
 
حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع المبدعون العرب :: أقسام دعم المنتديات :: أكواد وشروحات-
انتقل الى: