رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 05-13-2013, 10:21 AM   #1
trucsinformatique
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 13
Thumbs up طريقة رائعة لإضافة أيقونات المواقع الإجتماعية على شكل قنينات مشروبات غازية

أنا : trucsinformatique




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

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


نمر لشرح الطريقة:

1.توجه إلى لوحة التحكم الخاصة بمدونتك.
2.إضغط على قالب.
3. ثم تحريرhtml.
4.إضغط على متابعة.
5.إختار توسيع القالب
6. إبحث عن هذا الكود باستعمال Ctrl+F:
كود بلغة HTML:
</head>
تم ضع قبله مباشرة الكود التالي:
كود بلغة HTML:
<style type="text/css">

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}

.bubblewrap li img{
width: 64px; /*Ancho de cada imagen*/
height: 64px; /*Alto de cada imagen*/
border:0;
margin-right: 1px; /*Espacio entre cada imagen al crecer*/
-moz-transition:-moz-transform 0.1s ease-in;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*Escala en la que crece la imagen 1.8x*/
-webkit-transform:scale(1.8); /*Escala en la que crece la imagen 1.8x*/
-o-transform:scale(1.8); /*Escala en la que crece la imagen 1.8x*/
}

</style>
7.الآن التوجه ألى لوحة التحكم الخاصة بمدونتك.
8. تخطيط.
9.إضافة أداة.
10.اختار Html/Javascript.
11.أضف الكود التالي:
كود بلغة HTML:
<ul class="bubblewrap">
<li><a href="رابط مدونتك"><img src="http://4.bp.blogspot.com/-TybeiH7audI/UJ3d0rF6jEI/AAAAAAAAAV4/Vt-G3-H6aDY/s320/Charkleons-Blogger.png" title="Blogger" /></a></li>
<li><a href="رابط الخلاصة RSS"><img src="http://3.bp.blogspot.com/-IL1pnsEFHZM/UJ3d81icELI/AAAAAAAAAWQ/i_X2zR2ZKnE/s320/Charkleons-Feedburner.png" title="RSS" /></a></li>
<li><a href="رابط صفحتك على تويتر"><img src="http://2.bp.blogspot.com/-nzMT2yzNA3E/UJ3eGhycdgI/AAAAAAAAAWo/1kWXFNy4MqA/s320/Charkleons-Twitter.png" title="Twitter" /></a></li>
<li><a href="رابط صفحتك على غوغل +"><img src="http://4.bp.blogspot.com/-HIJIRQ5l1UM/UJ3eBUZrUWI/AAAAAAAAAWc/4c8B3BSpOGI/s320/Charkleons-Google%252B.png" title="Google+" /></a></li>
<li><a href="رابط صفحتك على فايسبوك"><img src="http://3.bp.blogspot.com/-S6Mv6aKvEjQ/UJ3d4uFpqwI/AAAAAAAAAWE/yijuuNzmRr0/s320/Charkleons-Facebook.png" title="Facebook" /></a></li>

<li><a href="رابط قناتك على يوتيوب"><img src="http://2.bp.blogspot.com/-FAiC6s9ZZio/UJ3eLqtsjfI/AAAAAAAAAW0/i_RVgi15nUc/s320/Charkleons-YouTube.png" title="Youtube" /></a></li>
</ul>

-قم بتعديل ما يناسبك.
-يمكنك سحب الإضافة للمكان الذي يناسبك.

12.قم بحفظ الأداة.

للمزيد من الدروس زوروا موقع Trucsinformatique للمعلوميات بأضغط هنا

الدعم العربي

trucsinformatique غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 06-24-2013, 01:50 PM   #2
yacine noury
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 54
افتراضي رد: طريقة رائعة لإضافة أيقونات المواقع الإجتماعية على شكل قنينات مشروبات غازية

أنا : yacine noury




كيفيمكنني اضافتهم بشكل افقي

الدعم العربي

yacine noury غير متواجد حالياً   رد مع اقتباس
قديم 06-25-2013, 06:09 AM   #3
krimo
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 28
افتراضي رد: طريقة رائعة لإضافة أيقونات المواقع الإجتماعية على شكل قنينات مشروبات غازية

أنا : krimo




شكرااااااااااااااااااااااااااااااااااااااااااااااا ااااا

الدعم العربي

krimo غير متواجد حالياً   رد مع اقتباس
قديم 06-28-2013, 07:49 AM   #4
taha mokrym
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 14
افتراضي رد: طريقة رائعة لإضافة أيقونات المواقع الإجتماعية على شكل قنينات مشروبات غازية

أنا : taha mokrym




ههه جميلة شكرا لك

الدعم العربي

taha mokrym غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
أيقونات, مشروبات, الإجتماعية, إضافة, قنينات


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
أزرار المواقع الإجتماعية روعة أعجبتني,,,, cheb-bilal إضافات وأدوات بلوجر 5 05-11-2013 05:02 PM
أيقونات المواقع الاجتماعية لمدونات بلوجر وكيفية تخصيصها ilyass kéng إضافات وأدوات بلوجر 3 02-25-2013 11:33 AM
إضافة أزرار تابعني عبر المواقع الإجتماعية بتأثيرات رائعة Jaabiriovic إضافات وأدوات بلوجر 3 02-09-2013 02:14 PM
تجميعة جديدة لأزرار المواقع الإجتماعية Nassro إضافات وأدوات بلوجر 3 12-03-2012 02:56 PM
إضافة المواقع الإجتماعية في قمة الإحترافية .. لن تجدها في موقع أخر overboy إضافات وأدوات بلوجر 7 08-09-2012 01:59 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 12:52 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)