راهنمايي در مورد بند انگشتي « انجمن وردپرس فارسی

سلام
من براي سايتم بلوكي تهيه كردم كه 5 مطلب آخر سايت را با خلاصه متن خبر به همراه عكس بنداگشتي نمايش مي دهد و مشكل 2 تا دارم اول اينكه بايد چكار كنم كه بصورت خودكار عكس كه در بند انگشتي آپلود مي كنم در اين بلوك با سايز 70*70 پيكسل نمايش بدهد و دوم مشكل اينكه قرار گيري عكس بنداگشتي و عنوان و خلاصه متن منظم نيست(عكس در بالا و عنوان و متن خلاصه در پايين قرار مي گيرد)مي خواهم عنوان در زيرش خلاصه متن و در كنارش عكس كوچك شده بنداگشتي قرار بگيرد.
عكس مشكل بلوك من:
http://up.irandll.net/images/dp0ycf2lofqyarp5tdg6.jpg
عكس كه مي خوام بلوك من به اين صورت بشود:
http://up.irandll.net/images/h1w4i7xmlu7aphgdu27x.jpg
اين هم كد كه من براي اين بلوك خلاصه متن استفاده مي كنم:

<?php
query_posts('showposts=6&cat=1,2,27,23'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="hotposts">
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php if(has_post_thumbnail()) {the_post_thumbnail();} else {echo '<img src="'.get_bloginfo("template_url").'/images/no-image.gif" />';}?></a><H3><span><a href="<?php the_permalink() ?>" rel="bookmark" target="_blank" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></span></H3>
<?php the_excerpt(); ?>
<div style="clear:both;"></div>
</div>
<?php endwhile; ?>
</div>

برای تعیین سایز عکس این کد رو جایگزین کنید و بجای 120,120 اندازه دلخواه خودتون رو بدید:

<?php
query_posts('showposts=6&cat=1,2,27,23'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="hotposts">
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><?php if(has_post_thumbnail()) {
	echo get_the_post_thumbnail($post->ID, array(120,120) );
	} else {echo '<img src="'.get_bloginfo("template_url").'/images/no-image.gif" />';}?></a><H3><span><a href="<?php the_permalink() ?>" rel="bookmark" target="_blank" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></span></H3>
<?php the_excerpt(); ?>
<div style="clear:both;"></div>
</div>
<?php endwhile; ?>
</div>

برای مورد دوم هم باید برای هر قسمت تو سی اس اس عرض مناسب تعریف کنید تا کنار هم قرار بگیرند

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
irandll

سلام
ممنون دوست عزيز parsian1361 مشكل اول حل شد
امكان دارد مشكل دوم من هم حل كنيد و كد سي اس اس در اينجا مي گذارم

/*
Theme Name:
Version:
Author:
Author URI:
*/
* {
	margin: 0;
	padding: 0;
}

body {
background: #e5e5e5 url(images/bg.jpg) repeat-x;
font-size: 11px;
line-height: 17px;
color: #222;
direction:rtl;
text-align: justify;
font-family:tahoma;
text-align:center;
}

a {
text-decoration: none;
color: #425969;
}
a:hover {
text-decoration: none;
color: #111;
}

a.more {
padding: 3px 5px 3px 5px;
font-size: 12px;
text-decoration: none;
color: #fff;
background-color:#ff7a19;
-moz-border-radius: 5px;
}

a.more:hover {
color: #fff;
background-color:#373737;
}

a.btn {
padding: 4px 6px 6px 6px;
margin: 3px;
font-size: 12px;
text-decoration: none;
color: #fff;
background-color:#202020;
-moz-border-radius: 5px;
}

a.btn:hover {
color: #1f1f1f;
background-color:#fff;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	padding: 0px;
	margin: 0px;
	vertical-align: baseline ;
	outline: 0 ;
	list-style: none;
	text-decoration: none
}

input {

color:#797979;

font:normal 11px tahoma;

border:1px solid #d9d9d9;

background:#f7fafb;

}

textarea	{

color:#51535B;

font:normal 11px tahoma;

border:1px solid #d9d9d9;

background:#fbfbfb;

}

#search	{float:left;padding:0;color:#51535B;}

#input	{height:20px; width: 302px; text-align: right; direction: rtl; padding-right:6px; padding-top:3px; border:1px solid #ddd;-moz-border-radius:10px;background:none;margin-bottom: 8px;}

#input2	{height:20px; width: 242px; text-align: right; direction: rtl; padding-right:6px; padding-top:3px; border:1px solid #ddd;-moz-border-radius:10px;background:none;margin-bottom: 8px;}

#warpper {
margin: 0 auto;
width: 960px;
background: #fff;
box-shadow: 0px 0px 8px #2d2d2d;
-moz-box-shadow: 0px 0px 8px #2d2d2d;
-webkit-box-shadow: 0px 0px 8px #2d2d2d;
text-align: justify;
}

#header {
margin: 0 auto;
width: 960px;
height: 106px;
margin-top: 10px;
background: #fff url(images/header.jpg) no-repeat bottom right;

}
#nav{
	background : none;
height:40px;
	width :960px ;
	border : 0;
padding-top: 5px;
}
#nav ul {
	margin: 0px;
	padding:0;
	list-style: none
}
#nav ul li {
	float: left;
}

#content {
}

.right {
float: right;
width: 150px;
margin-right: 8px;
}
.sidebar-box {
padding: 3px 5px 3px 5px;
background: #f5f5f5;
border: 1px solid #ddd;
-moz-border-radius: 8px;
-moz-outline-radius: 8px;
margin-bottom: 10px;
outline: 0px solid #ddd;
list-style-type: none;
}
.sidebar-box ul {

list-style-type: none;
}
.sidebar-box ul li {
border-bottom: 1px solid #eee;
list-style-type: none;
background:#f5f5f5 url(images/arr.gif) no-repeat top right;
padding-right:8px;
}
.sidebar-box ul li ul {
border: 0;
}
.sodebar-box ul li ul li {
}
.sidebar-box H3 {font-size: 11px;}

.rss-box {
padding: 3px 5px 3px 5px;
background: #efa903;
border: 1px solid #d89300;
-moz-border-radius: 8px;
-moz-outline-radius: 8px;
margin-bottom: 10px;
outline: 0px solid #ddd;
list-style-type: none;
color:#fff;
}
.rss-box H3 {font-size: 11px;}

.hotposts {
border-bottom:1px dashed #ddd;
padding-bottom:7px;
}
.hotposts H3 {font-size: 11px; padding-top: 6px;}

.center {
float: right;
width:534px;
margin: 0 4px 0 4px;
}

.center2 {
float: right;
width:474px;
margin: 0 4px 0 4px;
}

.centerblocks {
float: right;
width: 237px;
}
.post {
border:1px solid #e7e7e7;
-moz-border-radius: 8px;
-moz-outline-radius: 8px;
padding: 3px 5px 8px 5px;
margin: 0 4px 0 4px;
background: #fff;
box-shadow: 0px 0px 5px #ddd;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
margin-bottom: 15px;
}
.post #block {
height:150px;
overflow: hidden;

}
.post ul {
list-style-type: none;
}
.post ul li {
border-bottom: 1px solid #eee;
list-style-type: none;
background:#fff url(images/arr.gif) no-repeat top right;
padding-right:8px;
}
.post #post-title {
background: #fff url(images/post.jpg) no-repeat top right;
}
.post #post-title h1 {
font-size: 11px;
font:bold;
padding-right: 15px;
}
.post #content {
padding: 4px 5px 8px 5px;
}
.post #content img {
margin: 7px 0 7px 0;
}
.post #info {
padding-right:5px;
background: #f5f5f5;
color: #b6b6b6;
border: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
}
.post #info:hover {
background: #ededed;
color: #232323;
}
.post #more {
}

.author-info {
background: #fcf2c2 url(images/yellow-bg.gif) bottom right;
padding: 3px 10px 5px 5px;
border:1px solid #e7e7e7;
-moz-border-radius: 8px;
-moz-outline-radius: 8px;
margin: 0 4px 0 4px;
box-shadow: 0px 0px 5px #ddd;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
}
.author-info h4 {
font-weight: bold;
border-bottom: 1px dashed #ddd;
margin-bottom: 8px;
}
.author-img {
float:left;
border: 5px solid #ded5ab;
margin: 10px;
margin-top:0;
}
.clipimg {
float:right;
width: 99px;
height: 99px;
padding: 1px;
margin: 8px 4px 8px 4px;
border: 1px solid #ddd;
}
.clipimg img {
border:0;
width:99px;
height:99px;
}

.gameimg {
float:right;
width: 86px;
height: 86px;
padding: 1px;
margin: 8px 4px 8px 4px;
border: 1px solid #ddd;
}
.gameimg img {
border:0;
width:86px;
height:86px;
}
.game-more {
padding-right:5px;
background: none;
color: #b6b6b6;
border: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
margin:0 4px 3px 7px;
}
.game-more:hover {
background: #ededed;
color: #232323;
}

.comment {
padding: 8px 6px 6px 8px;
direction:rtl;
}
.commenthead {
border-bottom:2px solid #ff7a19;
padding-bottom:3px;
}
.comment-content {
background: #fff;
border-bottom:1px dashed #ddd;
margin:4px 10px 4px 10px;
padding-bottom: 5px;
}
.comment-content #content {
padding-right: 7px;
}
.add-comment {
padding-right:10px;
padding-top:10px;
line-height: 25px;
}

#text{background:White;
border:1px solid #E6E6E6;
text-align:right;
width:400px;
height:150px;
font-family:tahoma;
font-size:9pt;
color:#000000;
margin-top:4px;
}

#author{
float:left;
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
text-align:right;
font-family:tahoma;
font-size:9pt;
color:#000000;
width:200px;
height: 20px;
margin: 1px 0 1px 45px;
}
#email{
float:left;
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
text-align:right;
font-family:tahoma;
font-size:9pt;
color:#000000;
width:200px;
height: 20px;
margin: 1px 0 1px 45px;
}
#url{
float:left;
background:White url(images/txtbgi.gif) repeat scroll 0% 50%;
border:1px solid #E6E6E6;
text-align:right;
font-family:tahoma;
font-size:9pt;
color:#000000;
width:200px;
height: 20px;
margin: 1px 0 1px 45px;
}

.left {
float: left;
width: 250px;
margin-left: 8px;
}

.left2 {
float: left;
width: 310px;
margin-left: 8px;
}

.articles {
padding: 10px;
}

#footer {
text-align: center;
font-size: 11px;
color: #aaa;
margin-top: 10px;
border-top: 1px dotted #aaa;
padding-top: 10px;
padding-bottom: 10px;
}
#footer a { color: #aaa; }
#footer a:hover { color: #111; }

لطفا آدرس سایت رو اعلام کنید تا بررسی کنم

parsian1361 گفت:
لطفا آدرس سایت رو اعلام کنید تا بررسی کنم

سلام
بفرماييد
http://fun.irandll.net/

لطفا كمك كنيد

از دوستان كسي راهنمايي نمي كند؟

وردپرس فارسی

انجمن

راهنمايي در مورد بند انگشتي (۷ نوشته)

درباره‌ی این موضوع

برچسب‌ها