محمد طاهر مشرف عام
عدد مشاركاتى : 15 نقاط : 35 تاريخ التسجيل : 04/02/2012
| موضوع: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < الإثنين أبريل 02, 2012 7:42 am | |
| بسم الله الرحم الرحيم
السلام عليكم
كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <
طريقة التركيب :
هتجدها هناهاذا شرح بسيط جد لطريقة عمل حقوق اسفل المنتدى او اي شيء بالتلاعب على العناصر المستقلةعلى النسخة الثانية والثالثة والأخيرة أيضآ الأن نتوجة للشروحات---------------خاص فقط بالنسخه phpbb2 لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسيةثم قم بتفعيل العناصر المستقله على الرئيسيهوعدلعرض العمود 1 (اليسار) : 0عرض العمود 3 (اليمين) : 180ثم انشى عنصر جديد وضع هاذا الكود - الكود:
-
<!--كود جعل العناصر اسفل المنتدى --> </td> </tr> </tbody> </table> <!-- نهاية الكود--> واعمل التعديلات التالية ثم قم بالحفظثم اضف العنصر الذي قمنى بعملهواجعل الكود أول العناصروبعدها ضع ما تريد بأسفلهوالعكس صحيح ان اردت اظهار العناصر بالأعلىفأجعل الكود الي اعطيناك اياه بالأسفلوالأكواد بأعلاهاما اذا اردت حذف المسافه التي تظهر بسبب العناصر المستقله اضف هذا الكود الى ورقة تصميم cssلوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css - الكود:
-
#right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right; }
خاص فقط بالنسختين phpbb3+invisionلوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم cssضع الكود التالي/****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/ #content-container div#container { width: auto; float: none; margin-left: auto; } #content-container div#main { margin-right: auto; margin-bottom: auto; } #content-container div#left { width: auto; float: none; margin-left: auto; } #content-container div#right { width: auto; float: none; margin-left: auto; } #main { width: 947px; } #gfooter { width: 947px; } #logostrip { width: 947px; } #submenu { width: 947px; } #userlinks { width: 935px; } /****** نهاية الكود من تطوير اسيرالدموع ********/ بإمكانك التعديل على عرض الأقسام بدل ال 947 و 935انتهاء شرحنا لكيفية توجية العناصر لأسفل المنتدى--------------------والأن وكهدية منيكود جميع الحقوق محفوظة - الكود:
-
الساعة الأن <embed src="http://[url=http://www.clocklink.com/clocks/5005-red.swf?TimeZone=PST&%22]www.clocklink.com/clocks/5005-red.swf?TimeZone=PST&"[/url] wmode="transparent" type="application/x-shockwave-flash" height="40" width="120"> بتوقيت (أسم بلدك)<br>جميع الحقوق محفوظة لـ{FORUMNAME}<br> Powered by Aseer Al Domoo3 {FORUMURLINK} <br>حقوق الطبع والنشر 2011 - 2010 يوضع في العناصر المستقلة كما شرحنا سابقآلوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية >> إنشاء عنصر شخصيولاتنسى تغيير اسم منتداك وكود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي <
- الكود:
-
[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><!--pannel_white--> <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><!--pannel_white--> <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><!--pannel_white--> <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> <!--pannel_white--> <p class="clear"></p> </div><!--center_1000--> </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; }
ومبروووك عليكم | |
|
محمد طاهر مشرف عام
عدد مشاركاتى : 15 نقاط : 35 تاريخ التسجيل : 04/02/2012
| موضوع: رد: كود الفـوتـر الجميل والانيق بدون تومبيلات للنسخه الثانيه فقط > كريزي رومانسي < الإثنين أبريل 02, 2012 7:47 am | |
| | |
|