رفتن به مطلب

پست های پیشنهاد شده

با سلام

من در صفحه اصلی ی کوئری ایجاد کردم که تازه های دسته ای خاص رو داره نشون میده.منتها هر کاری میکنم دیو mediacenter که قرار بک گراند بشه نشون داده نمیشه.

این الان کوئری منه:


<?php
$custom_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'descending',
'orderby' =>'ID',
'cat' =>'1892',
'posts_per_page' =>'10',

'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
));
?>
<div class="mediacenter">
<?php if($custom_query->have_posts()) :
while($custom_query->have_posts()) : $custom_query->the_post();?>
<li><a href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumbnail');} ?></a></li>
<?php endwhile;endif;?><?php wp_reset_query(); ?>
</div>

این هم از استایل شیت:


.mediacenter {
display:inline;width:800px;height:150px;
background:#B9B9B9 url(images/tab-bg.png);
}

.mediacenter li{
margin:8px;
border-corner-shape:scoop;
border-radius: 10% / 30px;
-webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
-ms-transition: background-color 2s;
transition: background-color 2s;
float:right;
list-style-type:none;
padding:10px 10px;
}
.mediacenter li:hover{
background-color: #A7B526;
}

الان از داخل کلاس مدیاسنتر اون بک گراند اصلا اعمال نمیشه،پهنا و ارتفاع هم کار نمیکنه،فقط دیسپلی کار میکنه.البته میدونم اشکال از کد نویسیه.

لینک صفحه مذکور اون پنج تا عکس که زیر اسلاید شوئه.

ممنون میشم کمکم کنین.

لینک به ارسال

وای چه شگفت انگیز!!!ی کلمه چقدر تاثیر که نداره :huh:

اگه وقت داشتین و حوصله هم بود البته،میشه ی توضیح مختصری بدید این بلاک چیه آخرش؟؟؟ممنون :)

لینک به ارسال

بلوکدر فارسی هم استفاده می شه یعنی ترجمه اش هم همون بلوکه inline-block یک بلوک است که در کنار اشیاء یک خط قرار می گیرد و block یک بلوک مجزا از خط inline یعنی همردیف نوشته های یک خط

لینک به ارسال

یک چیز دیگه کدتون به این صورت اشکال داره اون رو به شکل زیر تغییر بدید


<?php
$custom_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'descending',
'orderby' =>'ID',
'cat' =>'1892',
'posts_per_page' =>'10',

'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
));
?>
<div class="mediacenter">
<ul>
<?php if($custom_query->have_posts()) :
while($custom_query->have_posts()) : $custom_query->the_post();?>
<li><a href="<?php the_permalink(); ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumbnail');} ?></a></li>
<?php endwhile;endif;?>
<li class="mediacenter-last-li"> </li>
</ul>
<?php wp_reset_query(); ?>
</div>

و به کدهای استایل اضافه کنید


.mediacenter ul {
list-style:none;
margin:0;
padding:0;
}
.mediacenter-last-li {
float:none;
clear:both;
display:list-item;
overflow:hidden;
height:1px;
line-height:1px;
font-size:1px;
}

لینک به ارسال

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


z-index:99999;

لینک به ارسال

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


z-index:99999;

یعنی کیفیتشون رو از دست میدند؟؟منظورتون همون عکس گرداست؟

لینک به ارسال

به کیفیت ربطی نداره این کدی که دادم باعث می شه در موقع بزرگ شدن روی دگمه ادامه مطلب قرار بگیرند

عکس هایی که گرد شدند را می گم

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...