ابزار منوی حرفه ای برای لینک ها

در این مطلب ابزار بسیار زیبایی برای لینک های سایت و وبلاگ قرار داده ایم شما می توانید از باکس زیبا در صفحه اصلی و یا صفحه ای جدا از سایت یا وبلاگتان استفاده کنید.

برای استفاده از این ابزار کد اول را دریافت و در بین تگ های head قالبتون قرار بدهید و کد دوم را در بین تگ body در قالب خودتون قرار دهید.

کدhead

<!-- abzar by pershiantik.rozblog.com --> <style type="text/css"> .abzar-link-two { width: 300px; height: 300px; padding:5px; font-family:Tahoma; font-size:12px; text-align:right; overflow:auto; direction:rtl; box-shadow:0px 0px 10px 0px burlywood inset; -moz-box-shadow:0px 0px 10px 0px burlywood inset; -o-box-shadow:0px 0px 10px 0px burlywood inset; -ms-box-shadow:0px 0px 10px 0px burlywood inset; -webkit-box-shadow:0px 0px 10px 0px burlywood inset; border-radius:5px; background:url(http://4abzar.ir/abzar/link-box/img_tree_flwr.gif) left bottom no-repeat blanchedalmond scroll; } .abzar-link-two a{ color:chocolate; font-size:12px; text-decoration: none; text-shadow:0px 0px 1px chocolate; -moz-text-shadow:0px 0px 1px chocolate; -o-text-shadow:0px 0px 1px chocolate; -ms-text-shadow:0px 0px 1px chocolate; -webkit-text-shadow:0px 0px 1px chocolate; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .abzar-link-two a:hover{ margin:0 5px 0 0; text-shadow:0px 0px 5px chocolate; -moz-text-shadow:0px 0px 5px chocolate; -o-text-shadow:0px 0px 5px chocolate; -ms-text-shadow:0px 0px 5px chocolate; -webkit-text-shadow:0px 0px 5px chocolate; } .legend-two{ width:100px; font-family:Tahoma; font-size:13px; color:darkgoldenrod; font-weight:normal; background-color:blanchedalmond; box-shadow:0px 0px 10px 0px burlywood; -moz-box-shadow:0px 0px 10px 0px burlywood; -o-box-shadow:0px 0px 10px 0px burlywood; -ms-box-shadow:0px 0px 10px 0px burlywood; -webkit-box-shadow:0px 0px 10px 0px burlywood; border-radius:5px 5px 0px 0px; -moz-border-radius:100px 100px 0px 0px; -o-border-radius:100px 100px 0px 0px; -ms-border-radius:100px 100px 0px 0px; -webkit-border-radius:100px 100px 0px 0px; } .abzar-link-two a:hover:after{content:" (آدرس لینک:"attr(href)")";color:#999;font-size:9px;font-family:tahoma;)} .ul-two{list-style:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px} .ul-two li{background:url(http://4abzar.ir/abzar/link-box/bullet_yellow.png) center right no-repeat;padding:1px 15px 1px 1px;margin:0px 0px 0px 0px;} </style><!-- abzar by pershiantik.rozblog.com --> 

کدbody

<!-- abzar by pershiantik.rozblog.com --> <center><div class="legend-two">لینک ها</div> <div class="abzar-link-two"><ul class="ul-two"> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.comr">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> <li><a href="http://pershiantik.rozblog.com">عنوان لینک</a></li> </div><a href="&#104;&#116;&#116;&#112;&#58;&#47;&#47;4&#97;&#98;&#122;&#97;&#114;&#46;&#105;&#114;&#47;&#108;&#105;&#110;&#107;&#45;&#98;&#111;&#120;">&#1583;&#1585;&#1740;&#1575;&#1601;&#1578;&#32;&#1705;&#1583;&#32;&#1605;&#1606;&#1608;&#1740;&#32;&#1604;&#1740;&#1606;&#1705;&#32;&#1607;&#1575;</a></center><div style="display:none"><h1><a href="&#104;&#116;&#116;&#112;&#58;&#47;&#47;4&#97;&#98;&#122;&#97;&#114;&#46;&#105;&#114;">&#1601;&#1600;&#1600;&#1608;&#1585;&#32;&#1575;&#1576;&#1600;&#1600;&#1586;&#1575;&#1585;</a></h1><h2><a href="&#104;&#116;&#116;&#112;&#58;&#47;&#47;&#115;&#101;&#118;&#101;&#110;&#116;&#97;&#97;&#107;&#46;&#105;&#114;">&#1587;&#1600;&#1600;&#1608;&#1606;&#32;&#1578;&#1600;&#1600;&#1575;&#1705;</a></h2></div> <!-- abzar by pershiantik.rozblog.com -->

توجه : در کد قسمت body به جای عنوان ، عنوان لینک خود و به جای آدرس pershiantik.rozblog.com آدرس مورد نظر خود را بنویسید.

اگر سوال یا مشکلی در این ابزار دارید از بخش نظرات همین مطلب بیان کنید.