• صفحة 1 من%
  • 1
اضف زر الصعود الي اعلي لموقعك .
3mr
مشاركات: 242
السمعة: 3
مشاركة # 1 | 20:34
السلام عليكم ورحمة الله

اخواني اعضاء يوكوز , بحمد الله قمت ببرمجة زر الصعود الي اعلي

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

بداية هذا هو الكود :

<html>
<head>
<title> go to top </title>
<style type="text/css" >
.gototop{
position:fixed;
bottom:20px;
right:20px;

}

</style>
</head>
<body>
<div class="gototop" >
<a href="#top" title="اذهب الي اعلي " > <img src="http://im82.gulfup.com/ySPDoN.png" title="3mr" /> </a>
</div>

</body>
</html>

مكان الاضافه:
يوضع في الصفحة الرئيسية (عن طريق محرر html ) ولكنه لن يظهر الا بالرئيسية

ولاظهاره في الصفحات الاخري

من لوحة التحكم ..التحكم بالتصميم (النماذج) .....صفحات الموقع.... واضيفوا الكود في نهاية الصفحة

طريقة العمل :

قمت باضافة عنصر اساسي للصفحة ووضعت فيه ارتباط تشعبي وهو عبارة عن صورة

وعند الضغط علي الصورة مباشرة يتم الانتقال الي اعلي الصفحة

وعن طريق تقنية ال css قمت بتثبيته في مكان" محدد اسفل اليمين " ليكون كما هو

الكود سهل جدا لدرجة انه لم ياخذ الا اقل من 5 دقائق

اي سؤال او تعديل فانا موجود

بالتوفيق للجميع
adil_bassel
مشاركات: 216
السمعة: 1
مشاركة # 2 | 22:45
شكرا لك اخي 3mr
كود خفيف و جميل و ضعته في الموقع لاني كنت سابحث عنه لاحقا لاضافته
لكن وضعته في القسم السفلي للموقع و يظهر في جميع الصفحات
لكن الكود الذي كنت سابحث عنه هو مثل الذي في هذا المنتدى أي يختفي عند الصعود إلى الاعلى و يظهر عند النزول
3mr
مشاركات: 242
السمعة: 3
مشاركة # 3 | 01:05
العفو اخي باسل

نعم يمكنك وضعه بالقسم السفلي للموقع ايضا وسيعمل بشكل صحيح لان مكانه الاساسي هو في الاسفل

بخصوص الكود الذي يختفي عند الصعود الي اعلي فاعتقد انه يتم برمجته باستخدام بعض اللغات الاخري مثل الجافا او ال جي كوري وقد كان طرحه

احد الاعضاء من قبل ولكنه سبب مشكلة كبيرة في الموقع لذلك قمت بعمل هذا الكود الخفيف لتلبية الاحتياجات وقد اقوم بتطويره لاحقا
div
مشاركات: 354
السمعة: 12
مشاركة # 4 | 14:29
اقتباس 3mr ()
لكن الكود الذي كنت سابحث عنه هو مثل الذي في هذا المنتدى أي يختفي عند الصعود إلى الاعلى و يظهر عند النزول


الكود الموجود بهذا المنتدى "js" يتعارض ويلغي زر "Scroll(0,0)" بالمنتدى عندك، اما باقي الصفحات يعمل تمام.

3mr
مشاركات: 242
السمعة: 3
مشاركة # 5 | 14:55
div , تقصد : "اقتباس adil_assel" :)
div
مشاركات: 354
السمعة: 12
مشاركة # 6 | 14:59
اقتباس adil_bassel ()
لكن الكود الذي كنت سابحث عنه هو مثل الذي في هذا المنتدى أي يختفي عند الصعود إلى الاعلى و يظهر عند النزول

biggrin

  • صفحة 1 من%
  • 1
بحث: