طرز درست نوشتن این php چیه؟

سلام به اساتید محترم وبهاستینگ

کد PHP:

---

<div class="box-two main">
<div class="forum">
<div class="title">
<h2><span class="icon-large icon-foursquare"></span>آخرین مطالب </h2>
</div>
<div class="text">
<ul>
<?php query_posts('showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> <b><?php if(function_exists('the_views')) { the_views(); } ?> نمایش</b></li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</ul>
</div>
</div>

---

در تصویر پیوست شده
سمت راستی درسته ولی سمت چپی ریخت بهم درست نمایش نمیده
این کد رو باید چه طور تغییر بدم؟

کد PHP:

---

<div class="linkdooni">
<div class="title">
<h2><span class="icon-large icon-star-half-empty"></span>مطالب محبوب</h2>
</div>
<div class="text">
<ul>
<?php get_most_viewed(); ?>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>

---

کد HTML:

---

@font-face{font-family:'Yekan';src:url('Fonts/BYekan.ttf') format('truetype'), url('Fonts/BYekan.eot?#') format('eot'), url('Fonts/BYekan.woff') format('woff');font-style:normal;font-weight:normal;}
*{margin:0;padding:0;outline:0;border:0;font-size:100%;}
li, ul, li{list-style:none;}
.input-comment, .text-box, select, input.text_input, textarea, input{font:13px Yekan,tahoma;padding:3px 10px 3px 0px;text-align:right;margin:5px 0px 5px 5px;color:#999;border-radius:0px;background:#f7f7f7;border:1px solid #DDD;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset;transition:all 0.3s ease-out;}
.input-comment:focus, .text-box:focus, input.text_input:focus, textarea:focus, input:focus{border:#97cb49 solid 1px;color:#444}
input, select{font-family:Yekan, tahoma;}
#cancel_reply a{float:left}
.comment-button, .wpcf7-submit, .submit,#cancel_reply a, .thdrpy a{background:#f6584c;text-shadow:1px 1px #e55247;font:14px Yekan, tahoma;color:#FFF;cursor:pointer;padding:1px 5px;border:none;margin:5px 0px 0px;border:1px solid #e55247;border-radius:3px;}
.comment-button:hover, .wpcf7-submit:hover, .submit:hover,#cancel_reply a:hover, .thdrpy a:hover{color:#FFF;background:#e55247;text-shadow:1px 1px #cf493f;border:none;border:1px solid #cf493f;}
.comment-button:focus, .wpcf7-submit:focus, .submit:focus,#cancel_reply a:focus, .thdrpy a:focus{color:#FFF;background:#cf493f;text-shadow:1px 1px #b73f37;border:none;border:1px solid #b73f37;}
a{text-decoration:none;color:inherit;cursor:pointer;display:inline-block;transition:all 0.3s ease-out;}
.Histats{overflow:hidden !important;height:0 !important;}
.clear{width:0 !important;height:0 !important;clear:both;overflow:hidden;}
body{direction:rtl;background: #444;font:11px Yekan;line-height:20px;}
.main{width:980px;margin:0 auto;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.chahar-dah {float: left;}
.Chahardah {width:95px;height:35px;float:left;margin:3px 0px 4px;background:url('images/copright.png') 0% 0% no-repeat scroll transparent;}
.header{background:#404040;border-bottom:1px solid #666;}
.header .top-header{height:80px;}
.header .top2{padding:2px 0;border-bottom:1px dashed #797678;border-top:1px dashed #797678;width:100%;}
.header .top{background:none 0% 0% repeat scroll #626163;padding:5px 0;color:#DBDADA;overflow:hidden;white-space:nowrap;border-bottom:1px solid #797678;border-top:1px solid #797678;width:100%;height:20px;}
.header .top ul{margin:0 auto;width:980px;}
.breadcrumbs{font:13px Yekan, tahoma;color:#F2F2F2;margin:0 auto;text-align:right;float:right;}
.breadcrumbs a{color:#f2f2f2;}
.breadcrumbs a:hover{color:#d9d9d9;border-bottom:2px solid #d9d9d9;}
.date{float:left;font:12px Yekan, tahoma;color:#F2F2F2;}
h1.txt-logo{float:right;font:14px Yekan,tahoma;width:440px;text-align:right;color:#F2F2F2;margin:49px 60px 0px;}
.header .top-header .logo{background:url('images/logo.png') 0% 65% no-repeat scroll transparent;width:200px;height:80px;position:absolute;}
.adsbanner{float:left;}
.adsbanner img{border:#626163 solid 4px;margin:6px 0 0;}
.header .menu{height:31px;}
.header .menu .nav{width:700px;}
.header .menu .nav li{font:12px Yekan, tahoma;float:right;}
.header .menu .nav li a{color:#dbdada;background:#555454;padding:5px 22px;}
.header .menu .nav li a:hover{color:#636363;background:#eceae3;}
.header .menu .search{padding:4px 7px 4px;background:none 0% 0% repeat scroll #555454;}
.header .menu .search input[type="text"]{width:215px;font:12px Yekan, tahoma;color:#B3B3B3;margin-left:3px;padding:1px 4px 2px;border-top:1px solid #353535;border-left:1px solid #353535;background:none 0% 0% repeat scroll #3E3E3E;}
.search .button{color:#444;font:13px Yekan, tahoma;}
.header .menu .search input{padding:0;text-align:right;margin:0;border-radius:0px;background:none;border:none;box-shadow:none;transition:none;}
.box-two .forum{float:right;width:375px;}
.box-two .forum .title{border-width:1px;border-style:solid;border-color:#7CAD2E #7EAD2F #7FAC30 #7FAD32;background:#97CB49;text-shadow:1px 1px 0px #7daf30;}
.box-two .forum .title h2{color:#F2F2F2;border:#B4DB7F solid 1px;padding:4px 5px 4px 0;font:13px Yekan, tahoma;}
.box-two .forum .text{max-height:172px;overflow:hidden;background:#fdfdfd;padding:4px 10px;border:#d0d0d1 solid 1px;border-top:0;}
.box-two .forum .text > ul li:before{font-family:FontAwesome;font-size:8px;color:#97CB49;content:"\f10c";}
.box-two .forum .text li{border-top:1px dotted #C8C8C8;white-space:nowrap;}
.box-two .forum .text li:first-child, .box-two .linkdooni .text li:first-child{border-top:0;}
.box-two .forum .text li a{font:12px Yekan, tahoma;color:#595959;padding:2.5px 7px 2px 0;}
.box-two .forum .text li a:hover{color:#6da212;}
.box-two{margin-bottom:10px;}
.box-two .forum .text li b{opacity:0;transition:all 0.3s 0s ease-out;font:11px Yekan, tahoma;padding:1px 3px;color:#444;float:left;margin:-22px 0;background:#e4edd6;width:70px;text-align:center;border-radius:4px;}
.box-two .forum .text li:hover b{opacity:0.699999988079071044921875;}
.box-two .linkdooni .text li b{opacity:0;transition:all 0.3s 0s ease-out;font:12px Yekan, tahoma;padding:0 5px;color:#d9d9d9;float:left;margin:-23px 6px;background:none 0% 0% repeat scroll #444;width:70px;text-align:center;border-radius:4px;}
.box-two .linkdooni .text li:hover b{opacity:0.699999988079071044921875;}
.box-two .linkdooni{float:left;width:600px;}
.box-two .linkdooni .title{background:#555454;border-width:1px;border-style:solid;border-color:#4b4b4b #535353 #595858 #4b4b4b;}
.box-two .linkdooni .title h2{color:#F1F1F1;padding:5px 5px 5px 0;font:13px Yekan, tahoma;border:#484848 solid 1px;}
.box-two .linkdooni .text > ul li:before{font-family:FontAwesome;font-size:8px;color:#f2f2f2;content:"\f10c";}
.box-two .linkdooni .text{padding:3px 4px 2px;background:#3c3c3c;}
.box-two .linkdooni .text li{border-top:1px dotted #333;width:100%;float:right;white-space:nowrap;overflow:hidden;}
.box-two .linkdooni .text a{font:12px Yekan, tahoma;padding:2px 10px 3px 4px;color:#CBCBCB;}
.box-two .linkdooni .text a:hover{color:#fff;}
.container{overflow:visible;margin-top:5px;margin-bottom:10px;}
.container .sidebar > div{overflow:hidden;margin-bottom:5px;}
.container .sidebar > div > div{padding:5px 10px;}
.container .sidebar .title{color:#f0efef;border-radius: 10px 10px 1px 1px;;background:#23b4e4;text-shadow:1px 1px 0px #21a1cb;}
.container .sidebar .title h4,.container .sidebar .title h5{font:13px Yekan,tahoma}
.container .sidebar .title span{font:15px FontAwesome;margin-left:7px;margin-top:3px;display:block;float:right;}
.container .sidebar .text{background:#f9f9f9;border:#dadada solid 1px;border-top:0;}
.container .sidebar .text a{padding:4px 0;color:#595959;}
.container .sidebar .text a:hover{color:#409fd8;}
.container .sidebar-right{width:190px;}
.container .sidebar .archive .categories{font:16px/2 Yekan, tahoma;display:block;margin:0px;background:#f9f9f9;border:#dadada solid 1px;border-top:0;padding:0px;}
.container .sidebar .archive .categories > ul li:before{font-size:14px;content:"\f104";font-family:FontAwesome;position:absolute;color:#BFBFBF;margin-right:5px;text-align:center;top:4px;}
.container .sidebar .archive .categories ul li{position:relative;}
.container .sidebar .archive .categories ul li a{display:block;padding:1px 15px;background:#f0f0f0;color:#555;border-top:1px solid #fff;}
.container .sidebar .archive .categories ul li a:hover{background:#e0e0e0;color:#444;text-shadow:1px 1px 0 #f2f2f2;}
.container .sidebar .archive .categories ul li ul{display:none;width:100%;font:14px Yekan, tahoma;transition:all 0.3s ease-out;}
.container .sidebar .archive .categories ul li ul a{background:#f6584c;color:#F2F2F2;text-shadow:1px 1px 0 #e55247;}
.container .sidebar .archive .categories ul li ul a:hover{background:#e55247;color:#fff;text-shadow:1px 1px 0 #cf493f;}
.container .sidebar .archive .categories ul li ul li ul a{background:#444;color:#f2f2f2;text-shadow:1px 1px 0 #333;}
.container .sidebar .archive .categories ul li ul li ul a:hover{background:#333;color:#fff;text-shadow:1px 1px 0 #222;}
.container .sidebar .archive .categories ul li:hover ul{display:block;}
.container .sidebar .archive .categories ul li ul li ul{display:none !important;width:100%;font:11px Yekan, tahoma;}
.container .sidebar .archive .categories ul li ul li:hover ul{display:block !important;}
.container .sidebar .recent-post .text li, .container .sidebar .top-post .text li{border-top:1px dotted #cbcbcb;}
.container .sidebar .recent-post .text li:first-child, .container .sidebar .top-post .text li:first-child{border-top:0;}
.container .sidebar .archive .text{padding:0;}
.container .sidebar .archive .text > ul li:before,.container .sidebar .top-post .text > ul li:before{font-family:FontAwesome;font-size:10px;color:#23B4E4;content:"\f104";margin-left:6px;}
.container .sidebar .archive .text li{padding:1px 5px;color:#444;}
.container .sidebar .archive .text li:nth-child(even){background-color:#f2f2f2 !important;}
.container .sidebar .archive .text li a{padding:3px 0px;color:#444;}
.container .sidebar-left{width:260px;}
.container .sidebar .tabligh{overflow:visible;position:relative;}
.container .sidebar .tabligh .title{border-top-color:#656464;border-left-color:#626161;background:#7f7e7e;}
.container .sidebar .tabligh .text{padding:10px 4px;}
.container .sidebar .tabligh .text a{padding:1px;line-height:normal;}
.container .sidebar .tabligh a.but-tabligh{opacity:0.699999988079071044921875;border-radius:7px 0 0 7px;overflow:hidden;color:#696969;padding:1px 1px 1px 10px;background:#e4e4e4;position:absolute;left:-108px;bottom:30px;}
.container .sidebar .tabligh a.but-tabligh span{padding:4px 7px 4px 1px;}
.text-ads a{display:block;margin-top:2px;padding:4px;font:13px Yekan,tahoma;border-radius:3px;color:#444;text-shadow:1px 1px 0px #fff;background:none repeat scroll 0% 0% #f2f2f2;}
.text-ads a:hover{color:#f2f2f2;background:#23B4E4;text-shadow:1px 1px 0px #21A1CB;}
.content{width:510px;overflow:hidden;margin:0 auto;}
.content .main-post{margin-bottom:5px;}
.content .main-post .title{border:#73a71b solid 1px;border-bottom-color:#74a61b;border-left-color:#73a51a;border-right-color:#74a71b;background:#8ec637;text-shadow:1px 1px 0px #7daf30;}
.content .main-post .title i{font:15px FontAwesome;display:block;float:right;margin:8px 5px 0px 5px;color:#f2f2f2;}
.content .main-post .title .like{float:left;margin-top:-27px;z-index:1000;margin-left:10px;}
.content .main-post .title h1, .content .main-post .title h2, .content .main-post .title h3{padding:4px 7px;border-top:1px solid #b1d975;border-left:1px solid #9fcd56;color:#f0f0f0;font:14px Yekan,tahoma;}
.content .main-post .title h1 a:hover, .content .main-post .title h2 a:hover, .content .main-post .title h3 a:hover{padding:0px 5px;}
.content .main-post .text{background:#fefefe;border:#cecece solid 1px;border-top:0;padding:5px 10px 15px 10px;border-radius: 10px;}
.content .main-post .text .top{color:#444;}
.content .main-post .text .txt, .content .main-post .text .txt a{color:#525252;}
.content .main-post .text .txt a:hover{color:#800;}
.content .main-post .text .txt img{max-width:470px;height:auto;display:block;margin:7px auto;}
.content .main-post .text .txt img[width="20"], .content .main-post .text .txt img[width="24"]{display:inline;margin:0;}
.content .main-post .text .txt p{text-align:justify;}
.content .main-post .text .txt ul{padding-right:10px;}
.content .main-post .text .txt li:before{margin-left:5px;content:"\f104";font:12px FontAwesome;}
.content .main-post .text .download-links{background:#f2f2f2;padding:2px 5px;border-radius:5px 0px 5px 5px;border:1px solid #E5E5E5;}
.content .main-post .text .box-downloads{background:#f6584c;display:inline-flex;border-radius:1em 1em 0px 0px;width:25%;}
.content .main-post .text .box-downloads b{font-size:25px;margin-top:3px;display:block;float:right;font:15px Yekan,tahoma;color:#f2f2f2;text-shadow:1px 1px 0px #e55247;text-align:right;}
.content .main-post .text .box-downloads span{font-size:25px;margin:3px 6px 1px;display:block;float:right;color:#f2f2f2;text-shadow:1px 1px 0px #e55247;}
.content .main-post .text .download-links li:last-child{border-bottom:medium none;}
.content .main-post .text .download-links ul li{transition:all 0.3s ease-out 0s;font:13px Yekan,tahoma;padding:3px 5px;color:#444;margin:2px 0px;border-bottom:1px solid #E5E5E5;list-style:none;}
.content .main-post .text .download-links ul li a{color:#444;}
.content .main-post .text .download-links ul li a:hover{color:#e55247;padding:0px 6px;}
.content .main-post .text .download-links ul li p{opacity:0;float:left;transition:all 0.3s ease-out 0s;font:11px tahoma;color:#F6584C;direction:ltr;margin:1px 0px;}
@keyframes logo{from{color:#f2f2f2;}
to{color:#F6584C}}
.content .main-post .text .download-links ul li:hover p{opacity:0.5;animation:logo 0.6s infinite;}
.content .main-post .text .download-links > ul li:before{font-family:FontAwesome;font-size:13px;margin-left:6px;color:#878787;content:"\f100";}
.content .main-post .more{margin-top:7px;}
.content .main-post .more p{text-align:left;}
.content .main-post .more a, .wpcf7 table #submit input{opacity:0.8;border-radius:5px;border:1px solid #6B6868;padding:4px 5px;color:#F6F6F6;background:none repeat scroll 0% 0% #797878;font:14px Yekan,tahoma;}
.content .main-post .more a:hover, .wpcf7 table #submit input:hover{opacity:1;background:#6b6a6a;}
.content .main-post .more span{font:17px FontAwesome;display:block;float:right;margin:2px 3px 0px;color:#F2F2F2;}
.wp-pagenavi{clear:both;direction:ltr;text-align:right;float:left;padding:2px;font:15px Yekan,tahoma;width:99%;background:none repeat scroll 0% 0% #FFF;border:1px solid #CECECE;margin-bottom:5px}
.wp-pagenavi a, .wp-pagenavi span{text-decoration:none;margin:2px;direction:rtl;text-align:center;color:#666;float:left;padding:0 7px;height:27px;background:#f0f0f0;line-height:25px;text-shadow:1px 1px #fff;transition:all 0.5s ease;border-radius:3px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#999;color:#FFF;float:left;background:none repeat scroll 0% 0% #8EC637;text-shadow:1px 1px #74a61b;}
.wp-pagenavi span.current{float:left;}
.content .random-post{margin:10px 0;padding:7px 10px;background:#fefefe;border:#dadada solid 1px;}
.content .random-post span{border-width:1px;border-style:solid;border-color:#73A71B #74A71B #74A61B #73A51A;background:none repeat scroll 0% 0% #8EC637;text-shadow:1px 1px 0px #7DAF30;padding:2px 3px;color:#f2f2f2;font:15px Yekan,tahoma;}
.content .random-post span i{font:12px FontAwesome;}
.content .random-post h3{text-align:justify;margin:3px 0px;line-height:30px;}
.content .random-post h3 a{font:12px Yekan,tahoma;padding:3px 4px;background:none repeat scroll 0% 0% #F7F7F7;color:#444;border-radius:2px;}
.content .random-post h3 a:hover{background:#97cb49;color:#f2f2f2;text-shadow:1px 1px 0 #7fac3d;}
.content .random-post > ul li:before{font-family:FontAwesome;font-size:8px;color:#97CB49;content:"\f10c";}
.content .random-post li:first-child{border-top:0px none;}
.content .random-post li{border-top:1px dotted #CBCBCB;}
.content .random-post li a{color:#595959;padding:3px 14px 3px 0px;font:12px Yekan,tahoma;}
.content .random-post li a:hover{color:#97cb49;}
.static-post{margin-bottom:5px;border:#949494 solid 1px;}
.static-post .title{border-bottom:1px solid #949494;}
.static-post .title h4{width:30%;color:#858585;float:right;padding-right:7px;border-left:1px solid #949494;background:#fafafa;display:block;padding:4px 5px 4px 0;font:13px Yekan,tahoma;}
.static-post .title h4 span{font:15px FontAwesome;margin-left:7px;margin-top:3px;display:block;float:right;}
.static-post .title p{padding:4px 0px;margin-right:85px;background:#e6e6e6;font:13px Yekan,tahoma;}
.static-post .title p a{color:#676767;margin-right:5px;}
.static-post .title p a:hover{color:#23b4e4;}
.static-post .text{text-align:justify;padding:10px 7px;color:#3d3d3d;text-shadow:0 1px 1px #fff;background:#f5f5f5;background:linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);}
.static-post .text img{display:block;margin:0 auto;}
.static-post .text .bg-img{border-radius:5px;padding:5px;background:#fff;border:rgb(145, 141, 141) solid 1px;}
.static-post .text span.bold{font-weight:bold;display:block;color:red;padding-top:7px;}
.static-post .text p.ul{padding-right:5px;}
.static-post .text p.more{padding-top:7px;font-weight:bold;}
.static-post .text p.more span{color:red;}
.static-post .text p.ravesh-kharid{padding:12px 0;}
.static-post .text p.ravesh-kharid span{color:red;}
.static-post .text p.price{color:red;font-weight:bold;text-align:center;}
.static-post .text p.center{text-align:center;}
.static-post .text p.center a img{opacity:0.800000011920928955078125;}
.static-post .text p.center a:hover img{opacity:1;}
.footer{border-top:3px solid #ACACAC;padding-top:15px;color:#e5e5e5;background:#404040;}
.footer .main{padding:0 5px;}
.footer h6{color:#E0E0E0;padding:1px 10px 6px 2px;border-bottom:1px solid #A1A1A1;margin-bottom:2px;font:15px Yekan,tahoma;}
.footer p{padding:5px 0px 0px 0px;}
.footer .tag a{color:#e5e5e5;padding:2px 5px;font:12px Yekan,tahoma;background:none repeat scroll 0% 0% #444;border-radius:2px;}
.footer .tag a:hover{color:#F2F2F2;background:none repeat scroll 0% 0% #00A6CF;text-shadow:1px 1px #0197BC;}
.footer a{color:black;}
.footer a:hover{color:#fafafa;}
.footer .top .fun, .footer .top .license{width:305px;}
.footer .top .shop{margin:0 338px;}
.footer .top li{padding-right:18px;background:url("images/icon.png") right -1592px no-repeat;}
.footer .top a{padding:2px 0;}
.footer .tag{margin:0 4px;float:right;width:100%;}
.footer .bottom-footer{margin-top:10px;border-top:1px solid #555;background:none repeat scroll 0% 0% #383838;padding:5px 0px;}
.footer .bottom-footer .right{width:730px;}
.footer .bottom-footer .right span{font:14px Yekan,tahoma;}
.footer .bottom-footer .right p{margin:5px 0px 0px;}
.footer .bottom-footer .right p a{background:#444;font:13px Yekan,tahoma;border-radius:2px;padding:2px 5px;width:70px;text-align:center;}
.footer .bottom-footer .right p a:hover{opacity:0.8;}
.static-post .text div *{font-size:11px !important;}
.static-post .text b{font-weight:normal !important;}
.static-post .text a b, .static-post .text b span{font-weight:bold !important;}
.static-post .text div{line-height:20px !important;}
.comment-bodys{margin:0 10px;}
.addcomment{margin:15px 0 10px 0;}
.commentdata{width:200px;float:right;}
.commentdata label, .textarea-box label{margin:8px 0;width:100px;display:block;font-size:11px;}
.comment{margin:10px 0 10px 0;background:#f5f5f5;padding:10px;border:#e2e2e2 solid 1px;}
.avatar{float:right;margin-left:5px;}
.comment-author{width:100%;}
.comment h4, .vcard, .commentmetadata{font:14px Yekan, tahoma;}
.text-box{width:300px;height:175px;}
.comment-text{width:250px;display:block;}
.comments-rules{border-right:4px solid #eee;padding:5px;margin:10px 0;color:#999;font:12px Yekan, tahoma;}
.comments-rules h4{color:#666;font:14px Yekan, tahoma;}
.editComment, .editableComment, .textComment{display:inline;}
.comment-childs{margin:10px 0 5px;background:#f5f5f5;padding:10px;border:#e2e2e2 solid 1px;}
.chalt{width:97%;background-color:#f5f5f5;}
#newcomment{border:#777 dashed 1px;width:90%;}
#newcommentsubmit{color:red;}
.adminreplycomment{border:#777 dashed 1px;width:99%;margin:4px;padding:4px;}
.mvccls{color:#999;}
.send-box{background:#F6584C;margin:0px auto 5px;position:relative;padding:20px 10px;display:block;border-radius:3px;transition:all 0.3s ease-out 0s;}
.send-box:hover{opacity:0.9;}
.send-box span{display:block;}
.send-box .icons span{position:absolute;left:16px;top:17px;font-size:40px;color:#f2f2f2;text-shadow:1px 1px 0 #e55247;}
.send-box .titles{color:#f2f2f2;font:16px Yekan,tahoma;text-shadow:1px 1px 0 #e55247;}
.send-box .desc{color:#852d27;font:11px Yekan,tahoma;}
.iLikeThis{display:inline;}
.iLikeThis .counter{background:url(/../../wp-content/plugins/i-like-this/css/heart.png) center left no-repeat;padding:0 0 0 17px;font:14px Yekan, Tahoma;color:#f2f2f2;}
.iLikeThis .counter a{cursor:pointer;}
.iLikeThis .counter a.image{color:#f2f2f2;background:url(/../../wp-content/plugins/i-like-this/css/votplus.png) center right no-repeat;padding:0 17px 0 0;}
span.wpcf7-not-valid-tip{left:auto;right:20%;direction:rtl;}
span.wpcf7-not-valid-tip-no-ajax{direction:rtl;}
span.wpcf7-list-item{margin-left:0;margin-right:0.5em;}
div.wpcf7{margin:0;padding:0;font:12px Yekan, tahoma;}
div.wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;}
div.wpcf7-mail-sent-ok{border:#1191d3 solid 2px;}
div.wpcf7-mail-sent-ng{border:#e94f2e solid 2px;}
div.wpcf7-spam-blocked{border:#ffa500 solid 2px;}
div.wpcf7-validation-errors{border:#e94f2e solid 2px;}
span.wpcf7-form-control-wrap{position:relative;}
span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;background:#fff;border:#e94f2e solid 1px;font-size:10pt;width:280px;padding:2px;}
span.wpcf7-not-valid-tip-no-ajax{color:#f00;font-size:10pt;display:block;}
span.wpcf7-list-item{margin-left:0.5em;}
.wpcf7-display-none{display:none;}
div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px;}
div.wpcf7 .watermark{color:#888;}
@media screen and (max-width:1000px){.main,.header .top ul,.box-two .forum,.box-two .linkdooni,.static-post,.container .sidebar-right,.container .sidebar-left,.footer,.main,.footer .bottom-footer,.footer .bottom-footer .right{width:100%;}
.box-two,.container{width:99%;}
.header .menu{height:auto;background:#555454;}
.content{width:100%;float:right;}
.header .menu .search{float:right;width:100%;}
.footer h6{width:98%;}
.footer .main{padding:0px}
}
@media screen and (max-width:870px){.adsbanner{display:none}
.breadcrumbs,.date{font:12px Yekan,tahoma;}
.header .menu .nav li{font-size:11px}
.header .menu .nav li a{padding:5px 4px;}
.header .top{height:auto}
h1.txt-logo{font:12px Yekan,tahoma;}
}
@media screen and (max-width:640px){.breadcrumbs,.date{font:9px Yekan,tahoma;}
.header .menu .nav li{font-size:9px}
h1.txt-logo{font:9px Yekan,tahoma;}
.content .main-post .text .txt img,.static-post .text img{width:100%;}
.content .main-post .text .box-downloads,.static-post .title h4{width:50%;}
}
@media screen and (max-width:340px){.breadcrumbs,.date{font:7px Yekan,tahoma;}
.header .menu .nav li{font-size:7px}
h1.txt-logo{font:7px Yekan,tahoma;}
.header .menu .search input[type="text"]{width:auto;}
}
body {
    background-image: url("images/back.jpg");
}

---

فایل پیوست 32031

سلام
دوست گرامی بهتر بود در بخش وردپرس یا html تاپیک باز میکردید دوم اینکه کدهای css را هم بفرستید

ویرایش داده شد

update

بهم ریختگی داخل عکس متوجه نشدم، بیشتر توضیح دهید مشکلتون چی هست.

لطفا تصویر رومشاهده کنیدفایل پیوست 32035

بصورت انلاین بالا بیارید تا راحتر کمک کنیم !اینطوری مجبوریم پروژه رو ایمورت کنیم رو لوکال

سلام میثم عزیز
کد زیر رو امتحان کنید:

کد PHP:

---

<?php 
$args = array(
    'post_type' => 'post',
    'posts_per_page' => 10,
    'orderby' => 'meta_value_num',
    'meta_key' => 'views',
    'order' => 'DESC',
);
$do_not_duplicate = $post->ID;
$my_query = new WP_Query( $args );
while($my_query->have_posts()){
    $my_query->the_post();
    $views = get_post_meta($post->ID, 'views', true);
?>
<li><a href="<?php the_permalink(); ?>" title=<?php the_title(); ?>"><?php the_title(); ?><?php the_title(); ?></a> <b><?php echo $views; ?> نمایش</b></li>
<?php } ?>

---

نقل قول:

---

نوشته اصلی توسط JeyServer

سلام میثم عزیز
کد زیر رو امتحان کنید:

کد PHP:

---

<?php 
$args = array(
    'post_type' => 'post',
    'posts_per_page' => 10,
    'orderby' => 'meta_value_num',
    'meta_key' => 'views',
    'order' => 'DESC',
);
$do_not_duplicate = $post->ID;
$my_query = new WP_Query( $args );
while($my_query->have_posts()){
    $my_query->the_post();
    $views = get_post_meta($post->ID, 'views', true);
?>
<li><a href="<?php the_permalink(); ?>" title=<?php the_title(); ?>"><?php the_title(); ?><?php the_title(); ?></a> <b><?php echo $views; ?> نمایش</b></li>
<?php } ?>

---

---

نشد ولی این کدتون رو

کد PHP:

---


<li><a href="<?php the_permalink(); ?>" title=<?php the_title(); ?>"><?php the_title(); ?><?php the_title(); ?></a> <b><?php echo $views; ?> نمایش</b></li>

---

جایگزین کد خودم کردم درست شد

کد PHP:

---

<div class="linkdooni">
<div class="title">
<h2><span class="icon-large icon-star-half-empty"></span>مطالب محبوب آپ موبایل</h2>
</div>
<div class="text">
<ul>
<li><a href="<?php the_permalink(); ?>" title=<?php the_title(); ?>"><?php the_title(); ?><?php the_title(); ?></a> <b><?php echo $views; ?> نمایش</b></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>

---

ممنون از لطفتون
خیلی کارتون درسته