سلام خدمت دوستان
من کد های زمینه های دلخواه رو آماده کردم اما با یک مشکل کوچیکی رو به رو شدم که توی عکس معلوم هستش
http://up.vbiran.ir/...42259018499.png
کد های یک مشکلی داره که وقتی 2 تا لینک میزارم از بک گراند میزنه بیرون
اگه کسی پیدا بشه این مشکل رو از درون کد ها حل کنه ممنون میشم
کد های single
<div id="download-links">
<ul>
<?php $mid_var = get_post_meta($post->ID, 'link',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a href="<?php echo get_post_meta($post->ID, 'link',true); ?>">دانلود با لینک مستقیم</a></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'size',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'size',true); ?></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'pass',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'pass',true); ?></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'link1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a href="<?php echo get_post_meta($post->ID, 'link1',true); ?>">دانلود با لینک مستقیم</a></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'size1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'size1',true); ?></li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'pass1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'pass1',true); ?></li>
<?php endif; ?>
</ul>
</div>
کد های css
#download-links{
border:2px solid #000000;
margin-top:5px;
background: url("images/download-bg.png") no-repeat left center #fcfde5;
display:block;
height:30px ;
padding:1px 0 0 0;
}
#download-links ul {
color: #3A508B;
margin-right: 10px;
padding-top: 4px; }
#download-links ul li {
color: #3A508B;
display: block;
float: right;
font-weight: bold
}
}
#download-links .download{
background: url("images/download-arrow.png") no-repeat right 3px transparent;
margin: 20px;
padding: 0 30px 0 0;
}
#download-links .size{
background: url("images/size-arrow.png") no-repeat right 3px transparent;
margin: 0 40px 0 0;
padding: 0 90px 0 0;
}
#download-links .format{
background: url("images/format-arrow.png") no-repeat right 3px transparent;
margin: 0 10px 0 0;
padding: 0px 130px 0 0; }
}