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

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

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

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

<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>