من امروز هک بسیار ساده ای رو براتون آماده کردم. اینو واسه یه سایت مذهبی درست کرده بودم که دلم نیومد برای شما نزارمش! تو این هک 24 حدیث گلجین به صورت پیشفرض گنجونده شده که در هر ساعت از روز یکی از احادیث نمایش داده میشه!
دانلود
آموزش نصب
پس ار دانلود فایل های موجود در پوشه theme را به فایل قالب خود انتقال دهید.
1. کد زیر را قبل از موجود در فابل main.tpl قالب خود قرار دهید:
2. فایل style.css قالب خود را باز کرده و کد های زیر را به انتهای آن اضافه کنید:
حال دوباره به فایل main.tpl قالب خود بازگشته و کد زیر را قبل از قرار دهید:
1. کد زیر را قبل از موجود در فابل main.tpl قالب خود قرار دهید:
<script type="text/javascript" language="javascript">
function hideStuff(id){
document.getElementById(id).style.display='none';}
</script>
2. فایل style.css قالب خود را باز کرده و کد های زیر را به انتهای آن اضافه کنید:
/*---hadis---*/
.hadis{ position:fixed; right:0; top:0 ; background-image:url(../images/1b.png) ; padding:10px 20px 20px 30px; background-color:#008BBF ; -webkit-animation:'appear' 2s linear infinite 0s forwards; -moz-animation:appear 2s linear infinite 0s forwards; animation:appear 2s linear infinite 0s forwards; border-bottom-left-radius:10px; color:#fff; width:400px; z-index:999; opacity:0.9; box-shadow:0px 0px 5px #999
}
@-webkit-keyframes 'appear'{ to{ background-position:0px 0px } from{ background-position:-27px 0px}
}
@-moz-keyframes appear{ to{ background-position:0px 0p} from{ background-position:-27px 0px}
}
@keyframes appear{ to{ background-position:0px 0px} from{ background-position:-27px 0px}
}
.exith{ float:left; margin-bottom:-30px; margin-left:-40px}
.exith img{ border:5px solid #FFF ; border-radius:30px; -webkit-animation:'appear2' 7s linear infinite 0s forwards; -moz-animation:appear2 7s linear infinite 0s forwards; animation:appear2 7s linear infinite 0s forwards ; transition:border-color 0.3s linear}
.exith img:hover{ border-color:#1996c5;
}
@-webkit-keyframes 'appear2'{ to{ transform:rotate(0deg)} from{ transform:rotate(-360deg)}
}
@-moz-keyframes appear2{ to{ transform:rotate(0deg)} from{ transform:rotate(-360deg)}
}
@keyframes appear2{ to{ transform:rotate(0deg)} from{ transform:rotate(-360deg)}
}
حال دوباره به فایل main.tpl قالب خود بازگشته و کد زیر را قبل از قرار دهید:
{"include file="hadis.tpl}
تصاویر
