صفحه ای بدون حتی یک خط کد HTML
امروز میخوام یک معما طرح کنم.
آدرس زیر رو نگاه کنید و سعی کنید کد HTML صفحه رو بدست بیارید. (برای دیدن صفحه از Firefox یا Opera استفاده کنید.)
http://farhadi.ir/test/nohtml.php
منتظر نظرات هستم …
آپدیت :
معما حل شد.
تمام آنچه در این صفحه دیده میشه با استفاده از CSS تولید شده و از قابلیت لینک کردن فایل CSS به صفحه از طریق Header استفاده شده. که البته در IE کار نمیکنه.
در کل با این روش نمیشه یه صفحه کامل طراحی کرد چون با CSS نمیشه کد HTML تولید کرد. مگر اینکه از حقه قدیمی قرار دادن کد javascript در CSS استفاده کنید که اون هم فقط در IE و نسخه های قدیم opera کار میکنه. نتیجه اینکه این روش شاید کاربردی نباشه ولی برای سرکار گذشتن خوبه!
20 شهریور 1386 در 1:14 ب.ظ
اگر از افزونه web developer استفاده کنید – خیلی راحت میشه دید
20 شهریور 1386 در 4:34 ب.ظ
من با web developer هم نگاه کردم چیزی نشون نمیده.
20 شهریور 1386 در 5:14 ب.ظ
این سی اس اسش (اصل کاری):
body { background-image:url(images/bg.gif); font-size: 20px; font-weight: bold; }
body:after { content: “This page contains 0 bytes of HTML. View the source code! Move your mouse here…” }
body:hover { text-decoration: none; color: green; }
body:hover:after { content: “Look, no Javascript, ma! View source… “; color: white; background-color: blue; font-size: 24px; line-height: 36px; text-decoration:blink}
این هم اچ تی ام ال:
بقیش هم تو php
20 شهریور 1386 در 7:02 ب.ظ
خوب 50% از معما حل شد.
آره این صفحه اصلا کد HTML نداره. و کلش داخل فایل CSS واقع شده ولی نکته اینجاست که اصلا کد HTML ی برای include کردن اون فایل CSS استفاده نشده ؟!
21 شهریور 1386 در 1:03 ق.ظ
سلام
باحال بود خوشم اومد.
اما جوابش هم خیلی سخت نبود
اینکارو با css و php و البته به لطف apache انجام دادید
اگر hedaer صفحه رو استخراج کنید، میبینید:
Array
(
[transfer-encoding] => chunked
[date] => Tue, 11 Sep 2007 21:08:21 GMT
[content-type] => text/html
[connection] => close
[server] => Apache 3
[x-powered-by] => PHP/5.2.3
[link] => ; REL=”stylesheet”; MEDIA=”screen”
[via] => 1.1 nisoccache (NetCache NetApp/5.5R5)
)
خب جواب مشخص شد !!!
سطر یکی مونده به آخر جواب معماست!
با این کد php میشه هدر رو ساخت:
; REL=”stylesheet”; MEDIA=”screen”‘);
?>
و این هم کد css مورد نیاز:
body { background-image:url(images/bg.gif); font-size: 20px; font-weight: bold; }
body:after { content: “This page contains 0 bytes of HTML. View the source code! Move your mouse here…” }
body:hover { text-decoration: none; color: green; }
body:hover:after { content: “Look, no Javascript, ma! View source… “; color: white; background-color: blue; font-size: 24px; line-height: 36px; text-decoration:blink}
البته بعدا که یه سرچ کردم این دو تا مطلب رو در این باره پیدا کردم :
http://www.geeksquare.info/index.php/2005/10/22/il_mistero_della_pagina_web_da_0_byte
http://maurizio.mavida.com/2005/10/27/header-html-e-css-fantasmi/#comment-66250
خوش باشید
نبی
21 شهریور 1386 در 1:04 ق.ظ
[code]
آزمایشی یک دو سه
[/code]
21 شهریور 1386 در 1:06 ق.ظ
ظاهرا ادیتور کدها رو اونجوری که باید نشون نمیده، این درسته :
; REL=”stylesheet”; MEDIA=”screen”‘);
?>
21 شهریور 1386 در 1:10 ق.ظ
آقا علی واقعا ببخشید شلوغ کاری میکنم ولی این ادیتورت مشکل داره ، ناچار شدم که عکسش رو بزارم :
http://img.majidonline.com/pic/116766/nohtml.gif
این دیگه درسته
کامنت های اضافی هم میتونید پاک کنید.
21 شهریور 1386 در 7:20 ق.ظ
آفرین نبی جان. همین طوری بود که شما گفتی.
من از wordpress تعجب میکنم که با کد توی کامنت ها مشکل داره.
سر فرصت باید یه نگاهی بهش بندازم.
22 شهریور 1386 در 9:53 ق.ظ
لطفاً اول از همه این مشکل چپ به راست نوشته ها رو حل کن، اگر وبلاگت فقط برای شعر و لطیفه بود خیلی مهم نبود، ولی در جاهایی که صحبت از برنامه نویسی هست ، وجود همزمان راست به چپ و چپ به راست خیلی لازمه.
دوم اینکه ادیتور تقریبا مشکل نداره ، فقط با علامت کوچکتر بزرگتر به خاطر اینکه فکر میکنه تگ اچ تی ام اله مشکل داره. اسم فایل هم به همین خاطر در هدر نوشته نشده …
پیروز باشید.
از اینکه بهم لینک دادی ممنون ، فقط اگر فضا داشتی فامیلی هم بهش اضافه کنی بد نیست. منم در اولین فرصت بهت میلینکم . تا شب.
22 شهریور 1386 در 1:18 ب.ظ
ممنون نبی جان از راهنماییت.
اگر منظورت از مشکل چپ به راست، قسمت لینک پاسخ ها بود، درستش کردم.
لینک سایت شما رو هم اصلاح کردم.
در مورد مشکل ادیتور من فکر میکنم اگر اصلا تگ HTML قبول نمیکرد و همه رو htmlspecialchars میکرد بهتر بود. ولی خوب قصد ندارم تغییرش بدم چون بعدا برای آپدیت دچار مشکل میشم.
25 شهریور 1386 در 3:46 ق.ظ
- تشکر
- منظورم کدهای css و کلا نوشته های انگلیسی بود که وقتی راست به چپ هستند به هم ریخته هستند.
- خب میتونی بصورت پلاگین درش بیاری که هم با آپدیت مشکل نداشته باشی و هم دیگران استفاده کنند. البته مطمئن نیستم این مورد خاص رو بشه پلاگین کرد.
- به شما لینکیدم !
نبی