سلام خدمت دوستان
من نیمدونم چرا هر چی لینک ها بیشتر میشه توی زمینه های دلخواه
زمینه های دلخواه میره توی برچسب ها
راه حلی داره تا بشه یک فاصله ی مشخصی تایین کرد تا با زیاد شدن لینک ها زمینه ها به هم نریزه
اینم عکس
http://upload7.ir/imgs/2014-01/55755435681300575721.png
اینم از کدها
.download-title{
font-family: "B Koodak",'BKoodak' , Tahoma, Geneva, sans-serif;
color:#FFF;
text-align:right;
font-size:16px;
text-shadow:#000 0 0 2px;
width:230px;
height:auto;
background: rgb(104,187,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(104,187,245,1) 0%, rgba(33,157,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,187,245,1)), color-stop(100%,rgba(33,157,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(104,187,245,1) 0%,rgba(33,157,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(104,187,245,1) 0%,rgba(33,157,243,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(104,187,245,1) 0%,rgba(33,157,243,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68bbf5', endColorstr='#219df3',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(104,187,245,1) 0%,rgba(33,157,243,1) 100%); /* W3C */
-webkit-border-bottom-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
text-align:center;
-webkit-border-top-right-radius: 16px;
-moz-border-top-right-radius: 16px;
border-top-right-radius: 16px;
}
#download-links{
width:480px;
height:auto;
padding-bottom:8px;
padding-left:3px;
background: rgb(218,236,251); /* Old browsers */
background: -moz-linear-gradient(top, rgba(218,236,251,1) 0%, rgba(186,224,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,236,251,1)), color-stop(100%,rgba(186,224,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(218,236,251,1) 0%,rgba(186,224,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(218,236,251,1) 0%,rgba(186,224,253,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(218,236,251,1) 0%,rgba(186,224,253,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daecfb', endColorstr='#bae0fd',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(218,236,251,1) 0%,rgba(186,224,253,1) 100%); /* W3C */
border:1px #c9c9c9 solid;
float:left;
margin-left:5px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
float:center;
margin-bottom:10px;
}
#download-links li {
color: #3A508B;
float: right;
font-weight: bold
}
#download-links .download{
background: url("images/download-arrow.png") no-repeat right 3px transparent;
margin: 0 0 0 0;
padding: 0 10px 0 0;
}
#download-links .size{
background: url("images/size-arrow.png") no-repeat right 3px transparent;
margin: 0 0 0 0;
padding: 0 90px 0 0;
}
#download-links .format{
background: url("images/password-arrow.png") no-repeat right 3px transparent;
margin: 0 0 0 0;
padding: 0 90px 0 0
}
<div id="download-links">
<div class="download-title">
لینک های دانلود با کیفیت متوسط
</div>
<ul>
<?php $mid_var = get_post_meta($post->ID, 'linkk',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a>ID, 'linkk',true); ?>">دانلود با لینک مستقیم</a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'sizek',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'sizek',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'formatk',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'formatk',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'linkk1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a>ID, 'linkk1',true); ?>">دانلود قسمت 1 با لینک مستقیم</a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'sizek1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'sizek1',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'formatk1',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'formatk1',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'linkk2',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a>ID, 'linkk2',true); ?>">دانلود قسمت 2 با لینک مستقیم</a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'sizek2',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'sizek2',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'formatk2',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'formatk2',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'linkk3',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a>ID, 'linkk3',true); ?>">دانلود قسمت 3 با لینک مستقیم</a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'sizek3',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'sizek3',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'formatk3',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'formatk3',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'linkk4',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="download"><a>ID, 'linkk4',true); ?>">دانلود قسمت 4 با لینک مستقیم</a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'sizek4',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="size">حجم: <?php echo get_post_meta($post->ID, 'sizek4',true); ?>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'formatk4',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li class="format">فرمت: <?php echo get_post_meta($post->ID, 'formatk4',true); ?>
<?php endif; ?>
</ul>
</div>