قالب صفحات جداگانه برای معرفی سایت های مفید (لینک باکس)

این لینک باکس دارای توضیحات می باید. یعنی شما با کلیک روی عنوان لینک توضیحات آن در زیر آن باز شده لینک آن به نمایش در می آید.

برای دیدن دمو اینجا کلیک کنید.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>معرفی سایت ها</title> <base target="_blank"> <style> body{ font:11px tahoma; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdJREFUeNpi/P//PwMMMDIySsHYTAw4AE4JRiCGawca+4x8owACDAC/5gciLeKkUQAAAABJRU5ErkJggg==) #eee; direction:rtl; } .all,.all2{ border:1px #ccc solid; width:900px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; margin:30px 0 30px 0; padding:10px; background:#fff; } fieldset,legend{ border:1px #ccc solid; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; padding:5px; } fieldset{ float:right; width:46%; margin:10px; } .clear{ clear:both; } .title{ margin:5px; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; padding:5px; cursor:pointer; background:#f5f5f5; text-align:right; } .info{ display:none; text-align:right; position:relative; top:-10px; margin:0 5px 0 5px; background:#f5f5f5; border:1px #ccc solid; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; padding:10px; } .link{ background:green; border:1px darkgreen solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; padding:5px; text-decoration:none; color:#fff; float:left; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $('.title').click(function(){ $(this).next('.info').slideToggle(); }); }); </script> </head> <body> <center> <h1>معرفی سایت های مفید</h1> <div style="position:absolute;top:-200%;"><a href="http://moisrex.rozblog.com/">کدستان</a></div><noscript><div class="all2">مرورگر شما از این صفحه وب پشتیبانی نمی کند. لطفا به تعویض آن اقدام نمایید یا در صورت غیر فعال بودن جاوا اسکریپت مرورگرتان آن را فعال نمایید.</div><style>.all{display:none;}</style></noscript> <div class="all"> <fieldset><legend>عنوان موضوع لینک</legend> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> </fieldset> <fieldset><legend>عنوان موضوع لینک</legend> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> </fieldset> <fieldset><legend>عنوان موضوع لینک</legend> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> </fieldset> <fieldset><legend>عنوان موضوع لینک</legend> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> <div class="title">عنوان هر لینک</div><div class="info"> توضیحات <a class="link" href="آدرس سایت">رفتن به سایت</a><div class="clear"></div></div> </fieldset> <div class="clear"></div> </div><script>var enkripsi="'1Afkt'02kf'1F'00omkqpgz'00'1G'w240C'w2467'w2405'w2467'w24AA'02'w240F'w2460'w246:'w2460'02'w2415'w2413'w2405'w240F'w24AA'02'w2405'w24AA'w2464'02'w2466'w24AA'w2464'w24C;'02'w240:'w2405'w24C;'w2411'02'w2467'w2415'w241;'w2466'w2460'02'w240:'w2465'02'1Ac'02jpgd'1F'00jvvr'1C--omkqpgz,pmx`nme,amo'00'1Guuu,omkqpgz,pmx`nme,amo'1A-c'1G'02'w2467'w24AA'02'w240:'w2405'w2416'w240D'02'w246:'02'w24C;'w245G'w24AA'02'w240:'w2413'w240D'w2405'w2413'w24AA'02'w2405'w2410'02'w2400'w2464'02'w2463'w2460'w2415'02'w240:'w2405'02'w2412'w24C;'w2413'02'w2467'w2464'w240:'w241;'02'w2467'w240A'w2405'w2410'02'w2467'w24AA'02'w240:'w2405'w2416'w240D,'1A-fkt'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);</script></center> </body> </html>

9 نظر

3399 بازدید

شنبه 25 شهریور 1391 - 19:45

erfanfff در تاریخ 1393/03/23 ساعت 14:33 می گوید :

من میخوام فوترتون رو حذف کنید چند باید بدم؟یه نفر گفت انجام میده ولی میخوامبا اجازه خودتون باشه

پاسخ : اسماعیل : توی انجمن بگید...
با تشکر

Maisam در تاریخ 1393/02/26 ساعت 12:16 می گوید :

سلام داداش خسته نباشید .
من نفهمیدم ازین چطوز استفاده کنم , چطور لینک قرار بدم ؟ لطفا جواب بده

cooj در تاریخ 1392/05/03 ساعت 8:12 می گوید :

سلام من چند ماهه که تو سییتتون عضو شدم و تو این چند ماه چند بار سر زدم ولی عضویتم هنوز تایید نشده
لطفا تایید کنید
cooj

پاسخ : دوست عزیز اون بالا هم نوشته عضویت با تایید ایمیل هست.

sajjad در تاریخ 1392/03/16 ساعت 0:53 می گوید :

سلام .

داداش میشه به جای اینکه آدرس سایتت رو پایین قالب و ابزارهات بیارم بنویسم : طراحی توسط محمد بعد به محمد هم لینک سایتت رو بدم .

پاسخ : اگه منظورت اینه که فقط به جای moisrex بنویسی محمد اشکال نداره ولی از لحاظ رسمی بودن خارج میشه ...

sajjad در تاریخ 1392/03/14 ساعت 17:50 می گوید :

سلام این کد خرابه .

اگه دقت کرده باشین وقتی روی یکی از دکمه های روی عنوان لینک تو قسمت گروه اول ( یعنی باکس بالا سمت راست کلیک میکنیم باکس پایینی فاصله میندازه و میاد پایین.

پاسخ : خوب این چیز زیاد مهمی نیست ...