<<~ في الاستايل المراد التعديل به الدخول ع قالب footer.tpl
ووضع نهايته
CODE
<!--Start Footer-->
<div id="footer">
<div class="pal-girl">
<h3> <img src="images/stick-footer.png" alt="myforum" /> عن Netlog</h3>
<p>
Netlog هي بوابه انترنت حيث يمكن للمستخدمين البقاء على اتصال وتوسيع شبكتهم الاجتماعية. هي بوابة إنترنت اجتماعية، موجهه تحديدا الى الشباب. هي مطوره من قبل Netlog NV، ومركزها في مدينة خنت في بلجيكا. Netlog متوفره حاليا في٢٠ لغة ولديها أكثر من 72 مليون عضو من مختلف أنحاء العالم، وهذا العدد في تزايد دائم يوميا.
</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" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</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" /> Netlog</a></li>
<li><a
href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</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" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</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" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li>
</ul>
</div>
</div>
وفي CSS نضع نهايته
CODE
footer {width:auto;cursor: crosshairmargin: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*/
فوتر css جميل وبسيط27-11-2010 06:11 مساءً
معلومات الكاتب
