اريد كود

اريد كود لعمل مثل هذه الصوره يعنب  كلمه الدخول والارشيف ال في الوسط وكلمه التجديد  وشكلهم الجميل المهم الصوره انا عامل مربع على  الكود ال عايزه بالظبط

http://im72.gulfup.com/NnTdp4.jpg

جآآآآري البحث

تفضل

الكود:

#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{[size=10][b][/b][/size]
color: #9a9a9a;[size=10][b][/b][/size]
text-shadow: 1px 1px 1px #ffffff;[size=10][b][/b][/size]
text-decoration:none;[size=10][b][/b][/size]
font-family: Arial Black;[size=10][b][/b][/size]
text-transform: uppercase;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_main_options a:hover{[size=10][b][/b][/size]
color: grey;[size=10][b][/b][/size]
text-shadow: 1px 1px 1px #b8b8b8;[size=10][b][/b][/size]
text-decoration:none !important;[size=10][b][/b][/size]
font-family: Arial Black;[size=10][b][/b][/size]
text-transform: uppercase;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
[size=10][b][/b][/size]
#chatbox_main_options {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;[size=10][b][/b][/size]
float: right;[size=10][b][/b][/size]
border: 1px solid #c9c9c9;[size=10][b][/b][/size]
margin-right: 50px;[size=10][b][/b][/size]
margin-top: -17px;[size=10][b][/b][/size]
padding: 2px 3px 1px 5px;[size=10][b][/b][/size]
border-radius: 0px 0px 5px 5px;[size=10][b][/b][/size]
-moz-border-radius: 0px 0px 5px 5px;[size=10][b][/b][/size]
-webkit-box-shadow: 0px 0px 4px #c6c6c6;[size=10][b][/b][/size]
box-shadow: 0px 0px 4px #c6c6c6;[size=10][b][/b][/size]
-moz-box-shadow: 0px 0px 4px #c6c6c6;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_main_options:hover {[size=10][b][/b][/size]
margin-top: -7px;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
/*----------------Members----------------*/[size=10][b][/b][/size]
#chatbox_members {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);[size=10][b][/b][/size]
margin-bottom: -30px;[size=10][b][/b][/size]
border-right: 1px solid #c9c9c9;[size=10][b][/b][/size]
background-color: #ffffff;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_members:hover {[size=10][b][/b][/size]
border-right: 1px solid #b7b7b7;[size=10][b][/b][/size]
background-color: #fcfcfc;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
h4.member-title{[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;[size=10][b][/b][/size]
font-family: Arial Black;[size=10][b][/b][/size]
text-transform: uppercase;[size=10][b][/b][/size]
color: #ffffff !important;[size=10][b][/b][/size]
text-shadow: 0px 0px 3px black;[size=10][b][/b][/size]
margin-top: -1px;[size=10][b][/b][/size]
cursor: default;[size=10][b][/b][/size]
letter-spacing: 0.5em;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
[size=10][b][/b][/size]
#chatbox_members ul {[size=10][b][/b][/size]
list-style: none;[size=10][b][/b][/size]
margin: 0px;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_members ul li {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);[size=10][b][/b][/size]
font-family: Arial Black;[size=10][b][/b][/size]
font-weight: bold;[size=10][b][/b][/size]
font-size: 14px;[size=10][b][/b][/size]
color: #393939;[size=10][b][/b][/size]
padding-left: 10px;[size=10][b][/b][/size]
border-bottom: 1px solid #e2e2e2;[size=10][b][/b][/size]
margin: 0px;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
[size=10][b][/b][/size]
#chatbox_members ul li:hover {[size=10][b][/b][/size]
background-color: #f4f4f4;[size=10][b][/b][/size]
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');[size=10][b][/b][/size]
background-repeat: no-repeat;[size=10][b][/b][/size]
background-position: center left;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_members ul li:active {[size=10][b][/b][/size]
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_members ul li a {[size=10][b][/b][/size]
text-shadow: 1px 1px 1px #ffffff;[size=10][b][/b][/size]
font-size: 12px;[size=10][b][/b][/size]
color: #909090;[size=10][b][/b][/size]
text-decoration: none;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_members ul li a:hover {[size=10][b][/b][/size]
color: #393939;[size=10][b][/b][/size]
text-decoration: none !important;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
[size=10][b][/b][/size]
/*----------------Footer----------------*/[size=10][b][/b][/size]
#chatbox_messenger .catBottom{[size=10][b][/b][/size]
background: none !important;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#chatbox_messenger_form {[size=10][b][/b][/size]
width: 550px;[size=10][b][/b][/size]
background: none !important;[size=10][b][/b][/size]
float: none !important;[size=10][b][/b][/size]
bottom: 0px ;[size=10][b][/b][/size]
position: fixed;[size=10][b][/b][/size]
z-index: 999;[size=10][b][/b][/size]
margin-left: auto;[size=10][b][/b][/size]
margin-right: auto;[size=10][b][/b][/size]
left: 0;[size=10][b][/b][/size]
right: 0;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.chatfootertable {[size=10][b][/b][/size]
-webkit-box-shadow: 0px 0px 4px #d4d4d4;[size=10][b][/b][/size]
box-shadow: 0px -0px 4px #d4d4d4;[size=10][b][/b][/size]
-moz-box-shadow: 0px 0px 4px #d4d4d4;[size=10][b][/b][/size]
box-shadow: 0px 0px 4px #c6c6c6;[size=10][b][/b][/size]
-moz-box-shadow: 0px 0px 4px #c6c6c6;[size=10][b][/b][/size]
border-top: 1px solid #c9c9c9;[size=10][b][/b][/size]
border-left: 1px solid #c9c9c9;[size=10][b][/b][/size]
border-right: 1px solid #c9c9c9;[size=10][b][/b][/size]
border-bottom: 0px;[size=10][b][/b][/size]
height: 30px;[size=10][b][/b][/size]
border-radius: 5px 5px 0px 0px;[size=10][b][/b][/size]
-moz-border-radius: 5px 5px 0px 0px;[size=10][b][/b][/size]
background-color: #ffffff;[size=10][b][/b][/size]
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));[size=10][b][/b][/size]
background: -moz-linear-gradient(top, #ffffff, #e2e2e2);[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.chatfootertable:hover {[size=10][b][/b][/size]
border-top: 1px solid #a7a7a7;[size=10][b][/b][/size]
border-left: 1px solid #a7a7a7;[size=10][b][/b][/size]
border-right: 1px solid #a7a7a7;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.text-styles {[size=10][b][/b][/size]
color: grey;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;[size=10][b][/b][/size]
border: 1px solid #c9c9c9;[size=10][b][/b][/size]
background-color: #ffffff;[size=10][b][/b][/size]
border-radius: 3px;[size=10][b][/b][/size]
-moz-border-radius: 3px;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;[size=10][b][/b][/size]
border: 1px solid #a2a2a2;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.gen label input#message {[size=10][b][/b][/size]
height: 17px;[size=10][b][/b][/size]
font-size: 12px;[size=10][b][/b][/size]
border: 1px solid #c9c9c9;[size=10][b][/b][/size]
background-color: #ffffff;[size=10][b][/b][/size]
border-radius: 3px;[size=10][b][/b][/size]
-moz-border-radius: 3px;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.gen label input#message:hover {[size=10][b][/b][/size]
border: 1px solid #b2b2b2;[size=10][b][/b][/size]
background-color: #f5f5f5;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.gen label input#message:focus {[size=10][b][/b][/size]
border: 1px solid #a4a4a4;[size=10][b][/b][/size]
background-color: #e0fdff;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.gen input#submit_button {[size=10][b][/b][/size]
cursor: pointer;[size=10][b][/b][/size]
color: #929292;[size=10][b][/b][/size]
font-family: Arial Black;[size=10][b][/b][/size]
text-transform: uppercase;[size=10][b][/b][/size]
font-size: 12px;[size=10][b][/b][/size]
padding-left: 2px;[size=10][b][/b][/size]
padding-right: 2px;[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;[size=10][b][/b][/size]
border: 1px solid #c9c9c9;[size=10][b][/b][/size]
background-color: #ffffff;[size=10][b][/b][/size]
border-radius: 3px;[size=10][b][/b][/size]
-moz-border-radius: 3px;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.gen input#submit_button:hover {[size=10][b][/b][/size]
color: #2c2c2c;[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;[size=10][b][/b][/size]
border: 1px solid #a2a2a2;[size=10][b][/b][/size]
}[size=10][b][/b][/size]
.gen input#submit_button:active {[size=10][b][/b][/size]
background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;[size=10][b][/b][/size]
}

مشكله في الكود عندما اضع الكود ثم اضغط قدم تظهر هذه الصفحه
http://im44.gulfup.com/B5Q5QV.jpg

Mohamed Fadar كتب:مشكله في الكود عندما اضع الكود ثم اضغط قدم تظهر هذه الصفحه
http://im44.gulfup.com/B5Q5QV.jpg

ما الكود الذي استخدمته ؟؟

هذا  الكود   

الكود:

#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{color: #9a9a9a;text-shadow: 1px 1px 1px #ffffff;text-decoration:none;font-family: Arial Black;text-transform: uppercase;}#chatbox_main_options a:hover{color: grey;text-shadow: 1px 1px 1px #b8b8b8;text-decoration:none !important;font-family: Arial Black;text-transform: uppercase;} #chatbox_main_options {background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;float: right;border: 1px solid #c9c9c9;margin-right: 50px;margin-top: -17px;padding: 2px 3px 1px 5px;border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;-webkit-box-shadow: 0px 0px 4px #c6c6c6;box-shadow: 0px 0px 4px #c6c6c6;-moz-box-shadow: 0px 0px 4px #c6c6c6;}#chatbox_main_options:hover {margin-top: -7px;}/*----------------Members----------------*/#chatbox_members {background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);margin-bottom: -30px;border-right: 1px solid #c9c9c9;background-color: #ffffff;}#chatbox_members:hover {border-right: 1px solid #b7b7b7;background-color: #fcfcfc;}h4.member-title{background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;font-family: Arial Black;text-transform: uppercase;color: #ffffff !important;text-shadow: 0px 0px 3px black;margin-top: -1px;cursor: default;letter-spacing: 0.5em;} #chatbox_members ul {list-style: none;margin: 0px;}#chatbox_members ul li {background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);font-family: Arial Black;font-weight: bold;font-size: 14px;color: #393939;padding-left: 10px;border-bottom: 1px solid #e2e2e2;margin: 0px;} #chatbox_members ul li:hover {background-color: #f4f4f4;background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');background-repeat: no-repeat;background-position: center left;}#chatbox_members ul li:active {background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');}#chatbox_members ul li a {text-shadow: 1px 1px 1px #ffffff;font-size: 12px;color: #909090;text-decoration: none;}#chatbox_members ul li a:hover {color: #393939;text-decoration: none !important;}                           /*----------------Footer----------------*/#chatbox_messenger .catBottom{background: none !important;}#chatbox_messenger_form {width: 550px;background: none !important;float: none !important;bottom: 0px ;position: fixed;z-index: 999;margin-left: auto;margin-right: auto;left: 0;right: 0;}.chatfootertable {-webkit-box-shadow: 0px 0px 4px #d4d4d4;box-shadow: 0px -0px 4px #d4d4d4;-moz-box-shadow: 0px 0px 4px #d4d4d4;box-shadow: 0px 0px 4px #c6c6c6;-moz-box-shadow: 0px 0px 4px #c6c6c6;border-top: 1px solid #c9c9c9;border-left: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;border-bottom: 0px;height: 30px;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;background-color: #ffffff;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));background: -moz-linear-gradient(top, #ffffff, #e2e2e2);}.chatfootertable:hover {border-top: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7;border-right: 1px solid #a7a7a7;}.text-styles {color: grey;}#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;border: 1px solid #c9c9c9;background-color: #ffffff;border-radius: 3px;-moz-border-radius: 3px;}#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;border: 1px solid #a2a2a2;}#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;}.gen label input#message {height: 17px;font-size: 12px;border: 1px solid #c9c9c9;background-color: #ffffff;border-radius: 3px;-moz-border-radius: 3px;}.gen label input#message:hover {border: 1px solid #b2b2b2;background-color: #f5f5f5;}.gen label input#message:focus {border: 1px solid #a4a4a4;background-color: #e0fdff;}.gen input#submit_button {cursor: pointer;color: #929292;font-family: Arial Black;text-transform: uppercase;font-size: 12px;padding-left: 2px;padding-right: 2px;background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;border: 1px solid #c9c9c9;background-color: #ffffff;border-radius: 3px;-moz-border-radius: 3px;}.gen input#submit_button:hover {color: #2c2c2c;background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;border: 1px solid #a2a2a2;}.gen input#submit_button:active {background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;}

من فضلكم ساعدوني

لماذا لا احد يرد

مرحبا يا غالي,,عذرا على التأخير 
-----
لم افهم بالظبط هل بعد تركيب الكود تظهر هذه الصفحه ام ماذا 
من فضلك توضيح اكثر

اقصد عندما اضع الكود في ورقه css واضغط قدم تظهر الصفحه ال قولتلك عليها

رابط المنتدى من فضلك

هاهو
http://battels-of-ninja.ahlamuntada.com/

من فضلكم ساعدوني الموضوع باقي عليه كام يوم

يا عم خلاص الموضوع باقيلو كام يوم وحدش بيرد  انا اطلب غلق الموضوع