لینک باکس زیبا در گوشه سایت
کد (لینک باکس زیبا در گوشه سایت) با این کد شما میتوانید یک جعبه لینک بسیار زیبا در سایت خود ایجاد کنید.
نحوه کار این کد به این صورته که بعد از کلیک روی لینک های مفید باکس لینک از گوشه سمت چپ سایت باز شده و لینک های درون باکس را نمایان میسازد و با کلیک روی لینک به ادرس مورد نظر انتقال داده خواهد شد.
برای اضافه کردن لینک کد لینک های قبلی را کپی و در پایات لینک قبل ی پیست کنید و سپس اطلاعات ان را ویرایش کنید.
<h1><a style="display:none;" href="https://www.codebazan.ir/">کدبازان</a></h1><script type="text/javascript" src="https://rozup.ir/view/1002294/jquery.js"></script>
<script>$(document).ready(function(){
$(".searchboxcodebazan .opensearchcodebazan").click(function(){
$("#searchboxcodebazan").slideToggle(100, function(){
});});});</script>
<style>.searchcodebazan{position:fixed;bottom:1px;left:5px;width:150px;}.opensearchcodebazan{background:#20a2cd url(https://rozup.ir/view/1002274/bg.png);width:100%;padding:7px 0px;color:white;font:12px tahoma;text-align:center;cursor:pointer;text-shadow:1px 1px 1px black;}.box-search{width:100%;direction:rtl;font:12px tahoma;padding:5px 0px;border:1px #20a2cd solid;margin-bottom:40px;}.searchboxcodebazans{display:none;}/* unvisited link */a:link {color: #FF0000;}/* visited link */a:visited {color: #00FF00;} /* mouse over link */a:hover {color: #FF00FF;} /* selected link */a:active {color: #0000FF;};a:link { text-decoration: none;}a:visited { text-decoration: none;}a:hover { text-decoration: underline;} ;a:active { text-decoration: underline;}a:link { background-color: #B2FF99;} a:visited { background-color: #FFFF85;} a:hover { background-color: #FF704D;} a:active { background-color: #FF704D;}</style>
<div class="searchcodebazan">
<div class="searchboxcodebazan">
<div class="opensearchcodebazan">لینک مفید</div>
</div>
<div id="searchboxcodebazan" class="searchboxcodebazans">
<fieldset class="emkanat">
<center><legend>
<a href="https://codebazan.ir/">کدبازان</a>
<p>
<a href="https://codebazan.ir/">پرسشکده </a>
<p>
<a href="https://codebazan.ir/contact-us/">تماس باما</a>
</div></div></legend>