ربنا لاتؤاخذنا ان نسينا او اخطئنا ربنا ولا تحمل علينا اصرا كما حملته على الذين من قبلنا ربنا لا تحملنا مالا طاقة لنا به واعف عنا واغفر لنا وارحمنا انت مولانا فانصرنا على القوم الكافرين

السبت، 7 يونيو 2014
8:20 ص

إضافة زر إذهب إلي الأعلى بتقنية عاليه



إضافة زر إذهب إلي العلي بتقنية عاليه
السلام عليكم ورحمه الله

اعضاء وزوار منتدي نصب كوم أهلا وسهـــلا بكم جميعأ

اليوم نقدم إضافه جميلة,زرالذهاب,إلي اعلي
الاداة بسيطة جدا وهامة جدا للمدونات التى بها مواضيع طويلة مثل دروس بلوجر او شرح تقنيات بلوجر مثلا

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

ابحث عن الكود التالى 
[[]]></b:skin>
 ضع الكود التالي اعلي مباشرة
 #toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}

افتراضي إضافة زر إذهب إلي العلي بتقنية عاليه

السلام عليكم ورحمه الله

اعضاء وزوار منتدي نصب كوم أهلا وسهـــلا بكم جميعأ

اليوم نقدم إضافه جميلة,زرالذهاب,إلي اعلي


الاداة بسيطة جدا وهامة جدا للمدونات التى بها مواضيع طويلة مثل دروس بلوجر او شرح تقنيات بلوجر مثلا

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

ابحث عن الكود التالى
كود بلغة HTML:
[[]]></b:skin>
ضع الكود التالي اعلي مباشرة
كود بلغة HTML:
 #toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(http://3.bp.blogspot.com/-ZaFk139_d7Q/ThWy56hQTtI/AAAAAAAAEtc/i7lYDE7NQRY/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
ملاحظة : يمكنك التحكم فى مكان ظهور الزر يمين الصفحة او يسأر الصفحة بتغير القيم التالية فى كود CSS بالنسبة للاعدادات الافتراضية سوف يظهر الزر اسفل يمين الصفحة ., لتغيير المكان قوم بتغيير كلمة  

right   الى  left

قـد يـهمـك أيــضا ..

-

0 التعليقات :

إرسال تعليق