رفتن به مطلب

دکمه صفحه های قبلی و بعدی با تصویر


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

سلام .

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


<?php next_posts_link( ); ?>
<?php previous_posts_link( ); ?>

خواستم بدونم روشی یا کدی هست که در صورت استفاده از این کد ها به جای نمایش متن ( صفحه قبلی یا صفحه بعدی ) یک تصویر نشون بده ؟؟

منظورم این هست که می خام این جوری بشه !!!

hmfo0p5myv4ivgtsqzc.png

لینک به ارسال

سلام

شما اول کد html رو مطابق میلت طراحی کن بعدش از دوتا کد php که خودتون گفتید در اون استفاده کنید ، مثلا :


<div class="next"><?php next_posts_link( ); ?></div>

بعد تو کد css به کلاس next بکگراند و استایل های مورد نظرتون رو بدید .

ویرایش شده توسط f.gh1372
لینک به ارسال

دوست عزیز وقتی از تابع


<?php next_posts_link( ); ?>

استفاده میکنم نوشته صفحه بعدی را می نویسه ...

من نمی خوام نوشته بیاد و می خوام بجای متن تصویر بیاد .

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

لینک به ارسال

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

کد های css و html هم به این شکل هست .


.pageright {
height : 93px;
width : 18px;
margin : 0 0 0 5px ;
float : right;
background : url(images/right.png) no-repeat;
}


<div class="pageright">
<?php next_posts_link('', 0); ?>
</div>

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

لینک به ارسال

دوست عزیز وقتی از تابع


<?php next_posts_link( ); ?>

استفاده میکنم نوشته صفحه بعدی را می نویسه ...

من نمی خوام نوشته بیاد و می خوام بجای متن تصویر بیاد .

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

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


text-indent

هم متن رو محو کن

لینک به ارسال

خوب متن حذف شد شما بهتره بهش استایل بدی. میتونید عکسهای موردنظر رو بصورت بکگراند بدید.

لینک به ارسال

خوب متن حذف شد شما بهتره بهش استایل بدی. میتونید عکسهای موردنظر رو بصورت بکگراند بدید.

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

واقعآ کلافه شدم اگه امکان داره این چند خط ساده را برای من بنویسد خیلی ممنون میشم .

لینک به ارسال
  • 3 هفته بعد...

دوستان و عزیزان استایل را تغییر دادم نشد .


.pageright {
display : block;
height : 93px;
width : 18px;
margin : 111px 0 0 2px ;
float : right;
background : url(images/right.png) no-repeat;
}

کد را هم به کد زیر تغییر دادم که لینک + عنوان مطلب را نمایش میده .


<div class="pageright">
<?php next_post_link( '%link' ); ?>
</div>

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

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

در ضمن ببخشید text-indent به متن فاصله میده !!!

لینک به ارسال

شما این کد رو بزارید در صفحه:

<span class="test"><?php next_posts_link('', 0); ?></span>

بعد این استایل رو تست کنید:

.test a{
display : block;
height : 93px;
width : 18px;
float : right;
background : red url(images/right.png) no-repeat;
}

لینک به ارسال

شما این کد رو بزارید در صفحه:

<span class="test"><?php next_posts_link('', 0); ?></span>

بعد این استایل رو تست کنید:

.test a{
display : block;
height : 93px;
width : 18px;
float : right;
background : red url(images/right.png) no-repeat;
}

شاید باورت نشه مرتضی جان ولی اصلآ دیگه تصویرش را هم نشون نمیده !!!

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

لینک به ارسال

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

لینک به ارسال

لطفا اینگونه تست کنید:

<?php previous_post_link('%link', '<div class="ghabli"></div>'); ?>

به جای کلاس دادن فکر کنم مستقیم هم میتونید از تگ html تصویر استفاده کرد.

ویرایش شده توسط iranata
لینک به ارسال

لطفا اینگونه تست کنید:

<?php previous_post_link('%link', '<div class="ghabli"></div>'); ?>

به جای کلاس دادن فکر کنم مستقیم هم میتونید از تگ html تصویر استفاده کرد.

داداش یعنی ناجور دربه درتم ...

خدا حیرت بده !!!!

کمکم داشتم ازش نا امید میشدم ...

به پاس قدر دانی از این لطف و کمکی که بهم کردی یکی از قالب هایی که دارم طراحی می کنم را به اسمت میزارم ....

لینک به ارسال

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

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

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

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

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

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

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

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

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