Ayuda...¿Que codigo html uso para crear una web asi....???

linkeado

linkeado

Bovino maduro
#1
#1
Hola necesito ayuda a toda su magisterial sapiencia ..que debo hacer para realizar una web casi de la misma calidad para que se ajuste a cualquier tipo de pantalla y que tenga las mismas funciones que esta....se ve muy sencialla aparentemente pero no se como hacer una muy similar o que tipo de divs tengo que aplicar aparte del encabezadoy el pie ayuda porfavor...

http://www.sherpa.com.cn/
 
LosiramLuziferBlavatsky

LosiramLuziferBlavatsky

Bovino Milenario
#2
#2
Camarada yo te didria que guardes pa paguina y despues lo abras con un editor web como podria ser Dream Weaver, o que uses ol codigo fuente de la paguina, y lo edites a tu gusto.

pero solo es una sujerencia we. saludos
 
Giovanni924

Giovanni924

Bovino de alcurnia
#3
#3
como te dice el amigo puedes usar el mismo code que ya tienen ahi pero preguntas como seria mejor hacerla pues es una mezcla puedes mezclar html con javascript o ajax para el efecto del select que cambia onmouseover cuando pones el mouse encima y asi puedes ir agregando code
 
tuxwar

tuxwar

Bovino maduro
#4
#4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<title>Sherpa's - Your favourite restaurants delivered to you</title>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>



<meta name="description" content="Order food online - Now delivering more than 200 Restaurants in Shanghai, Suzhou, Hangzhou, Beijing"></meta>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"></meta>


<meta name="keywords" content="pizza, delivery, pizzeria, restaurant, delivery, order food"></meta>
<link rel="icon" type="image/png" href="/media/img/currently_used/favicon_sherpas.png"/>

<script type="text/javascript">
(function() {
if (top.location != self.location) {
top.location = self.location.href;
}
})();
</script>


<link href="/media/css/e2ea55f_gen_frontend.css" rel="Stylesheet" type="text/css"></link>



<!--[if IE 6]>
<script type="text/javascript" src="/media/iepngfix/iepngfix_tilebg.js"></script>
<link rel="stylesheet" type="text/css" href="/media/css/ie6fixes.css?e2ea55f" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/media/css/ie7fixes.css?e2ea55f" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="/media/css/ie7fixes.css?e2ea55f" />
<![endif]-->
</head>
<body id="mainbody" class=" variation_a">
<div id="body_container">

<div id="nojs_link">
<p>Order food online in throughout China</p>
<ul class="cities">

<li><a href="/">Delivery service in Beijing</a></li>

<li><a href="/">Delivery service in Hangzhou</a></li>

<li><a href="/">Delivery service in Shanghai</a></li>

<li><a href="/">Delivery service in Suzhou</a></li>

</ul>
<p>
Keywords: Delivery Service, Homedelivery, Food order, Orderline, Online order, Pizza order, pizza taxi
</p>

<p>
<ul>

</ul>
</p>
</div>

<div id="nocookies" style="display: none;">
Sorry, com.cn needs cookies to accept orders.
</div>

<script type='text/javascript'>
if (document.cookie.length < 1) {
document.getElementById('nocookies').style.display = 'block';
}
</script>

<div id="head_loginform" style="display: none;">
<form onsubmit="user.login(this.username.value, this.password.value); return false;" action="">
<div><label>E-Mail Address:</label><input type="text" name="username" id="login_username" class="inputEngravedSmall" /></div>
<div><label>Password:</label><input type="password" name="password" id="login_password" class="inputEngravedSmall" /></div>
<p class="message"></p>
<p class="submit"><input type="submit" value="Login!" /></p>
<p class="cancel"><input type="button" onclick="user.hide_login();" value="Cancel" /></p>
</form>

<hr />
<p><a id="passwordForgottenToggle" href="#">Forgot Password?</a></p>
<form id="passwordForgottenForm" onsubmit="user.forgotPassword(this.email.value); return false;" action="" style="display: none;">
<p class="email"><label>E-Mail:</label><input type="text" name="email" class="inputEngravedSmall"/></p>
<p class="submit"><input type="submit" value="Send" /></p>
</form>

</div>



<div id="header">
<a href="#page=landing"><img src="/media/img/sherpas/sherpaslogo.png" class="headerleft" alt="" /></a>




<img src="/media/img/currently_used/gmias_einzeln_gross.png" class="headerright" alt="" />

<a href="http://www.mjam.net/ihunger/">
<img id="appstore_logo" src="/media/img/currently_used/appstore.png" width="121" height="42" class="png" alt="iHunger: Essen bestellen auf dem iPhone"></img>
</a>




<div class="small_headerright">
<div class="actual_img">
</div>

</div>


<ul class="navigation">
<li class="logged_in first" style="display:none;">
<span class="username" style="font-weight:normal;">&nbsp;</span>
</li>

<li class="logged_out first" style="display:none;"><a onclick="user.show_login(); return false;" href="#">Login</a></li>
<li class="logged_out" style="display:none;"><a href="#page=user/register/" tooltip="Sign up to have access to your orders from anywhere">Sign up</a></li>
<li class="logged_in withaction_click select" style="display:none;" onclick="toggle_select_click(this);">
My Sherpa's

<span class="moar">
<ul>
<li><a href="#page=user/">Orders</a></li>
<li><a href="#page=addresses/">Addresses</a></li>
</ul>
</span>
</li>

<li class="withaction select" id="language_selector">

<a href="#" onclick="user.setLanguage('zh'); return false;">中文</a>

</li>




<li class="logged_in" style="display:none;">
<a onclick="user.logout(); return false;" href="#">Logout</a>
</li>

</ul>

</div>

<div id="menu_list_controller" style="display: none;" class="mainwidget controller"></div>

<div id="sidebar">


<div id="cart_container" class="mainwidget" style="display:none">

<div id="cart_containerWrapperTop"></div>
<div id="cart_containerWrapperCenter">
<div id="cart_header">

<p class="h2"><span id="cart_headline"></span>
<span id="cart_grouporder_btns">
<span id="cart_new" tooltip="Clear cart.">
<img src="/media/img/sherpas/warenkorb_button_neworder.png" alt="share" class="png" width="32px" height="26px"></img>
</span>
</span>
</p>
<span id="cart_share_link"></span>
</div>
<div id="cart_items">
</div>
<ul id="cart_meta">
<li id="discount_line" class="item discount" style="display:none;"><span class="name">Discount</span><span class="price"></span></li>
<li id="package_price_line" class="item package_price" style="display:none;"><span class="name">Packaging</span><span class="price"></span></li>
<li id="delivery_fee_line" class="item devfee" style="display:none;">
<span>
<span id="cart_delivery_fee_explanation">Delivery fee</span>
</span>
<span class="price"></span>
</li>
<li class="item sum">
<div id="sum_line">
<span class="name">Total</span><span class="price"></span>
</div>
</li>
</ul>
<div id="cart_btns">
<div id="cart_btn_finish" style="display: none;" class="cartButton png">
<a></a>
</div>

<div id="cart_btn_order" style="display: none;" class="cartButton png">
<a></a>
</div>
</div>
<div id="cart_warning" style="display: none;" ></div>
<div id="cart_timeleft" style="display:none;"></div>
</div>
<div id="cart_containerWrapperBottom"></div>
</div>
<div id="sidebarChatButtonWrapper"> <a class="sherpasChatButton" href="javascript:void(window.open('http://webchat.88dishes.com/livezilla.php','','width=590,height=550,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))">
<img src="http://webchat.88dishes.com/image.php?id=03" width="191" height="69" border="0" alt="Sherpa Restaurants Online Order Chat">
</a>
</div>

<div class="newsbox" id="recentNewsBox">
<div class="newsboxHead">
<h2 class="small">Recent News</h2>
</div>
<div id="newsitems" class="newsboxCenter fliesstextM">

</div>
<div class="newsboxCenter fliesstextM">
<a class="newsLinkL" href="http://blog.sherpa.com.cn/?page_id=156">Promotions Page</a>
</div>
<div class="newsboxBottom"></div>
</div>

<div class="newsbox" id="beveragesInfoBox">
<div class="newsboxHead">
<h2 class="small">Sherpa's beverages, ice, and cigarettes</h2>
</div>
<div class="newsboxCenter fliesstextM">
<p>We deliver wine, beer, soft drinks, and more. You can add them to any restaurant order with no additional delivery charge. You can also place an order of beverages only (standard delivery fee applies).
</p>
<p class="newsLinkL"><a class="newsLinkL" id="bwic_link" href="/#page=restaurant/shanghai/beverages/">Order: Beverages only</a></p>
</div>
<div class="newsboxBottom"></div>
</div>

<div id="restaurantlist_info_container" class="info" style="display:none;">
<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>
<p class="h2">Restaurant listing</p>
<p>We try to give you the greates choice possible. So we rate all restaurants based on user behaviour.</p>
<p>This works because you would hardly ever order at a bad restaurant more than once, right?</p>
<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>
</div>

<div id="orderpreview_info_container" class="info" style="display:none;">
<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>
<p class="h2">Ordering</p>
<p>Just give us some more info and enjoy your ordered meal.</p>
<p>We'll let you know by SMS and E-Mail about the status of your order as soon as we know more!</p>
<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>
</div>

<div id="landing_info_box_container" class="info" style="display: none">
<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>
<p class="h2">Sherpa's</p>
<p>Here you can order food.</p><p>You can also rate restaurants and look up other user's reviews to find out who cooks best.</p><p>Enjoy your meal!</p>
<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>
</div>

<div id="food_search_box_container" class="info" style="display: none">
<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>
<p class="h2">Search</p>
<p class="hide_on_search_page">Know what you want? Here's a short-cut.</p>
<form id="food_search_form" onsubmit="WidgetCenter.get('food_search', FoodSearchBoxWidget).search($('food_search_input').value); return false;" action="">
<p><span class="button"><input type="text" name="search" id="roflpoffelkfhjsif" /></span><input type="image" src="/media/img/currently_used/search.png" /></p>
</form>
<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>
</div>

<div id="orange_logo" style="display: none">


</div>

<div id="searchresults_info_container" class="info" style="display: none">
<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>
<p>Search results</p>
<p>Here you see the items matching your search from the menus of our restaurants.</p>
<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>
</div>

<div id="restaurantcategories_container" style="display:none"></div>



</div>

<div id="body">

<div id="location_controller_container"></div>
<div id="location_controller" style="display: none;" class="use_street">

<div class="head" id="sherpaswelcome">
<div class="title">
<h2>
Welcome to Sherpa's!
</h2>
<h4>Start your first order by finding restaurants in your area:</h4>


</div>
</div>

<div id="controller_form_container">
<form id="controller_form" onsubmit="return false;" method="GET" action="/ajax/restaurant/check_address/" autocomplete="off">
<div>

<p class="question">Enter your address here!</p>



<div id="readonly_controller" style="display:none;">
<span id="ro_streetname" onclick="controller.set_rw();controller.redraw();return false;"> </span>

<span id="change_button_div"></span>
</div>
<div class="fields" id="field_container">


<div class="prefilled_container" id="city_chooser_container">
<span class="select please_choose" id="city_chooser">
<ul class="dropdownLarge">

<li class="active infield"><img class="flag" src="/media/img/flags/cn.png" height="11px" width="16px" alt="China"/>

<span class="name">Shanghai</span>

</li>
<li class="dropdownLargeTop"></li>




<li class="dropdownLargeCenter" class="first" id='city_beijing' onclick="controller.setCity('Beijing', 'beijing', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag " alt="China"/> <span class="name">Beijing</span></a></li>


<li class="dropdownLargeCenter" id='city_hangzhou' onclick="controller.setCity('Hangzhou', 'hangzhou', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag secondary" alt="China"/> <span class="name">Hangzhou</span></a></li>


<li class="dropdownLargeCenter" id='city_shanghai' onclick="controller.setCity('Shanghai', 'shanghai', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag secondary" alt="China"/> <span class="name">Shanghai</span></a></li>


<li class="dropdownLargeCenter" id='city_suzhou' onclick="controller.setCity('Suzhou', 'suzhou', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag secondary" alt="China"/> <span class="name">Suzhou</span></a></li>



<li class="dropdownLargeBottom"></li>
</ul>

</span>
</div>

<input type="hidden" id="address_was_selected" value="" />


<input type="hidden" name="lng" value="0.0" id="controller_lng"/>
<input type="hidden" name="lat" value="0.0" id="controller_lat"/>
<input type="hidden" name="landmark" value="" />
<input type="hidden" name="garden" id="controller_garden" value="" />
<input type="hidden" name="zip_code" id="zip_codes_input" value="" />

<input id="controller_area_code_input" type="hidden" name="area_code" value="" />

<input type="hidden" name="street_number" id="controller_street_number_input" value="" />
<input id="controller_district_input" type="hidden" name="district" value="" />


<input type="hidden" id="address_pinyin" value="" />

<div class="prefilled_container" id="street_input_container">
<label for="controller_street_input" class="prefilled_textlabel" >Street (i.e. HuaiHai Lu)</label>

<span class="button big inputLarge"><input type="text" name="street" id="controller_street_input" class="prefilled_textfield formfield_m" value="" onclick="if(this.value==''){controller.street_autocompleter.activate();}else{this.select();}" /></span>


<label for="controller_crossroad_input" class="prefilled_textlabel" >Nearest crossroad</label>

<span class="button big inputLarge"><input type="text" name="crossroad" id="controller_crossroad_input" class="prefilled_textfield formfield_m" value="" onclick="if(this.value==''){controller.crossroad_autocompleter.activate();}else{this.select();}" /></span>

</div>

<div id="china_auto_complete_choices" class="auto_complete" style="display:none;">
</div>

<div id="china_crossroad_auto_complete_choices" class="auto_complete" style="display:none;"></div>




<input type="hidden" name="building_number" value="" id="controller_building_number_input" />
<input type="hidden" name="floor_number" value="" id="controller_floor_number_input" />
<input type="hidden" name="door_number" value="" id="controller_door_number_input" />

<input type="hidden" name="city" id="city" value="shanghai" />
<input type="hidden" name="mode" id="controller_mode" value="use_street" />

<input type="hidden" name="name" value="" id="controller_name_input" />
<input type="hidden" name="phone" value="" id="controller_phone_input" />
<input type="hidden" name="phone_secondary" value="" id="controller_phone_secondary_input" />
<input type="hidden" name="email" value="" id="controller_email_input" />

<span id="lastaddresses">


</span>

<div class="alternativeSelection"><a href="" onclick="showGardens(); return false;">or select an apartment complex, office building or hotel</a></div>

<div id="mjambutton" class="orangeButton button64">
Go
</div>


<span id="indicator1" class="throbber" style="display: none;"><img src="/media/img/Spinning_wheel_throbber.gif" alt="Working..." /></span>

</div>

<p class="enter_address" style="display: none;" ><img src="/media/img/currently_used/warning.png" alt=""/>Please enter your Address here.</p>

<div class="info">
</div>


<p id="location_controller_message" style="display: none"></p>

</div>
</form>
</div>

</div>


<div id="welcometext_container" class="mainwidget" style="display: none">
<p>Hier kannst du Essen bestellen - aber nicht nur das:</p>
<p>Bei uns kannst Du Restaurants bewerten und die Kritiken von anderen einsehen, um herauszufinden, wer am besten kocht!</p>
<p>Mahlzeit.</p>
</div>

<div id="ajax404" class="mainwidget" style="display: none"></div>
<div id="restaurant_list_container" class="mainwidget" style="display:none;">
</div>
<div id="menu_list_container" class="mainwidget" style="display:none;">

<div id="menu_list_actual"></div>
</div>
<div id="discussion_container" class="mainwidget" style="display: none">
<div id="discussion_restaurant" class="mainwidget controller"></div>
<div id="discussion_actual"></div>
</div>
<div id="order_preview_container" class="mainwidget" style="display: none"></div>
<div id="staticcontent_container" class="mainwidget" style="display: none"></div>
<div id="registration_container" class="mainwidget" style="display: none"></div>
<div id="registration_complete_container" class="mainwidget" style="display: none"></div>
<div id="userprofile_container" class="mainwidget" style="display: none"></div>
<div id="useraddresses_container" class="mainwidget" style="display: none"></div>
<div id="orderinfo_container" class="mainwidget" style="display: none"></div>
<div id="restaurant_preview_container" class="mainwidget" style="display: none"></div>
<div id="searchresults_container" class="mainwidget" style="display: none"></div>


<div id="type_address_widget" style="display: none">
<div class="overlay"></div>
</div>



<div id="sherpasblurb">
<div class="sherpasblurbtext" id="advantagesblurb">
<h2 class="medium">Why order online?</h2>
<p class="fliesstextXL">

More restaurants.<br>
More items per restaurant.<br>
Fewer trees wasted.</p>

<p class="fliesstextXL">

Online ordering is <br>
always up to date.</p>


</p>
</div>
<div class="sherpasblurbtext" id="welcomeblurb">
<h2 class="medium">What is Sherpas?</h2>
<p class="fliesstextXL">

4 cities. 304 restaurants.<br>
19752 dishes ready to order.</p>

<p class="fliesstextXL">
Have whatever you want<br>
delivered fast and fresh.</p>
</p>
</div>
</div>





<div id="conversion_iframe_container"></div>
</div>


<div id="feedback">
<form action="" id="feedback-form" method="post" onsubmit="return false;">
<div id="feedback_description">
<p>Sherpa's is brand new and we are working on it every day. Please let us know if you have some suggestions or find any problems to make the service better! Thank you!</p>
<div>
<textarea cols="40" id="feedback_message" name="message" rows="20" class="transparent"></textarea>
</div>
<p>
Please enter your email-address if you want to receive an answer from us.
</p>
<div>
<label for="email_input" style="display:none;" class="prefilled_textlabel">E-Mail (optional)</label>
<input type="text" class="transparent prefilled_textfield" style="margin-left: 140px;" id="email_input" name="email"></input>
</div>
<div id="feedback-form-buttons">
<input name="commit" id="feedback_submit" type="button" value="Give Feedback!" />
<a class="toggle-feedback-form">No, don't send!</a>
</div>
</div>
</form>
<div id="show-feedback-form" class="toggle-feedback-form png">Feedback</div>
<div id="feedback-thanks">Thanks!</div>
</div>




<div id="blackbox"></div>





<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11324488-1");
pageTracker._trackPageview();
} catch(err) {}</script>

<script>
window.onerror = function (errorMsg, url, lineNumber) {
var stacktrace = String(getStackTrace());
var body = {
stacktrace: stacktrace,
message: errorMsg,
url: url,
line: lineNumber
};
new Ajax.Request('/ajax/customer/javascriptexception/',
{
postBody: Object.toQueryString(body)
}
);
write('Heino says: ' + errorMsg + '\nKaffefruehstueck Ausnahme geworfen und nicht gefangen: ' + stacktrace);
return true;
};
</script>


<div id="yui-history-stuff">
<iframe id="yui-history-iframe" src="/media/img/white_pixel.png"></iframe>
<input id="yui-history-field" type="hidden" />
</div>

<script type="text/javascript" src="/jsi18n/?e2ea55f&en"></script>

<script type="text/javascript" src="/media/js/static_gen_frameworks.js"></script>


<script type="text/javascript" src="/media/js/e2ea55f_gen_top.js"></script>


<script>
var env = {
'main_domain': window.location.host,
'operation_mode': 'DEMO',
'localflavor': 'CHINA',
'language_code': 'en',
'facebook_api_key': 'b79d05d36be261d461293eefe0afba58',
'features': {"display_item_id": true, "schoible_translate_comments": true, "new_pudong_distance": true, "show_lastaddresses": false, "address_editable_at_checkout": false, "send_sms_order_confirmation": false, "memorize_restaurant_category": false, "schoible": true, "order_history_limit": 10, "sorting": "distance_sherpas", "use_controller_ro_mode": false, "customer_order_timer": false, "social_network_post": false, "order_live_status": false, "price_decimal_places": 0, "schoible_autoprint": false},
'product_name': 'Sherpa's'
};

user.is_logged_in=false;
user.username='';

controller.cities = {
'beijing': {
'name': 'Beijing',
'slug': 'beijing',
'country_code': 'CN',
'display_name': 'Beijing'
} ,

'hangzhou': {
'name': 'Hangzhou',
'slug': 'hangzhou',
'country_code': 'CN',
'display_name': 'Hangzhou'
} ,

'shanghai': {
'name': 'Shanghai',
'slug': 'shanghai',
'country_code': 'CN',
'display_name': 'Shanghai'
} ,

'suzhou': {
'name': 'Suzhou',
'slug': 'suzhou',
'country_code': 'CN',
'display_name': 'Suzhou'
}
};

</script>


</div>

<div class="footerClearer"></div>
<div id="footer">
<ul id="footerUL">

<div class="landingChatButtonWrapper"><a class="sherpasChatButton" href="javascript:void(window.open('http://webchat.88dishes.com/livezilla.php','','width=590,height=550,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))">
<img src="http://webchat.88dishes.com/image.php?id=03" width="191" height="69" border="0" alt="Sherpa Restaurants Online Order Chat">
</a>
</div>

<div class="callButtonWrapper"><a onclick="show_contact_lightbox(); return false;"><p class="fliesstextXL">or Call Sherpa's</p></a></div>

<li id="license"><a href="http://www.miibeian.gov.cn/"> 沪ICP备05041101号</a></li>



</ul>
</div>
</body>
</html>
 
D

darkerotica

Becerro
#6
#6
A VER SI COMPRENDO ....eso tan simple te gusta ok .... alguien te dio un codigo algo simple pero falata las extenciones java ... css asi que aqui te lo dejo ... un beso

<html>


<head>







<title>Sherpa's - Your favourite restaurants delivered to you</title>











<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>















<meta name="description" content="Order food online - Now delivering more than 200 Restaurants in Shanghai, Suzhou, Hangzhou, Beijing"></meta>







<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"></meta>











<meta name="keywords" content="pizza, delivery, pizzeria, restaurant, delivery, order food"></meta>



<link rel="icon" type="image/png" href="/media/img/currently_used/favicon_sherpas.png"/>







<script type="text/javascript">



(function() {



if (top.location != self.location) {



top.location = self.location.href;



}



})();



</script>











<link href="/media/css/e2ea55f_gen_frontend.css" rel="Stylesheet" type="text/css"></link>















<!--[if IE 6]>



<script type="text/javascript" src="/media/iepngfix/iepngfix_tilebg.js"></script>



<link rel="stylesheet" type="text/css" href="/media/css/ie6fixes.css?e2ea55f" />



<![endif]-->



<!--[if IE 7]>



<link rel="stylesheet" type="text/css" href="/media/css/ie7fixes.css?e2ea55f" />



<![endif]-->



<!--[if IE 8]>



<link rel="stylesheet" type="text/css" href="/media/css/ie7fixes.css?e2ea55f" />



<![endif]-->



</head>



<body id="mainbody" class=" variation_a">



<div id="body_container">







<div id="nojs_link">



<p>Order food online in throughout China</p>



<ul class="cities">







<li><a href="/">Delivery service in Beijing</a></li>







<li><a href="/">Delivery service in Hangzhou</a></li>







<li><a href="/">Delivery service in Shanghai</a></li>







<li><a href="/">Delivery service in Suzhou</a></li>







</ul>



<p>



Keywords: Delivery Service, Homedelivery, Food order, Orderline, Online order, Pizza order, pizza taxi



</p>







<p>



<ul>







</ul>



</p>



</div>







<div id="nocookies" style="display: none;">



Sorry, com.cn needs cookies to accept orders.



</div>







<script type='text/javascript'>



if (document.cookie.length < 1) {



document.getElementById('nocookies').style.display = 'block';



}



</script>







<div id="head_loginform" style="display: none;">



<form onsubmit="user.login(this.username.value, this.password.value); return false;" action="">



<div><label>E-Mail Address:</label><input type="text" name="username" id="login_username" class="inputEngravedSmall" /></div>



<div><label>Password:</label><input type="password" name="password" id="login_password" class="inputEngravedSmall" /></div>



<p class="message"></p>



<p class="submit"><input type="submit" value="Login!" /></p>



<p class="cancel"><input type="button" onclick="user.hide_login();" value="Cancel" /></p>



</form>







<hr />



<p><a id="passwordForgottenToggle" href="#">Forgot Password?</a></p>



<form id="passwordForgottenForm" onsubmit="user.forgotPassword(this.email.value); return false;" action="" style="display: none;">



<p class="email"><label>E-Mail:</label><input type="text" name="email" class="inputEngravedSmall"/></p>



<p class="submit"><input type="submit" value="Send" /></p>



</form>







</div>















<div id="header">



<a href="#page=landing"><img src="/media/img/sherpas/sherpaslogo.png" class="headerleft" alt="" /></a>



















<img src="/media/img/currently_used/gmias_einzeln_gross.png" class="headerright" alt="" />







<a href="http://www.mjam.net/ihunger/">



<img id="appstore_logo" src="/media/img/currently_used/appstore.png" width="121" height="42" class="png" alt="iHunger: Essen bestellen auf dem iPhone"></img>



</a>



















<div class="small_headerright">



<div class="actual_img">



</div>











</div>











<ul class="navigation">



<li class="logged_in first" style="display:none;">



<span class="username" style="font-weight:normal;">&nbsp;</span>



</li>







<li class="logged_out first" style="display:none;"><a onclick="user.show_login(); return false;" href="#">Login</a></li>



<li class="logged_out" style="display:none;"><a href="#page=user/register/" tooltip="Sign up to have access to your orders from anywhere">Sign up</a></li>



<li class="logged_in withaction_click select" style="display:none;" onclick="toggle_select_click(this);">



My Sherpa's







<span class="moar">



<ul>



<li><a href="#page=user/">Orders</a></li>



<li><a href="#page=addresses/">Addresses</a></li>



</ul>



</span>



</li>







<li class="withaction select" id="language_selector">







<a href="#" onclick="user.setLanguage('zh'); return false;">中文</a>







</li>



















<li class="logged_in" style="display:none;">



<a onclick="user.logout(); return false;" href="#">Logout</a>



</li>







</ul>







</div>







<div id="menu_list_controller" style="display: none;" class="mainwidget controller"></div>







<div id="sidebar">











<div id="cart_container" class="mainwidget" style="display:none">







<div id="cart_containerWrapperTop"></div>



<div id="cart_containerWrapperCenter">



<div id="cart_header">







<p class="h2"><span id="cart_headline"></span>



<span id="cart_grouporder_btns">



<span id="cart_new" tooltip="Clear cart.">



<img src="/media/img/sherpas/warenkorb_button_neworder.png" alt="share" class="png" width="32px" height="26px"></img>



</span>



</span>



</p>



<span id="cart_share_link"></span>



</div>



<div id="cart_items">



</div>



<ul id="cart_meta">



<li id="discount_line" class="item discount" style="display:none;"><span class="name">Discount</span><span class="price"></span></li>



<li id="package_price_line" class="item package_price" style="display:none;"><span class="name">Packaging</span><span class="price"></span></li>



<li id="delivery_fee_line" class="item devfee" style="display:none;">



<span>



<span id="cart_delivery_fee_explanation">Delivery fee</span>



</span>



<span class="price"></span>



</li>



<li class="item sum">



<div id="sum_line">



<span class="name">Total</span><span class="price"></span>



</div>



</li>



</ul>



<div id="cart_btns">



<div id="cart_btn_finish" style="display: none;" class="cartButton png">



<a></a>



</div>







<div id="cart_btn_order" style="display: none;" class="cartButton png">



<a></a>



</div>



</div>



<div id="cart_warning" style="display: none;" ></div>



<div id="cart_timeleft" style="display:none;"></div>



</div>



<div id="cart_containerWrapperBottom"></div>



</div>







<div id="sidebarChatButtonWrapper"> <a class="sherpasChatButton" href="javascript:void(window.open('http://webchat.88dishes.com/livezilla.php','','width=590,height=550,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))">



<img src="http://webchat.88dishes.com/image.php?id=03" width="191" height="69" border="0" alt="Sherpa Restaurants Online Order Chat">



</a>



</div>







<div class="newsbox" id="recentNewsBox">



<div class="newsboxHead">



<h2 class="small">Recent News</h2>



</div>



<div id="newsitems" class="newsboxCenter fliesstextM">







</div>



<div class="newsboxCenter fliesstextM">



<a class="newsLinkL" href="http://blog.sherpa.com.cn/?page_id=156">Promotions Page</a>



</div>



<div class="newsboxBottom"></div>



</div>







<div class="newsbox" id="beveragesInfoBox">



<div class="newsboxHead">



<h2 class="small">Sherpa's beverages, ice, and cigarettes</h2>



</div>



<div class="newsboxCenter fliesstextM">



<p>We deliver wine, beer, soft drinks, and more. You can add them to any restaurant order with no additional delivery charge. You can also place an order of beverages only (standard delivery fee applies).



</p>



<p class="newsLinkL"><a class="newsLinkL" id="bwic_link" href="/#page=restaurant/shanghai/beverages/">Order: Beverages only</a></p>



</div>



<div class="newsboxBottom"></div>



</div>







<div id="restaurantlist_info_container" class="info" style="display:none;">



<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>



<p class="h2">Restaurant listing</p>



<p>We try to give you the greates choice possible. So we rate all restaurants based on user behaviour.</p>



<p>This works because you would hardly ever order at a bad restaurant more than once, right?</p>



<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>



</div>







<div id="orderpreview_info_container" class="info" style="display:none;">



<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>



<p class="h2">Ordering</p>



<p>Just give us some more info and enjoy your ordered meal.</p>



<p>We'll let you know by SMS and E-Mail about the status of your order as soon as we know more!</p>



<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>



</div>







<div id="landing_info_box_container" class="info" style="display: none">



<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>



<p class="h2">Sherpa's</p>



<p>Here you can order food.</p><p>You can also rate restaurants and look up other user's reviews to find out who cooks best.</p><p>Enjoy your meal!</p>



<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>



</div>







<div id="food_search_box_container" class="info" style="display: none">



<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>



<p class="h2">Search</p>



<p class="hide_on_search_page">Know what you want? Here's a short-cut.</p>



<form id="food_search_form" onsubmit="WidgetCenter.get('food_search', FoodSearchBoxWidget).search($('food_search_input').value); return false;" action="">



<p><span class="button"><input type="text" name="search" id="roflpoffelkfhjsif" /></span><input type="image" src="/media/img/currently_used/search.png" /></p>



</form>



<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>



</div>







<div id="orange_logo" style="display: none">











</div>







<div id="searchresults_info_container" class="info" style="display: none">



<b class="bround btopl broadora"></b><b class="bround btopr broadora"></b>



<p>Search results</p>



<p>Here you see the items matching your search from the menus of our restaurants.</p>



<b class="bround bbotl broadora"></b><b class="bround bbotr broadora"></b>



</div>







<div id="restaurantcategories_container" style="display:none"></div>















</div>







<div id="body">







<div id="location_controller_container"></div>



<div id="location_controller" style="display: none;" class="use_street">







<div class="head" id="sherpaswelcome">



<div class="title">



<h2>



Welcome to Sherpa's!



</h2>



<h4>Start your first order by finding restaurants in your area:</h4>











</div>



</div>







<div id="controller_form_container">



<form id="controller_form" onsubmit="return false;" method="GET" action="/ajax/restaurant/check_address/" autocomplete="off">



<div>







<p class="question">Enter your address here!</p>















<div id="readonly_controller" style="display:none;">



<span id="ro_streetname" onclick="controller.set_rw();controller.redraw();return false;"> </span>







<span id="change_button_div"></span>



</div>



<div class="fields" id="field_container">











<div class="prefilled_container" id="city_chooser_container">



<span class="select please_choose" id="city_chooser">



<ul class="dropdownLarge">







<li class="active infield"><img class="flag" src="/media/img/flags/cn.png" height="11px" width="16px" alt="China"/>







<span class="name">Shanghai</span>







</li>



<li class="dropdownLargeTop"></li>



















<li class="dropdownLargeCenter" class="first" id='city_beijing' onclick="controller.setCity('Beijing', 'beijing', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag " alt="China"/> <span class="name">Beijing</span></a></li>











<li class="dropdownLargeCenter" id='city_hangzhou' onclick="controller.setCity('Hangzhou', 'hangzhou', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag secondary" alt="China"/> <span class="name">Hangzhou</span></a></li>











<li class="dropdownLargeCenter" id='city_shanghai' onclick="controller.setCity('Shanghai', 'shanghai', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag secondary" alt="China"/> <span class="name">Shanghai</span></a></li>











<li class="dropdownLargeCenter" id='city_suzhou' onclick="controller.setCity('Suzhou', 'suzhou', 'cn');"><a><img src="/media/img/flags/cn.png" width="16" height="11" class="flag secondary" alt="China"/> <span class="name">Suzhou</span></a></li>















<li class="dropdownLargeBottom"></li>



</ul>







</span>



</div>







<input type="hidden" id="address_was_selected" value="" />











<input type="hidden" name="lng" value="0.0" id="controller_lng"/>



<input type="hidden" name="lat" value="0.0" id="controller_lat"/>



<input type="hidden" name="landmark" value="" />



<input type="hidden" name="garden" id="controller_garden" value="" />



<input type="hidden" name="zip_code" id="zip_codes_input" value="" />







<input id="controller_area_code_input" type="hidden" name="area_code" value="" />







<input type="hidden" name="street_number" id="controller_street_number_input" value="" />



<input id="controller_district_input" type="hidden" name="district" value="" />











<input type="hidden" id="address_pinyin" value="" />







<div class="prefilled_container" id="street_input_container">



<label for="controller_street_input" class="prefilled_textlabel" >Street (i.e. HuaiHai Lu)</label>







<span class="button big inputLarge"><input type="text" name="street" id="controller_street_input" class="prefilled_textfield formfield_m" value="" onclick="if(this.value==''){controller.street_autocompleter.activate();}else{this.select();}" /></span>











<label for="controller_crossroad_input" class="prefilled_textlabel" >Nearest crossroad</label>







<span class="button big inputLarge"><input type="text" name="crossroad" id="controller_crossroad_input" class="prefilled_textfield formfield_m" value="" onclick="if(this.value==''){controller.crossroad_autocompleter.activate();}else{this.select();}" /></span>











</div>







<div id="china_auto_complete_choices" class="auto_complete" style="display:none;">



</div>







<div id="china_crossroad_auto_complete_choices" class="auto_complete" style="display:none;"></div>



















<input type="hidden" name="building_number" value="" id="controller_building_number_input" />



<input type="hidden" name="floor_number" value="" id="controller_floor_number_input" />



<input type="hidden" name="door_number" value="" id="controller_door_number_input" />







<input type="hidden" name="city" id="city" value="shanghai" />







<input type="hidden" name="mode" id="controller_mode" value="use_street" />







<input type="hidden" name="name" value="" id="controller_name_input" />



<input type="hidden" name="phone" value="" id="controller_phone_input" />



<input type="hidden" name="phone_secondary" value="" id="controller_phone_secondary_input" />



<input type="hidden" name="email" value="" id="controller_email_input" />







<span id="lastaddresses">











</span>







<div class="alternativeSelection"><a href="" onclick="showGardens(); return false;">or select an apartment complex, office building or hotel</a></div>







<div id="mjambutton" class="orangeButton button64">



Go



</div>











<span id="indicator1" class="throbber" style="display: none;"><img src="/media/img/Spinning_wheel_throbber.gif" alt="Working..." /></span>







</div>







<p class="enter_address" style="display: none;" ><img src="/media/img/currently_used/warning.png" alt=""/>Please enter your Address here.</p>











<div class="info">



</div>











<p id="location_controller_message" style="display: none"></p>







</div>



</form>



</div>







</div>











<div id="welcometext_container" class="mainwidget" style="display: none">



<p>Hier kannst du Essen bestellen - aber nicht nur das:</p>



<p>Bei uns kannst Du Restaurants bewerten und die Kritiken von anderen einsehen, um herauszufinden, wer am besten kocht!</p>



<p>Mahlzeit.</p>



</div>







<div id="ajax404" class="mainwidget" style="display: none"></div>



<div id="restaurant_list_container" class="mainwidget" style="display:none;">



</div>



<div id="menu_list_container" class="mainwidget" style="display:none;">







<div id="menu_list_actual"></div>



</div>



<div id="discussion_container" class="mainwidget" style="display: none">



<div id="discussion_restaurant" class="mainwidget controller"></div>



<div id="discussion_actual"></div>



</div>



<div id="order_preview_container" class="mainwidget" style="display: none"></div>



<div id="staticcontent_container" class="mainwidget" style="display: none"></div>



<div id="registration_container" class="mainwidget" style="display: none"></div>



<div id="registration_complete_container" class="mainwidget" style="display: none"></div>



<div id="userprofile_container" class="mainwidget" style="display: none"></div>



<div id="useraddresses_container" class="mainwidget" style="display: none"></div>



<div id="orderinfo_container" class="mainwidget" style="display: none"></div>



<div id="restaurant_preview_container" class="mainwidget" style="display: none"></div>



<div id="searchresults_container" class="mainwidget" style="display: none"></div>











<div id="type_address_widget" style="display: none">



<div class="overlay"></div>



</div>















<div id="sherpasblurb">



<div class="sherpasblurbtext" id="advantagesblurb">



<h2 class="medium">Why order online?</h2>



<p class="fliesstextXL">







More restaurants.<br>



More items per restaurant.<br>



Fewer trees wasted.</p>







<p class="fliesstextXL">







Online ordering is <br>



always up to date.</p>











</p>



</div>



<div class="sherpasblurbtext" id="welcomeblurb">



<h2 class="medium">What is Sherpas?</h2>



<p class="fliesstextXL">







4 cities. 304 restaurants.<br>



19752 dishes ready to order.</p>







<p class="fliesstextXL">



Have whatever you want<br>



delivered fast and fresh.</p>



</p>



</div>



</div>























<div id="conversion_iframe_container"></div>



</div>











<div id="feedback">



<form action="" id="feedback-form" method="post" onsubmit="return false;">



<div id="feedback_description">



<p>Sherpa's is brand new and we are working on it every day. Please let us know if you have some suggestions or find any problems to make the service better! Thank you!</p>



<div>



<textarea cols="40" id="feedback_message" name="message" rows="20" class="transparent"></textarea>



</div>



<p>



Please enter your email-address if you want to receive an answer from us.



</p>



<div>



<label for="email_input" style="display:none;" class="prefilled_textlabel">E-Mail (optional)</label>



<input type="text" class="transparent prefilled_textfield" style="margin-left: 140px;" id="email_input" name="email"></input>



</div>



<div id="feedback-form-buttons">



<input name="commit" id="feedback_submit" type="button" value="Give Feedback!" />



<a class="toggle-feedback-form">No, don't send!</a>



</div>



</div>



</form>



<div id="show-feedback-form" class="toggle-feedback-form png">Feedback</div>



<div id="feedback-thanks">Thanks!</div>



</div>



















<div id="blackbox"></div>



























<script type="text/javascript">



var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");



document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));



</script>



<script type="text/javascript">



try {



var pageTracker = _gat._getTracker("UA-11324488-1");



pageTracker._trackPageview();



} catch(err) {}</script>







<script>



window.onerror = function (errorMsg, url, lineNumber) {



var stacktrace = String(getStackTrace());



var body = {



stacktrace: stacktrace,



message: errorMsg,



url: url,



line: lineNumber



};



new Ajax.Request('/ajax/customer/javascriptexception/',



{



postBody: Object.toQueryString(body)



}



);



write('Heino says: ' + errorMsg + '\nKaffefruehstueck Ausnahme geworfen und nicht gefangen: ' + stacktrace);



return true;



};



</script>











<div id="yui-history-stuff">



<iframe id="yui-history-iframe" src="/media/img/white_pixel.png"></iframe>



<input id="yui-history-field" type="hidden" />



</div>







<script type="text/javascript" src="/jsi18n/?e2ea55f&en"></script>







<script type="text/javascript" src="/media/js/static_gen_frameworks.js"></script>











<script type="text/javascript" src="/media/js/e2ea55f_gen_top.js"></script>











<script>



var env = {



'main_domain': window.location.host,



'operation_mode': 'DEMO',



'localflavor': 'CHINA',



'language_code': 'en',



'facebook_api_key': 'b79d05d36be261d461293eefe0afba58',



'features': {"display_item_id": true, "schoible_translate_comments": true, "new_pudong_distance": true, "show_lastaddresses": false, "address_editable_at_checkout": false, "send_sms_order_confirmation": false, "memorize_restaurant_category": false, "schoible": true, "order_history_limit": 10, "sorting": "distance_sherpas", "use_controller_ro_mode": false, "customer_order_timer": false, "social_network_post": false, "order_live_status": false, "price_decimal_places": 0, "schoible_autoprint": false},



'product_name': 'Sherpa's'



};







user.is_logged_in=false;



user.username='';







controller.cities = {



'beijing': {



'name': 'Beijing',



'slug': 'beijing',



'country_code': 'CN',



'display_name': 'Beijing'



} ,







'hangzhou': {



'name': 'Hangzhou',



'slug': 'hangzhou',



'country_code': 'CN',



'display_name': 'Hangzhou'



} ,







'shanghai': {



'name': 'Shanghai',



'slug': 'shanghai',



'country_code': 'CN',



'display_name': 'Shanghai'



} ,







'suzhou': {



'name': 'Suzhou',



'slug': 'suzhou',



'country_code': 'CN',



'display_name': 'Suzhou'



}



};







</script>











</div>







<div class="footerClearer"></div>



<div id="footer">



<ul id="footerUL">







<div class="landingChatButtonWrapper"><a class="sherpasChatButton" href="javascript:void(window.open('http://webchat.88dishes.com/livezilla.php','','width=590,height=550,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))">



<img src="http://webchat.88dishes.com/image.php?id=03" width="191" height="69" border="0" alt="Sherpa Restaurants Online Order Chat">



</a>



</div>







<div class="callButtonWrapper"><a onclick="show_contact_lightbox(); return false;"><p class="fliesstextXL">or Call Sherpa's</p></a></div>







<li id="license"><a href="http://www.miibeian.gov.cn/"> 沪ICP备05041101号</a></li>















</ul>



</div>



</body>



</html>
 
tochoromero

tochoromero

Bovino adicto
#8
#8
Que pedo con estos morros.
Contestando tu pregunta, la página está bastante sencilla, necesitas html (obviamente), css, javascript y php. También podrías necesitar JQuery pero es opcional.

Saludos
 
C

cmoreno09

Becerro
#9
#9
Bueno la verdad lo que te escriebn los chavitos de arriba es una opcion muy de la actualidad que es copiar te recomiendo estudia html, css,jquery con php,asp,java o el lenguaje que mas se hacerque a tus necesidades
 
Debes iniciar sesión o registrarte para responder aquí.
Arriba