كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <

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

السلام عليكم

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <

طريقة التركيب :

هتجدها هنا
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث

الرمز:: [b] [img]http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png[/img] نبذه تعريفيه[/b] ضع هنا نبذه تعريفيه لمنتداك [b] <img> src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> الوصول السريع[/b] [list] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#] target="_self"><img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [/list] [b]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> الوصول السريع[/b] [list] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#] target="_self"><img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#] target="_self"><img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [/list] [b]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1" /> الوصول السريع[/b] [list] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#] target="_self"><img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [*][url=http://help.ahlamontada.com/#]<img> src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع رابطك هنا[/url] [/list]

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

توجه لـــ

لوحة الإدارة

مظهر المنتدى

الوان

ورقة تصميم css

ونضع الكود كاملا

الرمز:: #footer { width:auto; cursor: crosshair margin:auto; height:220px; color:#c3c3c3; direction:rtl; background-color: #dddddd; } img{ border:none; } .my-tet1{ float:right; width:230px; padding:10px; border-right:1px dashed #666; } .my-tet1 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; } .my-tet1 ul li { list-style-type:none; text-decoration: none; padding:5px; cursor: crosshair; float: right; } .my-tet1 p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#696969; text-align: justify; } .my-tet1 ul li a { color:#1c6b7f; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } .my-tet1 ul li a:hover{ color:#FFF; } .my-tet1 ul li:hover{ cursor: crosshair; background-color: #0e83a0; color: #FFF; } /*End footer style*/

الكود مجرب على النسخة الثانية 2 ويعمل 100/100

السسسسلام عليكم

اليوم أقدم لكم فوتر أسود أتمنى ينـآل إعجـآبكم

صوره للمعاينه

الطريقه على قسميــن":~

أولآ ندخل لوحه التحكم ثم

مظهر المنتدى > التومبيلات والقوالب > إداره عامه > overall_footer_end

ثم نضغط تعديل

ونمسح الكود بالكامل ونستبدله بهذـآ

الرمز:: <div id="footer"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <div class="footerBlack"> <div class="center_1000"> <div class="pannel_white"> <div class="pannel_head_white">خريطة الموقع</div> <a href="http://roo7ythbak.roo7.biz">الصفحة الرئيسية</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> </div> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> </div> <div class="pannel_white"> <div class="pannel_head_white">أقسام الموقع</div> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> <a href="http://help.ahlamontada.com/">منتـــدى</a> </div> <div class="facebook_footer"> <a class="facebook_footer_icon footer_icons" href="http://roo7ythbak.roo7.biz/"> </a> <a class="youtube_footer_icon footer_icons" href="http://www.youtube.com/user/MonsterControl"> </a> <a class="rss_footer_icon footer_icons" href="rss.php"> </a> </div>  <p class="clear"></p> </div> </div>

و داخل الكود هتجدون رابط الآتى
http://help.ahlamontada.com/
استبدلوه بما تريدون من روابط

ثـآنيـآ نروح لورقه الـ CSS

مظهر المنتدى < أللوان > ورقه تصميم CSS

ونظيف هذا الكود

الرمز:: /*---------------------------- FOOTER ------------------------------*/ #footer{ clear:both; } .footerBlack{ background:black; padding:15px 10px; } .pannel_white{ width:195px; height:125px; overflow:hidden; float:right; position:relative; margin:0 10px; } .facebook_footer { padding-top:10px; text-align:left; overflow:hidden; float:right; position:relative; margin:0 10px; } .pannel_head_white{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/h1pann10.png) no-repeat right top; border-top:1px solid #fff; line-height:18px; height:25px; text-align:right; padding:0 16px 0 0; color:#000; font-size:14px; font-weight:bold; } .pannel_white a:link, .pannel_white a:visited{ color:#fff; font-size:13px; padding:2px 15px 2px 0; background:url(http://i44.servimg.com/u/f44/14/44/80/68/bullet10.gif) no-repeat right 9px; text-decoration:none; display:block; margin:0 10px 0 0; direction:rtl; text-align:right; } .pannel_white a:hover, .pannel_white a:active{ text-decoration:underline; } #copyrights{ min-height:60px; padding:3px 0; font-size:11px; color:#333; clear:both; text-align:center; background-image:url(http://i44.servimg.com/u/f44/14/44/80/68/shadow10.png); background-repeat:repeat-y; background-position:center; } #copyrights div{ width:500px; vertical-align:middle; text-align:center; } #copyrights img[alt="maknoon_logo"]{ } .pannel_tab{ position:absolute; z-index: 999; width:140px; top:7px; left:10px; text-align:left; } .pannel_tab div, .pannel_tab div:visited{ text-indent:-99999px; text-align:left !important; width:15px; height:15px; display:block; float:left; margin:0 5px 0 0; cursor:pointer; cursor:hand; background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) left center; } .pannel_tab div:hover, .pannel_tab div:active{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center; } .pannel_tab div.selected{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/panel_10.png) right center !important; } .news_container{ height:123px; overflow:hidden; } .footer_icons{ width:100px !important; height:116px !important; display:block !important; float:left !important; margin:0 3px 0 0 !important; text-indent:-99999px !important; padding:0 !important; } a.footer_icons:hover, a.footer_icons:active{ text-decoration:none !important; } .facebook_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) 0 center no-repeat !important; } .youtube_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -100px center no-repeat !important; } .rss_footer_icon{ background:url(http://i44.servimg.com/u/f44/14/44/80/68/social10.jpg) -210px center no-repeat !important; }

ومبروووك عليكم

إهدـآء من اخوكم روحــــــي تحبـــــــك

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <

كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <

footer أسـود ":~(تومبيـلت)+صوره للمعاينه