السلام عليكم
اليكم ستايل او كود يجعل اى استيل
متناثق مع الجوال
واليكم صور معاينة
وهذا هو الكود
يوضع فى ورقةCSS
الكود:
/*---mobile-metro-style-by Quân Ligerv---*/ @media screen and (max-width: 800px) { #page-body{background-color:#f6f6f6;} .mobile_title.application_header{background:#43A6DF;} .form_login{margin-top:30px;} .inputTxtContainer{background:none;border:none;margin-top:0;} .inputTxtContainer .inputTxt{background-color:#FFF!important;line-height:1.4;font-size:16px;display:block;width:97%;border:1px solid #E4E4E4;padding:.4em;} .autologin{position:relative;z-index:100;} .autologin label{margin-left:10px;} #checkbox_autologin{z-index:101;line-height:31px;height:31px;margin-left:10px;} #checkbox_autologin:after{content:" ";height:31px;width:100%;position:absolute;background:#fff;left:0;z-index:-1;border:1px solid #E4E4E4;top:0;} .defaultBtn{width:100%;min-height:31px;background:#505558;border-radius:0;} .mobile_set{background:#2E3539;} .mobile_item{border:none;border-top:1px solid #e4e4e4;background:#fff;} .mobile_item:hover{background:#f2f2f2;} .forum_no_new,.cat_no_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_10.png) no-repeat scroll 0 50%;} .forum_new,.cat_new{background:url(http://i76.servimg.com/u/f76/15/23/22/46/forum_11.png) no-repeat scroll 0 50%;} .forum_locked{background:url(http://i76.servimg.com/u/f76/15/23/22/46/rsz_re10.png) no-repeat scroll 5px 50%;background-size:25px 25px;} .mobile_item_link_content{background:url(http://i76.servimg.com/u/f76/15/23/22/46/go10.png) no-repeat scroll 100% 50%;padding:0 2.5em 0 45px;} .mobile_title{background:#2E3539;border-bottom:1px solid #5e5e5e;} .mobile_prev_button,.mobile_next_button{border:none;box-shadow:none;width:24px;height:24px;background-image:url(http://i76.servimg.com/u/f76/15/23/22/46/metro-11.png);border-radius:0;background-color:transparent;background-position:-84px 50%;margin:3px;} .mobile_next_button div,.mobile_next_button p,.mobile_prev_button p,.mobile_prev_button div{display:none;} .post{background:#FFF;border-bottom:solid 1px #E4E4E4;} .postbody .post_header{background-color:#F2F2F2;background-image:none;border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;border-right:none;border-left:none;color:#3e3e3e;font-weight:700;text-shadow:0 1px 1px #fff;} blockquote{border-radius:0;border-color:#ccc;} blockquote cite{border-radius:0;} .spoiler_title{background:none;border-radius:0;color:#fff;} .spoiler_content.hidden,.codebox code{background:#4e4e4e;border-radius:0;border:1px solid #555;} .spoiler,.codebox{background:#2E3539;border-radius:0;color:#fff;border:0;} .mobile_prev_button{background-position:-112px 50%;} }والان انتهى الموضوع
