حصريا - كود روابط في الفوتر بتقنية css بنكهة جديدة

" سبحان الله وبحمده عدد خلقه ورضا نفسه وزنة عرشه ومداد كلماته "
" اللهم لا علم لنا الا ما علمتنا "



ما أجمل ان تنتمني إلي مكان تحبة وتحب افرادة , وما اجمل ان تأخذ شئ من مكان ويفيدك فتلجأ له مرة اخري , وأجمل شئ ان تفيد هذا المكان حتي يبقي مكان
ينتفع منه الجميع وتعمل علي رقية ورفعة شأنة بين المواقع العربية



لا اريد ان أطيل عليكم

...: ندخل بالموضوع :...

كود روابط في الفوتر بتقنية Css خاص بمنتداي والأن لأجل عيونكم اعضاء وزوار معهد ترايدنت

..! مثــال !..






لنري التوافق مع المتصفحات

...! مثــال !...









...! نأتي لطريقة التركيب !...





ثم نضع هذا الكود في بداية الفوتر

رمز Code:
<link rel="stylesheet" type="text/css" href="footer.css" />


ثم ضع الكود الأتي في نهاية قالب الفوتر مع تغيير الروابط بما يناسبك
رمز Code:
<!-- Start Css Footer by Gam3a4u.com / syria-share.com --> <div class="footer-img"> <div class="css-footer"> <div> <h3 class="style1"> <img alt="footer" src="footer/rawabet.gif" height="35" width="174" /></h3> <ul> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> </ul> </div> <div class="css-footerr"> <h3 class="style1"> <img alt="footer" src="footer/section.gif" height="35" width="174" /></h3> <ul> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> </ul> </div> <div class="css-footerrr"> <h3 class="style1"> <img src="footer/prog.gif" height="35" width="174" /></h3> <ul> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> <li><a href="#">ضع الرابط هنا</a></li> </ul> </div> </div> </div> <!-- End Css Footer by Gam3a4u.com / syria-share.com -->


ثم الخطوة الأخيرة





تم التركيب بداخل المنتدي الأن يتوجب عليك رفع ملف footer.css + مجلد footer بداخل مجلد الـ vb عن طريق برنامج FTP

وهناك صورة بداخل ملف footer تصميم صورة اخري ولكن بنفس المقاسات الصورة السابقة واعادة رفعها




-------------

...! تابع شرح رفع الملف عن طريق الـ FTP !...

اول حاجة نفتح برنامج الـ Leap FTP



سوف يفتح البرنامج وبداخلة القائمة كما بالصورة



1- تكتب عنوان السيرفر
2-اسم الدخول للوحة Cpanel
3- باسورد لوحة Cpanel او معلومات الاف تي بي
وفي النهاية تضغط كما تلاحظ المؤشر وهي تنفيذ الأمر والدخول لمحتويات موقعك

نختار public_html



ثــم



ونقوم برفع الملف footer.css + مجلد الـ footer بداخلة

ومبارك عليك الكود في الفوتر



تم ارفاق الملفات + الاكواد
+
الصور لضمان بقائها



الشرح بالكامل من مجهودي الشخصي هناك حقوق ولكنها لا تظهر مثل الاتي

رمز Code:
<!-- End Css Footer by Gam3a4u.com / syria-share.com -->
لا تقوم بحذفها فهي لا تظهر اطلاقاً

ولتعلم ان في النهاية الحق لصاحبه امام الله سبحانة وتعالي عز وجل



اتمني من الله عز وجل ان اكون قد وفقت في شرحي وان اصبت فمن الله وان اخطأت مني ومن الشيطان
لا اطلب سوا الدعاء لي ولوالدي دعوة صالحة في ظهر الغيب
--------
ان كان هناك اي ملاحظات او اي تعديل تودون فعلة انا موجود ومعكم وفي خدمتكم دائماً

ارجو عند نقل الموضوع ذكر المصدر

المصدر : منتديات الشيرنج السوري + رابط الموضوع الاصلي

تكويد وتصميم Ahmed El-Sayed / منتدي طلاب جامعة المنوفية

Code.txt (1.5 كيلوبايت, عدد مرات المشاهدة 158 مرة) Css.txt (59 بايت, عدد مرات المشاهدة 167 مرة) footer css.zip (523 بايت, عدد مرات المشاهدة 261 مرة) footer.zip (15.7 كيلوبايت, عدد مرات المشاهدة 253 مرة) صور الشرح.zip (362.9 كيلوبايت, عدد مرات المشاهدة 175 مرة)