کد پیوند های سایت(لینک دوستان)به صورت گرافیکی و زیبا

بدون وصف و توضیح دمو رو ببینید خودتون میبینید منظورم از زیباترین و گرافیکی ترین لینک دوستان چیه

در کد قسمت هایی با موضوعات: عنوان و link وجود داره که باید اون ها رو طبق موارد خواسته شده پر کنید

کد:

<head><style type="text/css">.moisrex-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://www.w3schools.com/css/img_flwr.png) left bottom no-repeat blanchedalmond scroll;}.moisrex-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;}.moisrex-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;}.moisrex-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://www.famo.ir/wp-content/themes/wtj-famo/images/i/bullet_yellow.png) center right no-repeat;padding:1px 15px 1px 1px;margin:0px 0px 0px 0px;}</style></head><body><center><div class="legend-two">کدستان سايت</div><div class="moisrex-link-two"><ul class="ul-two"><li><a href="http://mry1390.ir/">برنامه هاي پارسي</a></li><li><a href="http://www.google.com/">گوگل</a></li><li><a href="http://search.yahoo.com/">ياهو</a></li><li><a href="http://www.msn.com/">ام اس ان</a></li><li><a href="http://www.bing.com/">بينگ</a></li><li><a href="http://www.microsoft.com/">مايکروسافت</a></li><li><a href="http://www.mozilla.org/">فايرفاکس</a></li><li><a href="http://windows.microsoft.com/en-us/inteet-explorer/products/ie/home/">اينترنت اکسپلورر</a></li><li><a href="https://www.google.com/intl/en/chrome/">گوگل کروم</a></li><li><a href="http://www.apple.com/safari/">سافاري</a></li><li><a href="link">عنوان</a></li><li><a href="link">عنوان</a></li><li><a href="link">عنوان</a></li><li><a href="link">عنوان</a></li><li><a href="link">عنوان</a></li></ul></div><a href="http://mry1390.ir/"> </a></center></body>