رفتن به مطلب

ایجاد تغییر در قالب


Milad123

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

سلام به همگی

قالب من با تصویر شاخص کار میکنه،اینم آدرس سایت :

www.fullalbum2.ir

الان وقتی موس میره روی هر عکس،یه سری اطلاعات بصورت تولتیپ بالای اون عکس نمایان میشه

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

دقیقاَ مثل همون تولتیپ ولی روی عکس

روی هر عکس میخوام با رفتن موس روی اون، این اطلاعات نمایش داده بشه :

نمایش تعداد لایک و دیسلایک بصورت عددی در بالای سمت چپ عکس (افزونه WTI Like Post)

نمایش نوع آهنگ در بالای سمت راست عکس

نمایش تعداد بازدید در پایین سمت راست عکس

نمایش تعداد نظرات در پایین سمت چپ عکس

نمایش تاریخ پست در وسط عکس

برای اینکه منظورمو بهتر متوجه بشید چیزی که مدنظرمه رو توی عکس پیوستی نشون دادم.

post-3610-0-00352300-1397232649_thumb.jp

اینم کد اون قسمتی که میخوام این تغییرات روش اعمال بشه :


<ul class="tabs-content">
<li id="Latest">

<div class="video-grid">
<?php $mymusicvedio = get_option('sample_id_musicvedio'); ?>
<?php
$my_query = new WP_Query("showposts=8&cat=$mymusicvedio");
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<a href="<?php the_permalink() ?>" class="grid_3" title="<?php if( $my_meta = get_post_meta($post->ID,'_my_meta',TRUE)){echo $my_meta['etelaateahang'];} else{ if(isset($mid_var) && !empty($mid_var)) ;} ?>" rel="tooltip">
<?php
if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail('second-thumb');?>
<?php }
else {
echo '<img src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/no-thumbnail.png" />';
}
?>
<span><strong><?php if( $my_meta = get_post_meta($post->ID,'_my_meta',TRUE)){echo $my_meta['khanande'];} else{ if(isset($mid_var) && !empty($mid_var)) ;} ?></strong><?php if( $my_meta = get_post_meta($post->ID,'_my_meta',TRUE)){echo $my_meta['nameahang'];} else{ if(isset($mid_var) && !empty($mid_var)) ;} ?></span>
</a>

<?php endwhile;?> </div><!-- video grid -->

لینک به ارسال

یه راه اینه:


http://www.1learn.ir/%D8%B8%D8%A7%D9%87%D8%B1-%D8%B4%D8%AF%D9%86-%D9%85%D8%AA%D9%86-%D8%A8%D8%B1-%D8%B1%D9%88%DB%8C-%D8%B9%DA%A9%D8%B3-%D8%A8%D8%A7-%D8%B1%D9%81%D8%AA%D9%86-%D9%85%D9%88%D8%B3-%D8%B1%D9%88%DB%8C-%D8%A2/

یه راه هم اینه که شورتکد افزونه ها رو بذارید و با css محوش کنید display:none

بعد رو هاور روشن کنید.

چون قالبتون جدیده بهتره از فونت آیکون هم استاده کنید.


http://www.irwebdesign.ir/how-to-create-css3-button-with-font-awesome-icon/

لینک به ارسال

یه راه اینه:


http://www.1learn.ir/%D8%B8%D8%A7%D9%87%D8%B1-%D8%B4%D8%AF%D9%86-%D9%85%D8%AA%D9%86-%D8%A8%D8%B1-%D8%B1%D9%88%DB%8C-%D8%B9%DA%A9%D8%B3-%D8%A8%D8%A7-%D8%B1%D9%81%D8%AA%D9%86-%D9%85%D9%88%D8%B3-%D8%B1%D9%88%DB%8C-%D8%A2/

یه راه هم اینه که شورتکد افزونه ها رو بذارید و با css محوش کنید display:none

بعد رو هاور روشن کنید.

چون قالبتون جدیده بهتره از فونت آیکون هم استاده کنید.


http://www.irwebdesign.ir/how-to-create-css3-button-with-font-awesome-icon/

راستش کدهای قالب من یه مقدار پیچیدس

بهتون دسترسی بدم میتونید برام درستش کنید؟ هزینشم پرداخت میکنم :wub:

لینک به ارسال

بلد نیستم :wacko:

یعنی اگه سایت خودم بود مینشستم یه هفته انجام میدادم ولی این کارو نکردم

تو بخش خرید تاپیک بزنید

لینک به ارسال

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

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

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

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

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

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

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

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

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