کد بلوک نمایش لینک های دلخواه با طرح ویندوز 8

با سلام . مدتی بود که در حال ساخت یک کد زیبا بودم . بالاخره پروژه تموم شد و کد رو در اختیار شما دوستان قرار میدم . این کد با هر سایزی که شما بخواهید به صورت خود کار در میاد و یکی از خوبی هاش این هست که با طرح بسیار زیبای ویندوز 8 ساخته شده است . به کمک این کد شما میتوانید لینک های دلخواه خود را قرار دهید و لینک های عمومی مثل صفحه نخست,انجمن یا رتبه الکسا در زیر لینک های دلخواه خود قرار دهید . امیدوارم لذت ببرید . (در این کد فقط از CSS استفاده شده و برای سرویس های مثل بلاگفا سازگاری داره)

در ابتدا این کد را بین دو تگ head قرار دهید

<link rel="stylesheet" href="http://up.ghalebstore.ir/up/ghalebhide/Style%20Menu%20Metro%20By%20Ghalebstore.css" type="text/css" /> <link href='http://www.font-api.ir/css/B Titr={font-api.ir}.css' rel='stylesheet' type='text/css'> <style> .font{ font-family:B Titr,'B Titr',tahoma; font-size:12px; } </style>

حالا این کد را در جایی که دوست دارید که به نمایش در بیاد قرار بدید 

<div class="font"> <div class="room-box"> <li><a target="_blank" href="http://ghalebstore.ir/page/ads" rel="bookmark">تبلیغات</a></li> <li><a target="_blank" href="http://ghalebstore.ir/tamas" rel="bookmark">تماس با ما</a></li> <li><a target="_blank" href="http://ghalebstore.ir/m" rel="bookmark">نسخه موبایل</a></li> <li><a target="_blank" href="http://ghalebstore.ir/Register" rel="bookmark">عضویت</a></li> <li><a target="_blank" href="http://ghalebstore.ir/rss.xml" rel="bookmark">خبر خوان</a></li> <li><a target="_blank" href="http://ghalebstore.ir/Sitemap.xml" rel="bookmark">نقشه سایت</a></li> </div> <a class="dl-all" href="http://ghalebstore.ir/">صفحه نخست</a> <a class="dl-forum" href="http://ghalebstore.ir/Forum">انجمن</a> <a class="dl-ff" href="http://www.alexa.com/siteinfo/ghalebstore.ir">رتبه الکسا</a> <a class="login-admin" href="http://ghalebstore.ir/">پیج رنک : صفر</a> <a class="login-user" href="http://chkme.com/seo-ghalebstore.ir">سئو : 91%</a> </div>