• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط AmirHosseinGT
      سلام
      من برای بار اول دارم برای ی سایت کوچیک قالب مینویسم
      ی مشکل دارم
      توی سایت tarfandestan.com ک میرید سایت بکگراند بلور داره ک هرچقدر زوم بک یا زوم این کنیم بکگراند ثابت میمونه و فقط عناصر داخلش بزرگ کوچیک میشن
      من کدی ک خودم برا بکگراند نوشتم این بود


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

      ولی وقتی زوم بک و این میکنم سایز بکگراند هم تغییر میکنه و توی صفحه تکرار میشه
      ممنون میشم دوستانی ک جواب رو میدونن کمک کنن
    • توسط prodesign
      سلام و عرض ادب خدمت دوستان و استادان عزیز
      بنده تو یه سایت کد دیدم که وقتی رو عکس وایمیسته یه نفر با موس دو تا آیکن بزرگ میشن و وقتی کنار میره آیکن ها به جای اول منتقل میشن اما با افکت 2 ثانیه نه به صورت یک جا
      لطف میکنید راهنمایی کنید
      همانند تصویر
    • توسط سافت سرا
      سلام. تو CSS یه مقدار به نام Src وجود داره. این src کارش چیه؟
      من احساس می کنم برای نمایش تصویره. اما هیچ تصویری رو برای کلاس مربوطه نمایش نمیده.
      اگه امکانش هست یه مثال عینی بزنید. ممنون.
    • توسط نسـتـــرن
      سلام.وقت به خیر
      من با استفاده از آموزش مفیدی که داخل تالار هست(لینک)همه کارا رو قدم به قدم انجام دادم و افزونه ای هم که گفته بودند رو نصب کردم و ابزارکشو استفاده کردم.برای تست کردنش با دو تا ایمیل توش عضو شدم و verify هم کردم.منتها داخل عکس زیر هیچ تغییری ایجاد نشد.یعنی تعداد اعضا داخل عکس زیر هنور همون صفر مونده.
      دلیلش چی هست؟
      ممنون
      http://up98.org/images/s07oif9m77xgkdtjegaa.png