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

 

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




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


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 06-12-2013, 12:18 AM   #1
mdwan blog
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 58
افتراضي ازرار المتابعة بشكل جديد وإحترافى

أنا : mdwan blog





بسم الله الرحمن الرحيم
كود إضافة أزرار المتابعة بشكل إحترافى وجديد ولن تجدة إلا هنا فقط فى مدونة مدوّن
أزرار المتابعة لمدونات بلوجر تعطى شكل أنيق لمدونتك وتظهرها إحترافية أكثر الكود يضم
أزرار متابعه المواقع الإجتماعية 5 مواقع فقط والآن مع شرح التركيب.
للمعاينة المباشرة| هنا



لوحة التحكم - القالب - إستخدم f3 وإبحث عن هذا الكود
]]></b:skin>
وضع الكود التالى قبلة مباشرة
اقتباس:
.socialw {
width: 236px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
overflow: auto;
height: 100%;
}
#social1 {
border: 1px solid #292929;
width: 37px;
height: 62px;
margin-left: 1px;
float: left;
overflow: hidden;
}
#social2,#social3,#social4,#social5 {
border: 1px solid #292929;
width: 37px;
height: 62px;
float: left;
margin-left: 10px;
overflow: hidden;
}
/* ANIMATIONS */
.animate {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate.queue {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.animate.queue2s {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.animate.queue3s {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
.animate.queue4s {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
/* Fade In Down */
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-100px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-100px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-100px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/* Fade In Down */
/* Social 1 Animation */
#social1 {position:relative;}
#social1 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social1:hover img{
margin-top:-62px;
}
#social1 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}
/* Social 2 Animation */
#social2 {position:relative;}
#social2 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social2:hover img{
margin-top:-62px;
}
#social2 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}
/* Social 3 Animation */
#social3 {position:relative;}
#social3 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social3:hover img{
margin-top:-62px;
}
#social3 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}
/* Social 4 Animation */
#social4 {position:relative;}
#social4 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social4:hover img{
margin-top:-62px;
}
#social4 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}
/* Social 5 Animation */
#social5 {position:relative;}
#social5 img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#social5:hover img{
margin-top:-62px;
}
#social5 .details{
position:absolute;
left:0;
top:0;
z-index:-1;
}
الخطوة الثانية والأخيرة
من التخطيط وإختر إضافة اداة جافاسكريبت وضع بها الكود التالى
<!-- http://mdwanblog.blogspot.com/ !-->
<div>
<!-- Dribbble !-->
<a href="http://dribbble.com/إسم الحساب" target="_blank">
<div id="social1"> <img src="http://i.imgur.com/64r2jAv.png" /> </div>
</a>
<!-- Dribbble !-->
<!-- Behance !-->
<a href="http://behance.com/ إسم الحساب " target="_blank">
<div id="social2"> <img src="http://i.imgur.com/fkuhUov.png" /> </div>
</a>
<!-- Behance !-->
<!-- Facebook !-->
<a href="http://facebook.com/ إسم الحساب " target="_blank">
<div id="social3"> <img src="http://i.imgur.com/PY2EPRW.png" /> </div>
</a>
<!-- Facebook !-->
<!-- Twitter !-->
<a href="http://twitter.com/إسم الحساب" target="_blank">
<div id="social4"> <img src="http://i.imgur.com/ny0pyqt.png" /> </div>
</a>
<!-- Twitter !-->
<!-- Intagram !-->
<a href="http://instagram.com/ إسم الحساب " target="_blank">
<div id="social5"> <img src="http://i.imgur.com/tZZG2zQ.png" /> </div>
</a>
<!-- Instagram !-->
</div>
<!-- http://mdwanblog.blogspot.com/ !-->
مع تغيير اللون الأحمر بروابط حساباتك

الدعم العربي

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

مركز رفع موسوعة العربية
قديم 06-14-2013, 11:17 AM   #2
blogfootnews
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 21
افتراضي رد: ازرار المتابعة بشكل جديد وإحترافى

أنا : blogfootnews




إضافة جميلة شكرا لك

الدعم العربي

blogfootnews غير متواجد حالياً   رد مع اقتباس
قديم 06-23-2013, 09:16 AM   #3
yacine noury
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 54
افتراضي رد: ازرار المتابعة بشكل جديد وإحترافى

أنا : yacine noury




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

الدعم العربي

yacine noury غير متواجد حالياً   رد مع اقتباس
قديم 06-28-2013, 08:39 AM   #4
geekchiheb
مدون جديد
 
تاريخ التسجيل: Jun 2013
الدولة: الجزائر
المشاركات: 37
افتراضي رد: ازرار المتابعة بشكل جديد وإحترافى

أنا : geekchiheb




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

الدعم العربي

geekchiheb غير متواجد حالياً   رد مع اقتباس
قديم 06-28-2013, 08:06 PM   #5
water man
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 33
افتراضي رد: ازرار المتابعة بشكل جديد وإحترافى

أنا : water man




جميلة حقا، جار التجريب.

الدعم العربي

water man غير متواجد حالياً   رد مع اقتباس
قديم 07-02-2013, 04:56 PM   #6
seid sohaib07
مدون جديد
 
تاريخ التسجيل: Jul 2013
المشاركات: 13
افتراضي رد: ازرار المتابعة بشكل جديد وإحترافى

أنا : seid sohaib07




شكرا على جديدك ننتظر منك المزيد والمزيد
__________________

من مواضيع seid sohaib07

الدعم العربي

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

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

الكلمات الدلالية (Tags)
المتابعة, ازرار, بشكل, جديد, وإحترافي


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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
المشاركات الشائعة بشكل أنيق و جديد 2013 السيد ابو جبل إضافات وأدوات بلوجر 12 05-09-2013 08:42 AM
قالب مجله احترافيه بشكل جديد مصري وافتخر قوالب بلوجر عربية ومعربة 0 01-17-2013 01:33 AM
اضافة ترقيم الصفحة بشكل جديد mostafa alwin إضافات وأدوات بلوجر 10 12-29-2012 03:22 PM
جديد : لإضافة زر المتابعة و لوحة التحكم الجديدين لمدونتك ism33ail إضافات وأدوات بلوجر 2 10-21-2012 11:00 PM
جديد أضف لوحة تحكم مختصرة كاملة إلى مدونتك مخفية عن الزوار بشكل جديد مى محمد إضافات وأدوات بلوجر 0 09-22-2012 10:08 AM





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

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