While summoning up
THIS post, I thought it would be pretty good to discuss.
Yesterday, I was browsing one of the nice CSS drop down menus that were for sale over codecanyon.
The amazing thing was when I clicked view source, the source displayed as some gibberish code under which it was stated "You need javascript enabled to view this page".
So does HTML 5 offers some of this view-source protection feature or it might be custom code? Here is link if anyone wants to test it;
http://livepreview.zxq.net/css3%20drop%20menu
It uses javascript unescape, sort of like base64_decode in PHP. It wouldn't be that hard to rip.
I see the source fine so I'm not sure what you're talking about.
Done.
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Drop Menu</title>
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/ieonly.css">
<!--[if lt IE 9]>
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<header id="main"><h1>CSS3 Drop Menu<span>with transitions</span></h1></header>
<nav id="topnav">
<ul class="dropmenu"> <!-------Begin Menu--------->
<li><a href="#non">Home<span class="drop_icon">H</span></a></li>
<li><a href="#non">Links<span class="drop_icon">a</span></a>
<!-------------Begin 3 Column Submenu------------->
<div class="subdrop column_3 drop_common">
<div class="col_110">
<header class="col_110_head"><h3>Marketplaces</h3></header>
<ul>
<li><a href="#non">CodeCanyon</a></li>
<li><a href="#non">Themeforest</a></li>
<li><a href="#non">ActiveDen</a></li>
<li><a href="#non">Audiojungle</a></li>
<li><a href="#non">Photodune</a></li>
<li><a href="#non">Videohive</a></li>
<li><a href="#non">GraphicRiver</a></li>
<li><a href="#non">Tutorials</a></li>
</ul>
</div>
<div class="col_110">
<header class="col_110_head"><h3>Tuts+ Network</h3></header>
<ul>
<li><a href="#non">Activetuts+</a></li>
<li><a href="#non">Aetuts+</a></li>
<li><a href="#non">Audiotuts+</a></li>
<li><a href="#non">Cgtuts+</a></li>
<li><a href="#non">Mobiletuts+</a></li>
<li><a href="#non">Psdtuts+</a></li>
<li><a href="#non">Vectortuts+</a></li>
<li><a href="#non">Wptuts+</a></li>
</ul>
</div>
<div class="col_110">
<header class="col_110_head"><h3>Envato Sites</h3></header>
<ul>
<li><a href="#non">Appbase</a></li>
<li><a href="#non">Droid.AppStorm</a></li>
<li><a href="#non">iPad.AppStorm</a></li>
<li><a href="#non">iPhone.AppStorm</a></li>
<li><a href="#non">Mac.AppStorm</a></li>
<li><a href="#non">Web.AppStorm</a></li>
<li><a href="#non">Creattica</a></li>
<li><a href="#non">FreelanceSwitch</a></li>
</ul>
</div>
<footer class="column3_footer">
<p><a href="#non">More Here.....</a></p>
</footer>
</div>
</li> <!------End 3 Column Submenu-------->
<li><a href="#non" class="full_drop">Drop Down</a> <!-----------------Begin Multi Drop Down -------------->
<div class="subdrop drop_column drop_common">
<ul class="drop_col_menu">
<li><a href="#non">Typography</a></li>
<li><a href="#non">Web Design</a></li>
<li><a href="#non">Wordpress</a></li>
<li><a href="#non">Photoshop</a></li>
<li class="nested_drop"><a href="#non" class="right-arrow">List Item</a>
<ul class="nested_right_drop drop_common">
<li><a href="#non">Item 1</a></li>
<li class="nested_sub_drop"><a href="#non" class="right-arrow">Item 2</a>
<ul class="nested_right_sub_drop drop_common">
<li><a href="#non">Item 2.1</a></li>
<li><a href="#non">Item 2.2</a></li>
<li><a href="#non">Item 2.3</a></li>
</ul>
</li>
<li><a href="#non">Item 3</a></li>
<li><a href="#non">Item 4</a></li>
</ul>
</li>
<li><a href="#non">Articles</a></li>
<li><a href="#non">Tutorials</a></li>
<li><a href="#non">Freelancer</a></li>
</ul>
</div>
</li> <!-----------------End Multi Drop Down -------------->
<li><a href="#non">Blog<span class="drop_icon">D</span></a> <!-----------------------Begin 1 Column Submenu------------------------->
<div class="subdrop column_1 drop_common">
<div class="col_350">
<header class="col_350_head"><h3>This be the Title</h3></header>
<img src="img/img1.png" alt="image1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tristique sed odio sem mauris.<a href="#">Read More...</a></p>
</div>
<div class="col_350">
<header class="col_350_head"><h3>This be the Title</h3></header>
<img src="img/img2.png" alt="image2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tristique sed odio sem mauris.<a href="#">Read More...</a></p>
</div>
<div class="col_350">
<header class="col_350_head"><h3>This be the Title</h3></header>
<img src="img/img3.png" alt="image3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tristique sed odio sem mauris.<a href="#">Read More...</a></p>
</div>
</div>
</li> <!-----------------------End 1 Column Submenu------------------------->
<li><span class="drop_icon search_icon">M</span> <!-------------- Begin Search box-------------->
<form method="get" id="searchbox" action="#">
<input type="text" placeholder="Type and Search" class="search_input">
</form>
</li> <!-------------- End Search box-------------->
<li><a href="#non">Messages<span class="notification"></span><span class="drop_icon">E</span></a></li>
<li><a href="#non">Sign Up<span class="drop_icon">A</span></a> <!-------------- Begin SignUp Box-------------->
<form method="post" id="sign-up" action="#" class="drop_common">
<label>Username:</label><input type="text" required id="username">
<label>Password:</label><input type="password" required id="password">
<input type="submit" value="Login" class="sign-up-button">
<footer id="signup_footer">
<a href="#">New User</a>
<a href="#">Forget Password</a>
</footer>
</form>
</li> <!--------------End SignUp Box-------------->
</ul> <!-------------- End Menu-------------->
</nav>
</div>
</body>
</html>
Copy the javascript unescape and google "javascript unescape online". It's not an HTML5 thing.
Yeah, came to knew when you pointed out in your earlier post. Thanks.
That maybe handy to avoid at least noobs stealing out on a demo site, not bad.
I used inspect element in chrome and it was fine I'll take a screenshot when I get home.
(2012-05-21, 07:01 PM)Paul H. Wrote: [ -> ]Copy the javascript unescape and google "javascript unescape online". It's not an HTML5 thing.
or use chrome and right-click on the bar and click 'inspect element' and it shows up just fine
Chrome must execute the unescape itself when inspecting XD Clever chrome