مشکلی متفاوت با تصویر بند انگشتی!

دوستان سلام
من توی سایتم از قالب پی سی تمپ استفاده کردم
http://www.hamedpc.com
اگر وارد سایت من بشوید میبینید که تصویر بند انگشتی طوری قرار گرفته است که متن پست از انتهای آن شروع میشود و این باعث میشه یه فضای زیادی در کنار عکس خالی بمونه
در صورتی که من در قالب قبلیم این مشکلو نداشتم اینم عکسش
http://s20.aks98.com/files/74823126846534181297.jpg
به نظر شما من چیکار کنم تا متن دقیقا کنار تصویر بند انگشتی قرا بگیره

سلام, در class که برای نوشته شما تعریف شده مقدار float را right قرار دهید.

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

mostafa1990 گفت:
سلام, در class که برای نوشته شما تعریف شده مقدار float را right قرار دهید.

دوست من کاش یه خورده بیشتر توضیح میدادی من حرفه ای نیستم

مرسی طبق راهنمایی شما پیدا کردم
ممنونم

متاسفانه من فکر کردم که حل شده ولی وقتی من دستور float را دادم تمامی عکس های داخل پست راست چین شدن حتی آنهایی که من وسط چین کرده بودم
ولی من فقط می خوام بند انگشتی درست بشه...

خب بگردید ببینید در index.php برای تصویری که بند انگشتی هست که کلسی تعریف شده و float اون رو right کنید.

mostafa1990 گفت:
خب بگردید ببینید در index.php برای تصویری که بند انگشتی هست که کلسی تعریف شده و float اون رو right کنید.

مصطفی جان تمام سی اس اس ها و پی اچ پی های قالب هست
http://s20.aks98.com/files/05527748285967917872.rar
من چیزی گیرم نیومد اگه کمکم کنی یه دنیا ممنونت میشم

آقا مصطفی کجایی به داد ما نمی رسی!
خداییش من هر کاری کردم یا نمی شد یا همه عکس ها راست چین میشد

این رو جایگزین index.php کنید

<?php get_header(); ?>
<div id='dle-content'>

<!--matlab -->
<?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post();?>
<div class="baseer">
	<div class="heading">
		<div class="binner">
			<h1><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>

		</div>
	</div>
	<div class="headinfo">
		<div class="binner">
			<div class="argrate"><div class="ratein">  </div></div>
			<span class="arg bs_cat"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/spacer.gif" alt="دسته" /> <?php the_category(__(', ','kubrick')) ?> </a></span>
			<span class="arg bs_date"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/spacer.gif" alt="تاریخ" /> <?php the_time(__('d F ماه Y ','kubrick')) ?></span>

		</div>
	</div>
	<div class="binner">
		<div class="maincont bnews">
			<div id='news-id-398'>

            <div id="img"><?php echo get_the_post_thumbnail( $id, $size=118, $attr ); ?> </div>
			<div id="txt"><?php the_content();?> </div> </div>

					</div>
		</div>

		<div class="moreinfo">
		  <div class="mi_inn">
<span class="argmore"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><b> ادامه مطلب </b></a></span>

								<div class="isicons">
				<span></span>
				<span> <a  href="#"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/plus_fav.gif" alt="ویرایش" /></a></span>
			</div>
			<div style="float:right">
	<span class="arg bs_comm"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/spacer.gif" alt="" /> <?php comments_popup_link('بدون ديدگاه', 'يك ديدگاه', '% ديدگاه');?></span>
			<span class="arg bs_views"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/spacer.gif" alt="" /><?php if(function_exists('the_views')) { the_views(); } ?>  </span>

						<span class="arg bs_author"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/spacer.gif" alt="" /> نویسنده : <?php the_author() ?></span>

			</div>

		</div>
		</div>
	</div>
	<div class="hsep"></div>
</div>

<!--matlab --><?php endwhile; ?><!--nav -->

<div dir="rtl" class="news" align="center" style="margin-bottom:10px; margin-top:10px;text-align:center">  <center>
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>  </center></div>

<!--nav -->
<?php else : ?>
<div class="w_warning">
	<div class="wmsg">
		<h3>خطا ...!</h3>مطلبی پيدا نشد. به علت تغییر سیستم مدیریت ممکن است آدرس مطلب تغییر کرده باشد. لطفاً از جستجوي سايت استفاده نماييد. 	</div>
</div>
<?php endif; ?>
</div>
<div id='dle-info'></div>
							<br clear="all" />
						</td></tr></table>
</div>

<div class="rightside">
						<div class="bpad">
<?php include(TEMPLATEPATH .'/sidebar_right_white.php'); ?>

						<!-- ًهêëàىà -->
<?php include(TEMPLATEPATH .'/sidebar_right_black.php'); ?>

						<!-- end ًهêëàىà -->

						</div>
					</div>
				</div>
			</div>

			<div class="leftside">
				<div class="bpad">
				<!-- يàâèمàِèے -->

				<!-- end يàâèمàِèے -->
<?php include(TEMPLATEPATH .'/sidebar_left_white.php'); ?>
				<!-- ًهêëàىà -->

<?php include(TEMPLATEPATH .'/sidebar_left_black.php'); ?>
				<!-- end ًهêëàىà -->
		<!-- ًهêëàىà -->
<div class="block"><div class="dtop"><div class="dbtm">
							<h3 class="dtitle"> لینکستان</h3>
							<div class="dcont">
	<?php echo mylinksdump_show() ?>
							</div>
						</div></div></div>

						<!-- end ًهêëàىà -->
</div>
				</div>
			</div>

			<div class="clr"></div>
		</div></div>
		</div></div></div></div></div><!-- END WRAPBOX -->
	</div>
</div>

<?php include(TEMPLATEPATH . '/footer.php'); ?>

و این هم جایگزین style.css

/*

Theme Name: p30temp
Theme URI: http://www.p30temp.com/
Description: The template designed specially for p30temp .
Version: 1.3
Author: Mojtaba Darvishi
Author URI: http://www.p30temp.com/

*/

@import url("blocks.css");

@import url("base.css");

@import url("tools.css");

@import url("engine.css");

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {

	margin:0;

	padding:0;

}

h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font {

	font-size: 1em;

	font-style: normal;

	font-weight: normal;
font-family: Tahoma, Arial, Verdana, sans-serif;

}

h1, h2, h3, h4, h5 {

    font-family: Tahoma, Arial, Verdana, sans-serif;

    margin: 0;

	line-height: 1.2em;

	font-weight: bold;

}

/*?�???���� ��?�������*/

h1 { font-size: 2em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }

h5 { font-size: 1.0em; }

/*links*/

a { color: #60a2c6; text-decoration: none; outline: none; }

a:hover { text-decoration: underline; }

/*forms*/

input, textarea, select {

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana, sans-serif;

}

/*PAGE*/

body {

	color: #303030;

	background-color: #FFFFFF;

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-size: 0.70em;

	font-style: normal;

	font-weight: normal;

	line-height: 1.4em;

}

.pagebg {

	padding: 0; margin: 0;

	background-color: #112108;

}

/*OTHER SETTINGS*/

p {

	padding: 0; margin: 0;

	margin-bottom: 8px;

}

.nomarg { margin: 0; }

.clr { clear: both; }

img  { border:0 none; }

img.left { float: left; margin: 2px 20px 16px 0; }

img.right { float: right; margin: 2px 0 16px 20px; }

hr	{

	border: 0 none;

	border-top: 1px solid #cfcfcf;

	height: 1px;

}

/*UL, LI*/

ul {

    margin: 0;

    padding-left: 16px;

    list-style-position:outside;

    list-style-image:none;

}

ul li { margin: 0; padding: 0;list-style:none }

ol {

	list-style-image: none;

	list-style-position: outside;

	list-style-type: decimal;

	margin-bottom: 18px;

	margin-left: 2.2em;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.reset, .reset li { margin: 0; padding: 0; display: block; list-style: none; }

/*WRAPPER I??IA?IE ?AC????UE ?EIE*/

*html .wwide { width: expression(document.body.clientWidth) < 996? "996px"; }

.wwide { width: 100%; min-width: 996px;  }

.wrapper {

	margin: auto;

	width: 90%;

	text-align: left;

	min-width: 996px;

	max-width: 1400px;

}

*html .wrapper { width: expression(((document.body.clientWidth)) < 996? "996px": ((document.body.clientWidth)) > 1400? "1400px": "90%" ); }

/*HEAD*/

.lcolomn { float: left; display: inline; }

.rcolomn { float: right; display: inline; }

.green { color: #7ab727; }

.headwide, .headwide .wrapper { height: 201px; }

.headwide { background: #e4e4e4 url("images/headbg.png") repeat-x 0 -201px; }

.toph, .toph div { height: 33px; }

.toph { overflow: hidden; background: #6b6b6b url("images/headbg.png") repeat-x 0 0; }

.toph div { padding: 0 0 0 68px; background: url("images/headbg.png") no-repeat 0 -402px; }

.toph div div { padding: 0 68px 0 0; background: url("images/headbg.png") no-repeat 100% -603px; }

.midh, .midh div { height: 113px; }

.midh { background: #fff url("images/headbg.png") repeat-x 0 -33px; }

.midh div { padding: 0 0 0 16px; background: url("images/headbg.png") no-repeat 0 -435px; }

.midh div div { padding: 0 34px 0 0; background: url("images/headbg.png") no-repeat 100% -636px; }

.footh, .footh .drl { height: 39px; }

.footh { background: #579127 url("images/headbg.png") repeat-x 0 -146px; }

.footh .drl { padding: 0 0 0 52px; background: url("images/headbg.png") no-repeat 0 -548px; }

.footh .drl .drl { padding: 0 67px 0 0; background: url("images/headbg.png") no-repeat 100% -749px; }

/*toplinks*/

.toph span {

	float: left;

	font-size: 0.9em;

	color: #484646;

	padding-top: 7px;

}

.toph span a { color: #a1d354; }

.toph b { float: right; font-weight: normal; padding-top: 7px; }

.toph b a {

	color: #fff;

	height: 17px; width: 41px; float: right; text-decoration: none !important; }

.toph b a img {

	float: right;

	width: 16px; height: 17px;

	background: url("images/icons.png") no-repeat 0 -13px;

	margin-left: 5px;

}

.toph b a:hover img { background: url("images/icons.png") no-repeat -16px -13px; }

/*banner top*/

.midh ul {

	position: relative;

	top: 19px;

	width: 613px; height: 70px;

	overflow: hidden;

	float: right;

	background: url("images/banner_bg_top.png") no-repeat 0 0;

}

.midh ul li.bannerin {

	width: 468px; height: 70px;

	float: right;

	margin-top: 5px; padding-right: 5px;

	overflow: hidden;

}

.midh ul li.addbanner {

	float: left;

	width: 119px; height: 70px;

	font-size: 0.9em;

	overflow: hidden;

}

.midh ul li.addbanner a {

	color: #888888;

	float: left;

	margin-top: 28px;

	padding-left: 22px;

	text-decoration: none !important;

}

.midh ul li.addbanner a:hover { color: #7ab727; }

/*x360a*/

.midh h1 {

	float: left;

	margin: 0;

	position: relative;

	top: 30px;

	width: 184px; height: 61px;

}

.midh h1 a {

	display: block;

	width: 184px; height: 61px;

	background: url("images/x360a_ru.png") no-repeat 0 0;

	overflow: hidden;

	text-indent: 190px;

	white-space: nowrap;

}

/*pagegreen*/

.pagegreen { background-color: #356718; }

/*wrapbox*/

.wrapbox, .wrapbox, .wraplt, .wraprt, .wrapl, wrapr { width: 100%; }

.wrapbox { background: #fff url("images/wrap_topbg.png") repeat-x 0 0; }

.wraplt { background: url("images/wrap_topleft.png") no-repeat 0 0; }

.wraprt { background: url("images/wrap_topright.png") no-repeat 100% 0; }

.wrapl { background: url("images/wrap_left.png") repeat-y 0 0; }

.wrapr { background: url("images/wrap_right.png") repeat-y 100% 0; }

/*????E???A ?EIEIA*/

.container,

.leftside,

.midside,

.rightside,

.mainside { overflow: hidden; }

.container { padding: 8px 0 0 224px; }

.container .midside .container { padding: 0 224px 0 0; }

.leftside {

	display: inline;

	float: left;

	width: 224px;

	margin: 0 0 0 -224px;

}

.rightside {

	display: inline;

	float: right;

	width: 224px;

	margin: 0 -224px 0 0;

}

.midside {

	float: right;

	width: 100%;

}

.mainside {

	float: left;

	width: 100%;

	padding-top: 11px;

}

table.conts {

	border-collapse: collapse;

	border-spacing: 0; border: 0px;

	width: 100%;

}

/*speedbar*/

.speedbar {

	padding: 0 14px 21px 14px;

	color: #ababab;

	background: url("images/linespeed.png") repeat-x 0 100%;

}

.speedbar img {

	vertical-align: middle;

	width: 13px; height: 13px;

	background: url("images/icons.png") no-repeat -54px 0;

	margin: -2px 5px 0 0;

}

/*footer*/

.footwide {

	height: 160px;
	background: url("images/footwide_bg.png") repeat-x 0 0;

}

.wrapfoot, .wrapfoot div { height: 39px; }

.wrapfoot { background: #fff url("images/wrap_btm.png") repeat-x 0 0; }

.wrapfoot div { padding: 0 0 0 224px; background: url("images/wrap_btmleft.png") no-repeat 0 0; }

.wrapfoot div div { padding: 0 224px 0 0; background: url("images/wrap_btmright.png") no-repeat 100% 0; }

/*FOOTER*/

.footer, .footer div { height: 61px; }

.footer {

	background: url("images/footerbg.png") repeat-x 0 -61px;

	overflow: hidden;

	color: #fff;

	position: relative;

}

.footer .drl { padding: 0 0 0 25px; background: url("images/footerbg.png") no-repeat 0 0; }

.footer .drl .drl { padding: 0 25px 0 0; background: url("images/footerbg.png") no-repeat 100% -122px; }

.copyright a { color: #fff; font-weight:bold} 

.copyright {

	float: right;
color: #fff;
	padding-top: 21px;

}

/*===?�??�EEE===*/

.count {

	position: absolute;

	top: 13px; right: 710px;

	display: inline;

}

*html .count { bottom: 23px; }

.count span {

	display: block;

	float: left;

	height: 31px;

	margin-left: 4px;

}

.footfoot { height: 38px; padding: 0 23px 0 25px; }

.centroarts {

	position: relative;

	float: right;

	top: 9px;

	width: 100px; height: 22px;

	background: url("images/centroarts.png") no-repeat 0 0;

	overflow: hidden;

	line-height: 200px;

}

.lastcomm {

    padding: 3px 2px 3px 2px;

    border-bottom:1px solid #E6E6E6;

}

.lastcomm_over {

    padding: 3px 2px 3px 2px;

    border-bottom:1px solid #E6E6E6;

    background:#F5F5F5;

    cursor: hand;

}

#hintbox {
text-align : left;
width : 150px;
font-size : 10px;
border : 1px solid #99a1ab;
background-color : #fff;
layer-background-color : #a396d9;
color : #282828;
margin : 10px 0 0 10px;
padding : 3px 5px;
position : absolute;
visibility : hidden;
z-index : 998;
-moz-opacity : 0.9;
-moz-border-radius : 5px;
filter : alpha(opacity="90");
}
.onl_table {
width : 100%;
font-size : 10px;
} .
onl_table td {
padding-right : 5px;
font-size : 10px;
 }
.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
color : #ff0000;
} .
a_link_on a:hover, .
a_link_on a:active {
color : #ff0000;
}
.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
color : #666666;
} .
u_link_on a:hover, .
u_link_on a:active {
color : #4b73d4;
}
.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
color : #00a400;
} .
e_link_on a:hover, .
e_link_on a:active {
color : #00a400;
}
.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
color : #0000ff;
} .
j_link_on a:hover, .
j_link_on a:active {
color : #0000ff;
}
.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
color : #666666;
} .
b_link_on a:hover, .
b_link_on a:active {
color : #666666;
}
#yellow1 { background-color: rgb(255, 247, 222); }
#tooltip
{
background-color: #e1f0c5;
line-height:10px;
color: #96a96f;
font-family:verdana;
font-size:11px;
width:auto;
border-top:1px solid #96a96f;
border-right:1px solid #96a96f;
border-bottom:1px solid #96a96f;
border-left:5px solid #96a96f;
margin:0px;
padding:8px;
position:absolute;
visibility:hidden;
}
.post-date {
    width: 45px;
    height: 49px;
    float:left;
    background: url(images/date-bg.gif) no-repeat;
    margin-right:5px;
}
.post-month {
    font-size: 10px;
    color: #FFFFFF;
    text-align: center;
    display:block;
    line-height: 11px;
    padding-top: 2px;
    margin-left: -3px;
}
.post-day {
    font-size: 18px;
    text-transform: uppercase;
    color: #999999;
    text-align: center;
    display:block;
    line-height: 18px;
    padding-top: 7px;
    margin-left: -3px;
}
#rsslinks ul {
   		 padding: 0px;
		margin: 0px;
}
#rsslinks ul li {
  	  	padding:0px 14px 0px 0px;
		background: url("images/Crop_2.png") no-repeat right;
}
#rsslinks ul li:hover{
		background: url("images/Crop.png") no-repeat right;
		color:#98ED58;
}
#rsslinks ul li a{
		font-size:12px;
		text-decoration:none;
		color:#649b19;;
		padding-bottom:4px;

		}
#rsslinks ul li a:hover{
		font-size:12px;
		text-decoration:none;
		color:#98ED58;
		}

.wpn_the_tags { border-bottom:1px solid #e1e1e1; border-left:0; border-right:0; padding:5px 0; margin:10px 0; }

.cat-item {list-style:circle}

.children li{padding-right:13px;font-weight: normal;}

#img{
  float: right;
  margin: 5px;
}

مگر شما در نوشته هاتون موقعیت تصاویر رو به راست تغییر نمی‌دهید؟

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

mostafa1990 گفت:
این رو جایگزین index.php کنید
....
مگر شما در نوشته هاتون موقعیت تصاویر رو به راست تغییر نمی‌دهید؟

مصطفی جان ممنونم ازت ولی این ارور رو میده
Fatal error: Call to undefined function get_the_post_thumbnail() in /...../public_html/wp-content/themes/p30temp/index.php on line 26
من عکس های بند انگشتی را راست چین و در متن را وسط چین می کنم

البته اینو هم بم که من از دستور خاصی واسخه بند انگشتی استفاده نمی کنم
یه عکس کوچیک میذارم اول پست!

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

<?php
if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}
?>

حالا می خوام دستور float="right" واسش تعریف کنم که فکر کنم درست بشه البته یه مشکلی که هست اینه که من تمام عکس هام خودم اضافه کردم و بند انگشتی دستی بود! ولی اگه درست بشه واسه آینده خوب مشه

--------------------------------------
البته فکر کنم به اینا مربوط نباشه!
آخه من همونطور که در اولین سوالم گفته بودم و عکسش هم گذاشته بودم من تو قالب قبلیم این مشکلو نداشتم و همین عکس ها با متن کنارش سازگار بود

اینم css قالب قبلیم
http://s20.aks98.com/files/20574439314003304092.rar

ببینید کد

<?php
if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}
?>

رو حذف کنید و اینو به جاش در اول فایل functions.php اضافه کنید. باید مشکل حل بشه.

<?php
function new_excerpt_length($length) {
	return 20;
}
add_filter('excerpt_length', 'new_excerpt_length');
?>
<?php
if ( !function_exists('fb_AddThumbColumn') && function_exists('add_theme_support') ) {

	// for post and page
	add_theme_support('post-thumbnails', array( 'post', 'page' ) );

	function fb_AddThumbColumn($cols) {

		$cols['thumbnail'] = __('Thumbnail');

		return $cols;
	}

	function fb_AddThumbValue($column_name, $post_id) {

			$width = (int) 35;
			$height = (int) 35;

			if ( 'thumbnail' == $column_name ) {
				// thumbnail of WP 2.9
				$thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );
				// image from gallery
				$attachments = get_children( array('post_parent' => $post_id, 'post_type' => 'attachment', 'post_mime_type' => 'image') );
				if ($thumbnail_id)
					$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );
				elseif ($attachments) {
					foreach ( $attachments as $attachment_id => $attachment ) {
						$thumb = wp_get_attachment_image( $attachment_id, array($width, $height), true );
					}
				}
					if ( isset($thumb) && $thumb ) {
						echo $thumb;
					} else {
						echo __('None');
					}
			}
	}

	// for posts
	add_filter( 'manage_posts_columns', 'fb_AddThumbColumn' );
	add_action( 'manage_posts_custom_column', 'fb_AddThumbValue', 10, 2 );

	// for pages
	add_filter( 'manage_pages_columns', 'fb_AddThumbColumn' );
	add_action( 'manage_pages_custom_column', 'fb_AddThumbValue', 10, 2 );
}

?>

خب اگر از اول می‌گفتید که به صورت دستی تصاویر رو قرار می دین می‌شد با اضافه کردن:

به style.css مشکل حل بشه.

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

یه مشکلی که هست اینه که من تمام عکس هام خودم اضافه کردم و بند انگشتی دستی بود! ولی اگه درست بشه واسه آینده خوب مشه

بند انگشتی تعریف کنید خیلی بهتره! چون در بعدها کنترل تصویر رو می تونید در اختیار بگیرید.

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

دوست عزیز واقعا ممنونم
من با این کد آخری که به style.css اضافه کردم مشکل حل شد
بازم ممنونم

وردپرس فارسی

انجمن

مشکلی متفاوت با تصویر بند انگشتی! (۱۳ نوشته)

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

برچسب‌ها