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


منتدى محبي المنتخب الوطني الجزائري لكل العرب
 

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

اذهب الى الأسفل
كاتب الموضوعرسالة
ali bvb
عضو خبير
ali bvb

الجنس : ذكر
الابراج : العذراء المسآهمآت : 6461
موقعك : لا يوجد
العمر : 26
العمل/الترفيه : طالب
نقآط التميز : 24561

 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Empty
مُساهمةموضوع: ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس  ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Emptyالإثنين 7 يوليو 2014 - 15:42

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



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


[ اسم الشرح ] :ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس
[ الوصف ] :ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس
[ يتوافق مع اي اصدار ] : الجيل الخامص
[ موقع مقدم الشرح ] : ---






شرح ازاي نضيف اي قونات الشبكات الاجتماعية مثل



( فيس بوك - تويتر - يوتيوب - جوجل بلاس ...الخ )


مثال

Lazez - عالم لذيذ


هذه الطريقة مقتبسة من مدونات بلوجر و وردبريس



وتم تجربتها منتديات الجيل الخامس على ونجحت





اولا.الشرح







 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4293



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4294





ثم تعديل اللي في الوسط



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4295



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4296



رقم 1 اسم البلوك مثال - تابعنا على - او - تواصل معنا او اي شي انت تحبه

رقم 2 ضع فيه الكود اللي انت عايزه



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4297





 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4298





 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4299





 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4300



------------------------------------------------------------------------

--------------------------------------------------------------

------------------------------------------------------







ثانيا





اختر الشكل اللي يناسبك



شكل 1



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 4301






رمز PHP:

الكود:
 
<div class="metro-social" style="width: 285px; height: 76px">

<li>

<a class="fb" target="_blank" href="http://www.facebook.com/YOURNAME">

</a></li>

<li><a class="tw" target="_blank" href="http://twitter.com/YOURNAME"></a></li>

<li>

<a class="gp" target="_blank" href="https://plus.google.com/YOURNAME">

</a></li>

<li><a class="yt" target="_blank" href="http://www.youtube.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:120px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}

.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}

.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}

.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}

</style> 



( YOURNAME ) مع تغير







شكل 2



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 274






رمز PHP:

الكود:
 
<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>

<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>

<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:120px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}

</style>

<br> 



( YOURNAME ) مع تغير





شكل 3



 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس 2666






رمز PHP:

الكود:
 
<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>

<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>

<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>

<li><a class="pi" href="http://pinterest.com/YOURNAME"></a></li>

<li><a class="in" href="https://www.linkedin.com/in/YOURNAME"></a></li>

<li><a class="yt" href="http://www.youtube.com/YOURNAME"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:120px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}

.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}

.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}

.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}

.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}

.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}

.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}

</style> 



( YOURNAME ) مع تغير





------------------------------------------------------------------------

--------------------------------------------------------------

------------------------------------------------------



بهذا نكون وصلنا الى اخر الشرح



ارجو ان اكون افدتكم



تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
قزومة الحومة
عضو خبير
قزومة الحومة

الجنس : انثى
الابراج : القوس المسآهمآت : 4285
موقعك : وادي سوف
العمر : 26
العمل/الترفيه : كتابة اشعار + النوم
نقآط التميز : 12874043

 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Empty
مُساهمةموضوع: رد: ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس  ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Emptyالخميس 7 أغسطس 2014 - 10:52

:بارك الله فيك:  :بارك الله فيك:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
PHP
عضو نشيط
PHP

الجنس : ذكر
الابراج : العذراء المسآهمآت : 1061
العمر : 26
نقآط التميز : 5220

 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Empty
مُساهمةموضوع: رد: ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس  ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Emptyالسبت 18 أكتوبر 2014 - 18:12

شكرا لك على الموضوع الجميل و المفيد ♥

جزاك الله الف خير على كل ما تقدمه لهذا المنتدى ♥ 

ننتظر إبداعاتك الجميلة بفارغ الصبر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MERIEM-ADM-
عضو جديد
avatar

الجنس : انثى
الابراج : السرطان المسآهمآت : 52
العمر : 38
العمل/الترفيه : استادة جامعية
نقآط التميز : 3989

 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Empty
مُساهمةموضوع: رد: ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس  ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Emptyالسبت 18 أكتوبر 2014 - 18:31

MERCIIIIIIIIIIIII
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MERIEM-ADM-
عضو جديد
avatar

الجنس : انثى
الابراج : السرطان المسآهمآت : 52
العمر : 38
العمل/الترفيه : استادة جامعية
نقآط التميز : 3989

 ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Empty
مُساهمةموضوع: رد: ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس  ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس Emptyالسبت 18 أكتوبر 2014 - 18:35

الله الموفق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ازرار المواقع الاجتماعية بشكل مترو للمنتديات الجيل الخامس
الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1
مواضيع مماثلة
-
» ترقية المنتدى من الجيل الثالث إلى الجيل الخامس
» كود نافبار المشاركات والمواضيع التي لم يرد عنها بشكل ازرار بلونين
» السؤال الخامس عشر لليوم الخامس العشر من رمضان
» ناااااااااااااار خبر اهتمام البرسا ببلحاج على كل المواقع الانكليزية (تجميعية كل المواقع)ادخل لت
» هاك مركز تحميل الصور والملفات في سيرفر خارجي للمنتديات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
محبي المنتخب الوطني الجزائري :: قسم خاص بالتكنولوجيا والتطور :: قسم تطوير المنتديات-
انتقل الى:
جميع الحقوق محفوظة لـ معهد ديالي التطويري لعام 2020 :copyright:
DaRk JoKeR