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

اول شيء .. يبي لك تجمع ايقوناتك المفضله “افتح قوقل واكتب بحث ايقونات” اول موقع اجنبي ادخل عليه او من خلال هذا الرابط من هنا .. اول ماتدخل الموقع اكتب اسم الايقونه الي تبيها مثلا لو تبي التمبلر اكتب tumblr و اضغط بحث واختار الايقونه الي تعجبك ويفضل تختار الحجم 15*15 و حمل الصيغه PNG و انتبه لاتاخذ ICO لأن هالصيغه ماتهمنا في موضوعنا راح اتكلم عنه ان شاء الله بعدين و الفايده منها.


يفترض انك عارف وش الي تبيه من ايقونات .. وحملت 4 ايقونات لجهازك .. بعدها ادخل مركز تحميل التمبلر من هنا .. وارفع الايقونات و احتفظ بالروابط بمفكره ..


كود الصور ل 4 ايقونات ..

استبدل ما يلزم .. رابط الصوره مباشر + الوصف

<p align="center">
[ <a href="الرابط" title="الوصف"><img src="رابط الصوره المباشر" title="الوصف" border="0" /></a>
| <a target="_blank" href="الرابط" title="الوصف"><img src="رابط الصورة المباشر" title="الوصف" border="0" /></a>
| <a target="_blank" href="الرابط" title="الوصف"><img src="رابط الصورة المباشر" title="الوصف" border="0" /></a>
| <a target="_blank" href="الرابط" title="الوصف"><img src="رابط الصورة المباشر" title="الوصف" border="0" /></a> ]
</p>



مثال على الكود .. استخدمت هنا 5 صور 4 صور من رفعي و الخامسه ايقون الmsn

<p align="center">
[ <a href="http://www.9if.cc" title="تمبلر"><img src="http://media.tumblr.com/tumblr_m1c9mefmxN1qlubqz.png" title="" border="0" /></a>
| <a target="_blank" href="http://8aa.tumblr.com/" title="Ask"><img src="http://media.tumblr.com/tumblr_m1c9nbjW6o1qlubqz.png" title="" border="0" /></a>
| <a target="_blank" href="http://twitter.com//9iif" title="تويتر"><img src="http://media.tumblr.com/tumblr_m1c9o3Dp6D1qlubqz.gif" title="" border="0" /></a>
| <a target="_blank" href="http://facebook.9if.cc" title="فيس بوك"><img src="http://media.tumblr.com/tumblr_m1c9ouV6Xm1qlubqz.gif" title="" border="0" /></a>
| <a target="_blank" href="http://msn.9if.cc" title="msn"><img src="http://messenger.services.live.com/users/3dd68bd36a6d00ef@apps.messenger.live.com/presenceimage?mkt=ar-SA" title="msn" border="0" /></a> ]
</p>


الشكل النهائي ..

[ image | image | image | image | image ]




الكود متوسط وجاهز .. اذا تبيه بدون توسيط احذف كود التوسيط الخاص بالديف الي انشئناه (ومكان الكود يعتمد على المكان الي تبيه انت!)

align="center"


الكود واضح من ناحيه الوصف و التوسيط لكن عليه اضافه للرابط “تارجت” و اضافه للصوره ” بوردر”

التارجت

target="_blank"


هذا الكود استخدمته لفتح الرابط داخل صفحه جديده

البوردر

border="0"


هذا الكود يفيد بعض المدونات الي ماعلى البوردر تاثير بالcss و مايكون فيه اطار ازرق على الصور.
كُتِبَتْ هَذِه التَّدْوَينَة بِتَارِيْخ 23.3.2012 مِيْلادِي وَهِي تَحْت تَصْنِيْف اضافات و عَدَد الْمُلَاحَظَات 133 notes حُقُوْق نَشَرَهَا تَعُوْد لِكَاتِبِهَا 91f تمبلر
« مجمـوع «1» الصفحات »
« التدوينة السابقة | التدوينة التالية »

  1. holsten00 reblogged this from 91f