???? زائر
| موضوع: حصريا واجهة ترايد نتTRAIDNTعلى منتديات أحلى منتدى بنفس التوزيع بتعديل تمبلات وتوزيعcss+ استعرض الموضوع السابق استعرض الموضوع التالي الأربعاء أبريل 06, 2011 5:47 am | |
| طريقة التركيب لوحة الادارة مظهر المنتدى تومبلايت ادارة عامة overall_header قم بالبحث عن اقتباس: <head> اسفلها نضع الكود التالي |
- الكود:
-
<div class="webpage"> <div class="header"><div class="login">
<!-- login form --> <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)" style="float: left; margin-left: 0px;"> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=386"></script> <table border="0" cellpadding="0" cellspacing="3"> <tbody><tr> <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username"> <td class="smallfont"><label for="navbar_password"><font size="1" face="tahoma"><b>انت متصل الان بإسم <span style="color: Red;">{SITE_DESCRIPTION}</span></b></font></td></tr></tbody></table><font size="1" face="tahoma">{LAST_VISIT_DATE}<br>{CURRENT_TIME}</font></td> </tr>
</tbody></table> <input name="s" value="" type="hidden"> <input name="securitytoken" value="guest" type="hidden"> <input name="do" value="login" type="hidden"> <input name="vb_login_md5password" type="hidden"> <input name="vb_login_md5password_utf" type="hidden"> </form>
<div class="d3aa">
ماشاء الله تبارك الله ماشاء الله لاقوة الا بالله , اللهم اني اسالك الهدى والتقى والعفاف والغنى </div>
</div><div class="l_traidntnet"><a href="index.php"> <img title="TRAIDNT" src="http://traidnt.net/vb/img_site_traidnt_net/traidnt_net_tr.png" alt="TRAIDNT" border="0"></a> <div class="information"><a href="http://www.bigarabicsites.org" target="_blank" title="عضو في اتحاد المواقع العربيه الكبرى">عضو في اتحاد المواقع العربيه الكبرى</a></div></div><div class="business_traidnt_com"><div class="business_services">الخدمات التجارية</div><div id="topsupport"> <ul> <li><a href="http://sherifko.yoo7.com" target="_blank" title="الاستضافه">الاستضافه</a></li> <li><a href="http://sherifko.yoo7.com" target="_blank" title="السيرفرات">السيرفرات</a></li> <li><a href="http://sherifko.yoo7.com" target="_blank" title="التصميم">التصميم</a></li>
<li><a href="http://sherifko.yoo7.com" target="_blank" title="الخدمات البرمجيه">الخدمات البرمجيه</a></li> <li><a href="http://sherifko.yoo7.com" target="_blank" title="الخدمات التقنيه">الخدمات التقنيه</a></li> <li><a href="http://sherifko.yoo7.com" target="_blank" title="تراخيص المنتديات">تراخيص المنتديات</a></li> <li><a href="http://sherifko.yoo7.com" target="_blank" title="الإعلانات">الإعلانات</a></li> </ul> <div id="topcontact"> <ul> <li class="contact_mobile">00966920020037</li> <li class="technical_support"> <a href="http://sherifko.yoo7.com" target="_blank">الدعم الفني</a></li> </ul>
</div></div></div></div> <div class="navbar_up"> <ul id="topmenu"> <li><a href="http://sherifko.yoo7.com" target="_blank" title="مكتبة الدروس">مكتبة الدروس</a></li> <li><a href="http://sherifko.yoo7.com" target="_blank" title="خصوصية ترايدنت">خصوصية ترايدنت</a></li> <li><a href="http://sherifko.yoo7.com/" target="_blank" title="تواصل ولقاء">تواصل ولقاء </a></li> <li><a href="http://sherifko.yoo7.com/" target="_blank" title="صفحتي">صفحتي </a></li> <li><a href="http://sherifko.yoo7.com/" target="_blank" title="تحميل الملفات">تحميل الملفات </a></li> <li><a href="http://traidcm.yoo7.com/" target="_blank" title="دليل مواقع خدمات الويب">دليل مواقع خدمات الويب</a></li> </ul>
</div></div> ثما نسجل تمبلات القالب ونذهب الى ورقة css ونضيف الكود هذا - الكود:
-
body { background: #FFFFFF; color: #434343; font: bold 12pt arial; margin: 0px 0px 0px 0px; padding: 0px; } a:link, body_alink { color: #0F5065; text-decoration: none; } a:visited, body_avisited { color: #0F5065; text-decoration: none; } a:hover, a:active, body_ahover { color: #1AA6C0; text-decoration: underline; }
.webpage {margin-right: auto;margin-left: auto;width: 97%;margin-top: 0px;} .header {height: 130px; border-bottom-style: solid;border-bottom-width: 2px;border-bottom-color: #F2812E;width: 100%;padding: 0px 0px 0px 0px;right: auto;left: auto;margin-top: 0px;margin-bottom: 5px;} .navbar_up {font-family: tahoma;font-size: 11px;margin: 2px auto 12px auto;width: 100%;height: 25px;background-color: #148D9F;color: #FFFFFF;padding-top: 1px;padding-bottom: 2px;padding-right: 2px;float: right;} #topmenu {list-style: none;font-family: tahoma;font-size: 11px;margin-top: 5px;} #topmenu li {display: inline;background-image: url('../../img_site_traidnt_net/normal_navbar_mark.png');background-repeat: no-repeat;background-position: 100% 84%;padding-left: 5px;padding-right: 10px;text-align: right;float: right;} #topmenu a {color: #FFFFFF;font-weight: bold;} #topmenu a:hover {color: #E9FAFC;font-weight: bold;} .login {margin: 0px;padding: 3px 10px 0px 10px;width: 306px;float: left;background-image: url('http://i67.servimg.com/u/f67/12/27/99/96/login10.png');background-repeat: no-repeat;height: 67px;font-family: tahoma;font-size: 11px;} .l_traidntnet {float: right;overflow: hidden;width: 160px;height: 120px;margin-top: 5px;} .information {height: 20px;font-family: tahoma;font-size: 9px;color: #999999;text-align: center;} .business_traidnt_com {height: 120px;font-family: tahoma;font-size: 11px;color: #009BD7;margin-top: 2px;width: 240px;float: right;margin-right: 5px;border-right-style: dotted;border-right-width: 2px;border-right-color: #1FA9BD;padding-right: 10px;padding-top: 0px;} /* topsupport */ #topsupport{padding-top: 5px;padding-bottom: 5px;margin: 5px auto 5px auto;} #topsupport ul{border-width: 2px;border-color: #FF9933;padding: 0px 0px 0px 0px;list-style: none;margin: 0px 0px 0px 0px;width: 240px;text-align: right;height: 50px;border-top-style: dotted;} #topsupport li{background-position: 100% 100%;float: right;margin: 0;display: inline;background-image: url('http://i67.servimg.com/u/f67/12/27/99/96/ico-go10.gif');background-repeat: no-repeat;text-align: right;padding-right: 18px;width: 100px;} #topcontact{margin-top: 2px;margin-bottom: 2px;padding-top: 2px;padding-bottom: 2px;} #topcontact{width: 100%;clear: right;text-align: right;} #topcontact ul{padding: 0px 0px 0px 0px;list-style: none;margin: 0px 0px 0px 0px;width: 245px;text-align: right;height: 20px;} #topcontact li{background-position: 100% 100%;float: right;margin: 0;display: inline;background-image: url('http://i67.servimg.com/u/f67/12/27/99/96/ico-ma10.gif'); background-repeat: no-repeat;text-align: right;padding-right: 10px;width: 80px;} .d3aa { text-align: center; margin: 30px 2px 6px 2px; padding: 2px; height: 30px; font-family: tahoma; font-size: 11px; color: #F06F0F; background-color: #F7F7F7; border-top-style: dotted; border-right-style: solid; border-bottom-style: dotted; border-top-width: 2px; border-right-width: 3px; border-bottom-width: 2px; border-top-color: #CCCCCC; border-right-color: #148D9F; border-bottom-color: #CCCCCC; float: left; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } وشكرا
|
|
|
\همس المشاعر/ عضو جديد
عدد المساهمات : 180 نقاط : 230 تاريخ التسجيل : 26/03/2011
| موضوع: رد: حصريا واجهة ترايد نتTRAIDNTعلى منتديات أحلى منتدى بنفس التوزيع بتعديل تمبلات وتوزيعcss+ استعرض الموضوع السابق استعرض الموضوع التالي الجمعة أبريل 08, 2011 1:34 pm | |
| عوافي لك يارب | |
|