استایل ادامه مطلب وردپرس سری دوم

استایل ادامه مطلب وردپرس سری دوم این استایل تقریبا شبیه به استایل قبلی ادامه مطلب هست با این تفاوت که رنگ ان تغییر و ابعاد ان تغییر کرده و هاور ان کاملتر شده و چهار طرف ان را احاطه کرده بسیار زیبا و دیدنیه…

استایل ادامه مطلب وردپرس سری دوم
نمونه عکس

خب ابتدا باید متن ادامه مطلب را با متن زیر جایگزین کنید و اگر جایگزین کردن کد ادامه مطلب را بلد نیستید این مطلب رو حتما بخونید

<div class="post-more-link">

<?php the_content(''); ?><a href=" <?php the_permalink(); ?>"><codebazan ir=""/>برای دیدن ادامه مطلب اینجا کلیک کنید »</a>

 

خب بعد از تعویض کد فوق استایل زیر را به استایل قالب خود اضافه کنید.

 

<style>
.post-more-link codebazan{
font:15px/5 'Helvetica',tahoma;
font-weight: bold;
background:#6666ff;
color:white;padding:.9em .75em;
margin:1em ;border-right:4px solid #99ff00;
font:bold;border-left:4px solid #99ff00;
}

.post-more-link codebazan:hover{
border-right:8px solid #31BEE8;
text-shadow:0px 0px 4px #D7F5FF;
border-left:8px solid #31BEE8;
text-shadow:0px 0px 4px #D7F5FF;
border-top:8px solid #333399;
text-shadow:0px 0px 4px #D7F5FF;
border-bottom:8px solid #333399;
text-shadow:0px 0px 4px #D7F5FF
}
</style>

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *