رفتن به مطلب

آموزش اضافه كردن دكمه ادامه مطلب به قالب وردپرس


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

  • مدیریت کل سایت

اين نمونه همان دكمه ادامه مطلبي است كه در قالب وردپرس پرو 6 كه توسط مايكروسايت طراحي شده، بكار رفته است.

ابتدا كدهاي زير را به فايل index.php اضافه كنيد .

 

 

<a  id="post-more" href="https://1go.ir/<?php the_permalink() ?>"></a>  

 

 

 

سپس كدهاي زير را به انتهاي فايل style.css اضاف نمائيد

 

 

#post-more { background-image: url( لینک ها تنها برای اعضای سایت قابل نمایش است.  ); float: left; height: 31px; width: 93px; margin-left: 15px; background-position: top; background-repeat: no-repeat; margin-top:-35px; margin-bottom:5px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; display: block; } #post-more:hover { background-position: bottom; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } 

 

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

حتما جای اشتباهی قرار گرفته

مگه نگفتید کد اول در

index.php و کد دوم در style.css؟!

چون همین کارو کردم..به هر حال ممنون

 

 

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

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...