واجهة بتقنية مميزة من تحويلنا

السلام عليكم ورحمة الله وبركاتة

اقدم لكم بفضل الله تعالى

واجهة بتقنية مميزة من تحويلنا

صورة الواجهه

واجهة بتقنية مميزة من تحويلنا 0412_md_13388327371

واجهة بتقنية مميزة من تحويلنا 0412_md_13388327372

الكود

[spoiler]

الكود:: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title> واجهة مجانية من تحويل منتديات شعبى ميكس CSS</title> <script type="text/javascript" src="images/jquery.js"></script> <script type="text/javascript" > $(document).ready(function () { $('.up').click(function () { $('.up,.c_vb').hide('fast'); $('.dwn').show('fast'); }); $('.dwn').click(function(){ $('this').hide('fast'); $('.c_vb,.up').show('fast'); }); }); </script> <style media="all" type="text/css" > * { margin:0px auto ; } body { font-family:Tahoma; font-size:small; font-weight:bold; } #big_contener { background-color:#FFFFFF; width:100%; display:table; float:right; } #big_header { background-image:url('http://download.mrkzy.com/e/0412_md_13388271443.png'); background-repeat:repeat-x; height:280px; width:100%; float:right; display:table; } #big_footer { background-image:url('http://download.mrkzy.com/e/0412_md_13388271442.png'); background-repeat:repeat-x; height:204px; width:100%; float:right; display:table; margin-top:20px; } #footer { width:750px; height:145px; margin-top:60px; } .right_links_footer { width:444px; height:100%; float:right; } .right_links_footer a { background-image:url('http://download.mrkzy.com/e/0412_md_13388287852.png'); background-position:0px 0px; background-repeat:no-repeat; width:135px; height:28px; line-height:28px; float:right; display:block; color:#FFF; text-align:center; text-decoration:none; margin-top:5px; margin-right:10px; } .right_links_footer a:active ,.right_links_footer a:hover { background-position:0px -28px; } .left_design { width:301px; height:100%; float:left; } .my_design_copy { background-image:url('http://download.mrkzy.com/e/0412_md_13388272713.png'); background-repeat:no-repeat; height:51px; width:269px; float:right; margin-top:10px; text-align:center; line-height:51px; color:#666; font-size:11px; } .copy_right_volen { background-image:url('http://download.mrkzy.com/e/0412_md_13388273981.png'); background-repeat:no-repeat; height:71px; width:269px; float:right; margin-top:7px; line-height:30px; text-align:center; color:#666; font-size:11px; } #big_main { width:100%; display:table; float:right; } #header { width:750px; height:280px; } .main { width:750px; display:table; } .main_nice { width:750px; display:table; float:right; } .navbar { background-image:url('http://download.mrkzy.com/e/0412_md_13388285962.png'); float:right; height:109px; width:750px; } .upnavbar { height:69px; width:702px; margin-right:29px; float:right; } .downbar { height:40px; width:192px; float:left; margin-left:114px; } .nav_links { height:100%; width:351px; float:right; } .nav_links a { display:block; width:93px; height:37px; float:right; margin-right:10px; line-height:37px; text-align:center; text-decoration:none; color:#FFFFFF; margin-top:29px; } .nav_links a:active ,.nav_links a:hover { background-image:url('images/bt.png'); } .nav_search { height:100%; width:351px; float:left; } .input_text { width:184px; height:37px; float:left; margin-top:29px; margin-left:13px } .go_bt { background-image:url('http://download.mrkzy.com/e/0412_md_13388280641.png'); background-position:0px 0px; height:37px; width:79px; float:left; margin-left:4px; margin-top:29px; color:#FFFFFF; text-align:center; line-height:37px; text-decoration:none; } .go_bt:active , .go_bt:hover { background-position:0px -37px; } .face { background-image:url('http://download.mrkzy.com/e/0412_md_13388277113.png'); background-repeat:no-repeat; display:block; height:30px; width:29px; float:left; margin-left:18px; } .twit { background-image:url('http://download.mrkzy.com/e/0412_md_13388282252.png'); background-repeat:no-repeat; display:block; height:30px; width:29px; float:left; margin-left:29px; } .rss { background-image:url('http://download.mrkzy.com/e/0412_md_13388282253.png'); background-repeat:no-repeat; display:block; height:30px; width:29px; float:left; margin-left:29px; } .logo_home { background-image:url('http://download.mrkzy.com/e/0412_md_13388284922.png'); background-repeat:no-repeat; float:right; width:274px; height:171px; } .ads { height:171px; width:476px; float:left; } .ads_1 { background-image:url('http://download.mrkzy.com/e/0412_md_13388269771.gif'); background-repeat:no-repeat; height:60px; width:450px; border:1px #000000 dashed; margin-top:10px; display:block; } .ads_2 { background-image:url('http://download.mrkzy.com/e/0412_md_13388269772.gif'); background-repeat:no-repeat; height:60px; width:450px; border:1px #000000 dashed; margin-top:10px; display:block; } .right_block { width:170px; float:right; margin-right:8px; margin-top:15px; } .chat_box { width:265px; float:right; margin-right:19px; } .v_chat_box { width:265px; float:left; } .h_v_chat { background-image:url('http://download.mrkzy.com/e/0412_md_13388282251.png'); background-repeat:no-repeat; width:265px; height:82px; } .c_v_chat { background-image:url('http://download.mrkzy.com/e/0412_md_13388272711.png'); background-repeat:repeat-y; width:265px; } .cc_v_chat { width:234px; text-align:center; color:#666; } .f_v_chat { background-image:url('http://download.mrkzy.com/e/0412_md_13388277112.png'); background-repeat:no-repeat; width:265px; height:59px; } .f_v_chat a { text-decoration:none; margin-top:18px; color:#FFFFFF; float:right; margin-right:20px; } .f_v_chat a:hover , .f_v_chat a:active { color:#FFCC00; } .h_right_block { background-image:url('http://download.mrkzy.com/e/0412_md_13388280642.png'); width:170px; height:64px; background-repeat:no-repeat; } .c_right_block { background-image:url('http://download.mrkzy.com/e/0412_md_13388269773.png'); background-repeat:repeat-y; width:170px; float:right; } .cc_right_block { width:135px; text-align:center; } .cc_right_block a { background-image:url('http://download.mrkzy.com/e/0412_md_13388272712.png'); background-repeat:no-repeat; background-position:0px 0px; display:block; width:100%; height:28px; float:right; margin-bottom:8px; line-height:28px; text-decoration:none; color:#FFFFFF; } .cc_right_block a:active ,.cc_right_block a:hover { background-position:0px -28px; } .f_right_block { background-image:url('http://download.mrkzy.com/e/0412_md_13388273983.png'); width:170px; height:18px; background-repeat:no-repeat; float:right; } .h_chat_box { background-image:url('http://download.mrkzy.com/e/0412_md_13388280643.png'); width:265px; height:79px; background-repeat:no-repeat; } .c_chat_box { background-image:url('http://download.mrkzy.com/e/0412_md_13388271441.png'); background-repeat:repeat-y; } .cc_chat_box { width:231px; text-align:center; color:#666; } .f_chat_box { background-image:url('http://download.mrkzy.com/e/0412_md_13388277111.png'); background-repeat:no-repeat; height:62px; width:265px; } .f_chat_box a { text-decoration: none ; float: right ; margin-top:20px; margin-right:20px; color:#FFF; } .f_chat_box a:active ,.f_chat_box a:hover { color:#FFCC00; } .vb_cat { width:729px; display:table; margin-top:20px; } .h_vb { background-image:url('http://download.mrkzy.com/e/0412_md_13388289853.png'); background-repeat:no-repeat; height:75px; width:729px; } .up { float: left; height: 30px; margin-left: 20px; margin-top: 10px; width: 30px; cursor:pointer; } .dwn { float: left; height: 30px; margin-left: 20px; margin-top: 10px; width: 30px; display:none; cursor:pointer; } .c_vb { background-image:url('http://download.mrkzy.com/e/0412_md_13388289842.png'); background-repeat:repeat-y; width:729px; float:right; } .c_vb a { background-image:url('http://download.mrkzy.com/e/0412_md_13388283962.png'); background-repeat:no-repeat; background-position:160px center; text-align:right; padding-right:20px; width:150px; height:24px; line-height:22px; float:right; margin-right:10px; text-decoration:none; color:#666; font-size:12px; } .c_vb a:active,.c_vb a:hover { background-position:152px center ; color:#FF9900; } .f_vb { background-image:url('http://download.mrkzy.com/e/0412_md_13388289841.png'); background-repeat:repeat-x; height:26px; } .f_vb_right { background-image:url('http://download.mrkzy.com/e/0412_md_13388291282.png'); background-repeat:no-repeat; float:right; width:40px; height:26px; } .f_vb_left { background-image:url('http://download.mrkzy.com/e/0412_md_13388291281.png'); background-repeat:no-repeat; float:left; width:56px; height:26px; } .volen_logo { background-image:url('http://download.mrkzy.com/e/0412_md_13388293111.png'); background-repeat:no-repeat; height:28px; width:44px; display:block; } .clear { clear:both; } </style> </head> <body><div id="big_contener"> <div id="big_header"> <div id="header"> <div class="navbar"> <div class="upnavbar"> <div class="nav_links"> <a href="#">الرئيسية</a> <a href="#">الرئيسية</a> <a href="#">الرئيسية</a> </div> <div class="nav_search"> <a class="go_bt" href="#">بحـــث</a> <div class="input_text"></div> </div> </div> <div class="downbar"> <a href="#" class="face"></a> <a href="#" class="twit"></a> <a href="#" class="rss"></a> </div> </div> <div class="logo_home"> </div> <div class="ads"> <a href="#" target="_blank" title="مساحة أعلانية رقم 1" class="ads_1"></a> <a href="#" target="_blank" title="مساحة أعلانية رقم 2" class="ads_2"></a> </div> </div> </div> <div id="big_main"> <div class="main"> <div class="main_nice"> <div class="right_block"> <div class="h_right_block"></div> <div class="c_right_block"> <div class="cc_right_block"> <a href="#">الرئيسية</a> <a href="#">الرئيسية</a> <a href="#">الرئيسية</a> <a href="#">الرئيسية</a> </div> </div> <div class="f_right_block"></div> </div> <div class="chat_box"> <div class="h_chat_box"></div> <div class="c_chat_box"> <div class="cc_chat_box"> هنا تضع الدردشة الكتابية </div> </div> <div class="f_chat_box"> <a href="#" target="_blank" > الاختصارات</a> <a href="#" target="_blank" > الاشتراكات</a> <a href="#" target="_blank" style="color: #FF0000;"> السوبر</a> </div> </div> <div class="v_chat_box"> <div class="h_v_chat"></div> <div class="c_v_chat"> <div class="cc_v_chat"> هنا تضع الدردشة الصوتية </div> <div class="f_v_chat"> <a href="#" target="_blank" > الاختصارات</a> <a href="#" target="_blank" > الاشتراكات</a> <a href="#" target="_blank" style="color: #FF0000;"> السوبر</a> </div> </div> </div> </div> <div class="clear"></div> <div class="vb_cat"> <div class="h_vb"> <div class="up"></div> <div class="dwn"></div> </div> <div class="c_vb"> <a href="#">القسم الاول </a> <a href="#">القسم الثانى </a> <a href="#">القسم الثالث </a> <a href="#">القسم الرابع </a> <a href="#">القسم الخامس </a> <a href="#">القسم السادس </a> <a href="#">القسم السابع </a> <a href="#">القسم الثامن </a> <a href="#">القسم التاسع </a> <a href="#">القسم العاشر </a> <a href="#">القسم الثانى عشر </a> <a href="#">القسم الثالث عشر </a> </div> <div class="clear"></div> <div class="f_vb"> <div class="f_vb_right"></div> <div class="f_vb_left"></div> </div> </div> </div> </div><div id="big_footer"> <div id="footer"> <div class="right_links_footer"> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> <a href="#" target="_blank">أعلان نصى</a> </div> <div class="left_design"> <div class="my_design_copy"> جميع الحقوق محفوظة لموقع شعبى ميكس </div> <div class="copy_right_volen"> التصميم محول عن طريق منتديات شعبى ميكس <a href="htpp://www.volen-web.com" target="_blank" title="تحويل منتديات شعبى ميكس " class="volen_logo"> </a> </div> </div> </div> </div> </div> </body> </html><br[/spoiler]>

ضع رد لمشاهده الكود

واجهة بتقنية مميزة من تحويلنا 983704397

ولا احلل استخدامها فى مايغضب الله واعلموا ان الله مطلع على كل شئ

اتمنى من الله ان تنال اعجابكم وردمتم فى رعاية الله

والسلام عليكم ورحمة الله وبركاتة

راااااااااائع شكرا

كيف يتم تركيب

فارس كتب:: كيف يتم تركيب

اخى

ادخل على لوحه الاداره

عناصر اضافيه

اداه صفحات الهتمل

انشاء عنصر جديد

ثم ضع الكود

وعدل عليه

ولكن لا تزيل الحقوق تبع منتدانا
والله شهيد عليك

ثم اجعلها الصفحه الرئيسيه (نعم)

سجل

ومبروك عليك

رااااااااائع تسلم ايدك