8 پست در این موضوع قرار دارد

با سلام

من در صفحه اصلی ی کوئری ایجاد کردم که تازه های دسته ای خاص رو داره نشون میده.منتها هر کاری میکنم دیو 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;
}

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

این را


display:inline

بکنید


display:inline-block

2

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست

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


<?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;
}

2

به اشتراک گذاری این پست


لینک به پست

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


z-index:99999;

2

به اشتراک گذاری این پست


لینک به پست

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


z-index:99999;

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط pouria1980
      با سلام به دوستان 
      برای یک سری تغییرات ظاهری در سایت به فردی آشنا به سی اس اس نیازمندیم . میزان دستمزد با توجه به میزان تغییرات و مدت زمان صرف شده مشخص خواهد شد.
       
    • توسط madidi
      سلام 
      چطور میشه شرط برای یه المان تعریف کرد ؟
      مثلا اگر در یک قسمت [500px*500px] با فونت 15px بصورت کامل متن پر شد بجا اینکه ارتفاع اون دیو زیاد بشه یا اسکرول بخوره یا ... سایز متن از 15 به 12 بصورت خودکار تغییر کنه تا اون دیو همون جوری بدون تغییر بمونه ؟
    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط AmirHosseinGT
      سلام
      من برای بار اول دارم برای ی سایت کوچیک قالب مینویسم
      ی مشکل دارم
      توی سایت tarfandestan.com ک میرید سایت بکگراند بلور داره ک هرچقدر زوم بک یا زوم این کنیم بکگراند ثابت میمونه و فقط عناصر داخلش بزرگ کوچیک میشن
      من کدی ک خودم برا بکگراند نوشتم این بود


      .body{height:100%;background:url('nehran.png') fixed ;}

      ولی وقتی زوم بک و این میکنم سایز بکگراند هم تغییر میکنه و توی صفحه تکرار میشه
      ممنون میشم دوستانی ک جواب رو میدونن کمک کنن
    • توسط prodesign
      سلام و عرض ادب خدمت دوستان و استادان عزیز
      بنده تو یه سایت کد دیدم که وقتی رو عکس وایمیسته یه نفر با موس دو تا آیکن بزرگ میشن و وقتی کنار میره آیکن ها به جای اول منتقل میشن اما با افکت 2 ثانیه نه به صورت یک جا
      لطف میکنید راهنمایی کنید
      همانند تصویر