فوتر css جميل وبسيط

السلام عليكم بناء على طلب بعض الاخوه هذا فوتر css طبعا هذا فوتر لقيته في ترايدنت وجبته لكم هذا شكل الفوتر [IMG]http: ..


موضوع مغلق

الصفحة 1 من 5 < 1 2 3 4 5 > الأخيرة »


23-11-2010 04:30 مساء
sinan
عضـو نشيط
rating
العضو غائب سوف اغيب بضعه ايام بسبب الدراسه ومشروع التخرج الجامعي
معلومات الكاتب ▼
تاريخ الإنضمام : 15-11-2009
رقم العضوية : 205
المشاركات : 250
الدولة : العراق العظيم
الجنس : ذكر
تاريخ الميلاد : 1-9-1987
الدعوات : 1
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 510
اصدار المنتدى : 2.1.0
 offline 
السلام عليكم
بناء على طلب بعض الاخوه

هذا فوتر css
طبعا هذا فوتر لقيته في ترايدنت وجبته لكم

هذا شكل الفوتر

attachment


حسنا ، لآ بأس بـِه ،،

نأتي الان لطريقة التركيب بالمنتدى ،

أولا نذهب الى قالب الفوتر ، ونضع هذا الكود بنهاية القالب ،

<!--Start Footer-->
<div id="footer">

<div class="pal-girl">

<h3> <img src="images/stick-footer.png" alt="myforum" /> نبذه تعريفيه</h3>

<p>فوتر بتقنية Css مقدم من فلسطينيه وافتخر عضوه بمعهد ترايدنت - الاعدادات الشامله للاستايل فوتر بتقنية Css مقدم من فلسطينيه وافتخر عضوه بمعهد ترايدنت - الاعدادات الشامله للاستايل فوتر بتقنية Css مقدم من فلسطينيه وافتخر عضوه بمعهد ترايدنت - الاعدادات الشامله للاستايل</p>

</div>
<div class="pal-girl">
<h3> <img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3>

<ul>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li> </ul>
</div>


<div class="pal-girl">
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3>

<ul>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li> </ul>
</div>


<div class="pal-girl">
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3>
<ul>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
<li><a href="#" target="_self"><img src="images/plus-li.png" /> ضع رابطك هنا</a></li>
</ul>
</div>


</div>


جميل جدا ، الى الان ما زالت الامور على ما يرام ، وكل شئ تحت السيطرهnosweat

اظن ان التعديل سهل ،

حسنا ،

نأتي الان لكود Css

في الستايل المراد اضافة القالب لَه نذهب الى

Css ونضيف الكود التالي في اخره

#footer {
width:auto;
cursor: crosshair
margin:auto;
height:220px;
color:#c3c3c3;
direction:rtl;
background-color: #dddddd;
}
img{
border:none;
}

.pal-girl{
float:right;
width:230px;
padding:10px;
border-right:1px dashed #666;
}
.pal-girl h3{
font-family:"Arial Black", Gadget, sans-serif;
font-size:16px;
color:#FFF;
font-weight:bold;
background-color:#0a95b8;
padding-right:10px;
margin-bottom:3px;
}

.pal-girl ul li {
list-style-type:none;
text-decoration: none;
padding:5px;
cursor: crosshair;
float: right;
} 
.pal-girl p {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#696969;
text-align: justify;
}
.pal-girl ul li a {
color:#1c6b7f;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
.pal-girl ul li a:hover{
color:#FFF;
}
.pal-girl ul li:hover{
cursor: crosshair;
background-color: #0e83a0;
color: #FFF;
}
/*End footer style*/


لم يتبقى سوى تعدي الروابط الى مايهم موقعك
وتعديل روابط الصور

الصور مرفقه

تقبلو تحياتي
 
  link-footer.png   تحميل png link-footer.png مرات التحميل :(26)
الحجم :(0.618) KB
  plus-li.png   تحميل png plus-li.png مرات التحميل :(20)
الحجم :(1.383) KB
  stick-footer.png   تحميل png stick-footer.png مرات التحميل :(22)
الحجم :(0.618) KB
 



تم تحرير الموضوع بواسطة :sinan
بتاريخ:23-11-2010 04:31 مساء


23-11-2010 05:03 مساء
مشاهدة مشاركة منفردة [1]
larini
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 02-03-2010
رقم العضوية : 397
المشاركات : 450
الدولة : الجزائر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 156
موقعي : زيارة موقعي
اصدار المنتدى : 2.1.3
 offline 
look/images/icons/i1.gif فوتر css جميل وبسيط
بارك الله فيك

704746

23-11-2010 05:35 مساء
مشاهدة مشاركة منفردة [2]
sinan
عضـو نشيط
rating
العضو غائب سوف اغيب بضعه ايام بسبب الدراسه ومشروع التخرج الجامعي
معلومات الكاتب ▼
تاريخ الإنضمام : 15-11-2009
رقم العضوية : 205
المشاركات : 250
الدولة : العراق العظيم
الجنس : ذكر
تاريخ الميلاد : 1-9-1987
الدعوات : 1
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 510
اصدار المنتدى : 2.1.0
 offline 
look/images/icons/i1.gif فوتر css جميل وبسيط
المشاركة الأصلية كتبت بواسطة: larini »
بارك الله فيك

704746


شكرا لمرورك
تقبل تحياتي

23-11-2010 05:49 مساء
مشاهدة مشاركة منفردة [3]
cherire
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 26-10-2010
رقم العضوية : 870
المشاركات : 467
الدولة : الجزائر
الجنس : ذكر
تاريخ الميلاد : 19-1-1995
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 501
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif فوتر css جميل وبسيط
رااااائع 157

23-11-2010 05:54 مساء
مشاهدة مشاركة منفردة [4]
sinan
عضـو نشيط
rating
العضو غائب سوف اغيب بضعه ايام بسبب الدراسه ومشروع التخرج الجامعي
معلومات الكاتب ▼
تاريخ الإنضمام : 15-11-2009
رقم العضوية : 205
المشاركات : 250
الدولة : العراق العظيم
الجنس : ذكر
تاريخ الميلاد : 1-9-1987
الدعوات : 1
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 510
اصدار المنتدى : 2.1.0
 offline 
look/images/icons/i1.gif فوتر css جميل وبسيط
المشاركة الأصلية كتبت بواسطة: g-scripts.com »
رااااائع 157

smile

23-11-2010 05:57 مساء
مشاهدة مشاركة منفردة [5]
cherire
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 26-10-2010
رقم العضوية : 870
المشاركات : 467
الدولة : الجزائر
الجنس : ذكر
تاريخ الميلاد : 19-1-1995
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 501
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif فوتر css جميل وبسيط

23-11-2010 06:04 مساء
مشاهدة مشاركة منفردة [6]
sinan
عضـو نشيط
rating
العضو غائب سوف اغيب بضعه ايام بسبب الدراسه ومشروع التخرج الجامعي
معلومات الكاتب ▼
تاريخ الإنضمام : 15-11-2009
رقم العضوية : 205
المشاركات : 250
الدولة : العراق العظيم
الجنس : ذكر
تاريخ الميلاد : 1-9-1987
الدعوات : 1
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 510
اصدار المنتدى : 2.1.0
 offline 
look/images/icons/i1.gif فوتر css جميل وبسيط
المشاركة الأصلية كتبت بواسطة: g-scripts.com »
ارجووك تابع طلبي

http://www.pbboard.info/forums/index.php?page=topic&show=1&id=3336

155


ان شاء الله تلاقي اعضاء يقبلون في العرض الي قدمته ويحولون لك الستايلات
تحياتي


الصفحة 1 من 5 < 1 2 3 4 5 > الأخيرة »

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[طلب] ملحق موضوع مهم و جميل عبدالاله الهذلي
1 160 عبدالاله الهذلي
أرجو أن تحولوا هذا الإستايل الرمضاني الجميل لمنتديات PBBoard AKRAM
1 288 AKRAM
طلب تحويل ستايلات جميلة وخفيفة MrKinvalo
0 177 MrKinvalo
تغيير شكل الاحصائيات من الشكل التقليدي الى شكل جميل ومميز PBBoard3.x.x من ماسة سيرف شهاب الحمادي
7 2492 whaitman
إضافة جميلة للروابط في المواضيع sofiene2012
4 495 AHMED

الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 08:46 صباحا