فوتر رائع بروابط المنتدى فى أسفل الاستايل | معهد ديليجنت

!!~JusT~!!

!!~JusT~!!

Member
بسم الله الرحمن الرحيم

الصلاه والسلام على رسول الله صلى الله عليه وسلم

ام بعد

فوتر بشكل جميل للمنتداك

مثال
671238254.jpg


او اخر الصفحه

الكود حطه فى اخر الفوتر

طبعا بعد ما تعدل عليه بالروابط بتاعتك ودى مش محتاجه شرح


PHP: 
<!-- footer By M.Daoud-->
<div class="footer">
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="#" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"><li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a></ul>        
</div>
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="#" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"><li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a></ul>
</div>
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="#" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"><li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a></ul>       
</div>
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="#" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
            <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"><li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a>
              <a href="#"> <li><img src="images/bullet_purple.png" /> ضع رابطك هنا</li></a></ul>
        
</div>
</div>
<!-- footer By M.Daoud-->
بعد كدا روح لخيارات جميع الاستايلات وختار الاستايل اللى انت عايز تحط الفوتر فيه

وحط الكود اللى تحت دا فى

css الاضافى

كود: 
/*style Forfooter By M.Daoud*/

.footer {
background-image: url('images/footerbg.png');
 width:auto;
 margin:auto;
 height:220px;
 color:#fff;
 direction:rtl;
 height: 156px;
 }

.main{
 float:right;
 width:230px;
 padding:none;
 margin: 0px;

 }
img{
 border:none;
}
 

.main ul h3{
 font-family:Arial Black," Tahoma", sans-serif;
 font-size:16px;
 color:#f1f1f1;
 font-weight:none;
 width: 150px;
 margin: 0px;
 padding-right: 5px;

 }
.main ul li {
 list-style-type: none;
 padding:0px;
 width: 150px;
 float: right;
 border-bottom:1px dashed #6e6e6e; 

 } 
.main ul a {
 color:#fff;
 text-decoration: none;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 9px;

 }

.main ul a {
 color:#fff;
 text-decoration: none;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 10px;

 }
.main ul a:hover{
 color:#FFF;

}

.main ul a li:hover{
  background-color:#6e6e6e;
 color: #FFF;

 }
اخر شىء ارفع الصور المرفقه الى مجلد images للمنتدى ليس الاستايل

لتحميل الصور من

http://arabsh.com/x9ougzzxek74.html

تم بحمد الله الفوتر من برمجتى وتصميمى وقمت ببرمجه وتصميمه مشابه لديليجنت لكثر طلب الاعضاء على مثل

فوتر المعهد

ارجو عدم ازاله حقوقى وهى مجرد كلمات فى البرمجه

ولا تظهرفى الاستايل

تم بحمد الله
​
 


بارك الله فيك اخي !!~JusT~!! على المجهود الرائع والفوتر الاروع ..

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


delegnt قال:
المبدع مبدع من يومة

5 / 5

\ \ \
أنقر للتوسيع...


الله يخليكى اخوى عبد الرحمن نورت الموضوع حبيبى

bobo des قال:
مشكووور

5 \ 5

جزاك الله خير

في امان الله
أنقر للتوسيع...

امين نورت يا اخوى

ينبوع المحبة قال:
بارك الله فيك اخي !!~just~!! على المجهود الرائع والفوتر الاروع ..

وطبعا يمكن تغير الصورة والكتابة على حسب الاذواق
أنقر للتوسيع...

طبعا يا اخوى كلو حسب زوق الشخص التعديل دا براحتك
 


الحقيقة اكواد رائعة بالفعل وتضيف جمال للفوتر
تم التركيب بنجاح وكانت النتيجة متميزة
http://www.jazeraclub.com/vb
ألف شكر على الموضوع

ملاحظة صغيرة
هناك خطأ بمكان وضع الرابط في الكود الموجود بالموضوع
وانا سمحت لنفسي بتعديله ووضعه هنا
PHP: 
<!-- footer By M.Daoud-->
<div class="footer">
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="ضع رابطك هنا" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"><li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a></ul>        
</div>
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="ضع رابطك هنا" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"><li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a></ul>
</div>
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="ضع رابطك هنا" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"><li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a></ul>       
</div>
<div class="main">
<ul>
<h3><img src="images/main.png "/> قسم رئيسى  </h3>
<a href="ضع رابطك هنا" ><li><img src="images/bullet_purple.png" /> ركن البرامج المشروحه</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
            <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"><li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a>
              <a href="ضع رابطك هنا"> <li><img src="images/bullet_purple.png" /> ضع العنوان هنا</li></a></ul>
 
</div>
</div>
<!-- footer By M.Daoud-->
 


اعتقد انك تقصد علامه الهاش

شكرا ع الانتباه

دمت عزيزى

شكرا ع المرور
​
 


تم التركيب بنجاح
و الفوتر حقا رائع من كل النواحي
لكن انا اردت ان ابدل الخلفيةمن الاسود الى الشفاف او الابيض الازرق
ممكن الطريقة اخي
وشكرا
دمتـ
​
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى