¿Cómo puedo copiar fácilmente el menú de una página web?

  • Autor Autor raulsuances
  • Fecha de inicio Fecha de inicio
R

raulsuances

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas, necesito copiar el menú de arriba izquierda menu.webp de esta pagina http://pruebas.ganeshgrow.es/ (que es la mia)
Para copiarlo aquí menuBlog.webp Ganesh Grow Blog – Ganesh Grow Blog

Lo que quiero saber es si hay alguna forma de que hacerlo fácilmente, porque estoy duplicandole a mano y me estoy dando cuenta de que me esta costando un poco(básicamente porque no se hacer muy bien la zona cuando pones el ratón por encima de un elemento del menu).
Y creo que puede haber una solución por ahí la cual te permita simplemente copiar y pegar...
Un saludo
 
Última edición:
Hola Raúl.
Estuve evaluando tu codigo fuente, y creo que la duplicación no te está funcionando, en su lugar deberías copiar completo la capa Header y allí vas borrando más bien lo que no necesitas. Fijate lo probé acá y funcionó sin t?tulo
Insertar CODE, HTML o PHP: 
<head>
	<title>sin título</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.24" />
	<link rel="stylesheet" href="http://pruebas.ganeshgrow.es/themes/PRS01/css/global.css" type="text/css" media="all" />
	<link rel="stylesheet" href="http://pruebas.ganeshgrow.es/themes/PRS01/css/modules/blocktopmenu/css/blocktopmenu.css" type="text/css" media="all" />
	<link rel="stylesheet" href="http://pruebas.ganeshgrow.es/themes/PRS01/css/modules/blocktopmenu/css/superfish-modified.css" type="text/css" media="all" />
	
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/js/jquery/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/js/jquery/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/js/jquery/plugins/jquery.easing.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/themes/PRS01/js/modules/blocktopmenu/js/superfish-modified.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/themes/PRS01/js/modules/blocktopmenu/js/blocktopmenu.js"></script>

</head>

<body>
<div class="header-container">
	<header id="header"><div class="container">
		<div class="full-header">
			<div class="ttheader">
				
				<div id="header_logo">
					<a href="http://pruebas.ganeshgrow.es/" title="Ganesh Grow Shop">
						<img class="logo img-responsive" src="http://pruebas.ganeshgrow.es/img/ganesh-grow-shop-logo-1461915206.jpg" alt="Ganesh Grow Shop" width="3635" height="1467">
					</a>
				</div>
			
				<div class="header_nav col-sm-6">					

<script type="text/javascript">
        var moduleDir = "/modules/ttsearchblock/";
        var maxResults = 8;
	// <![CDATA[
		$('document').ready( function() {
			$("#search_query_top")
				.autocomplete(moduleDir + "ttsearchblock_ajax.php", {
						minChars: 3,
						max: maxResults,
						width: 288,
						selectFirst: false,
						scroll: false,
						dataType: "json",
						formatItem: function(data, i, max, value, term) {
							return value;
						},
						parse: function(data) {
                            var mytab = new Array();
                            var pname ='';
							var cname ='';
                            for (var i = 0; i < data.length; i++){      
                                if (data[i].pname.length > 40){
                                    pname = jQuery.trim(data[i].pname).substring(0, 40).split(" ").slice(0, -1).join(" ") + "...";      
                                }else{
                                    pname = data[i].pname;
                                }
								cname = data[i].cname;
                                mytab[mytab.length] = { data: data[i], value: '<div class="container"><img src="' + data[i].product_image + '" alt="' + data[i].pname + '" height="150" class="pull-left ttsearch_img" />' + '<span class="ac_content pull-left"><span class="ac_product_name">' + pname + '</span><br /><span class="ac_category_name">' + cname + '</span></span></div>' };
                            }                
							return mytab;                    
						},
						extraParams: {
							ajaxSearch: 1,
							id_lang: 1
						}
					}
				)
				.result(function(event, data, formatted) {
					$('#search_query_top').val(data.pname);
					document.location.href = data.product_link;
				})
		});
	// ]]>
	</script>
				
				</div>
			</div>
			
			<div class="ttheader-bg col-sm-6">	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">Menu</div>
		<ul class="sf-menu">
			<li class=""><a href="http://pruebas.ganeshgrow.es/index.php?id_category=3&amp;controller=category&amp;id_lang=1" title="Categorias" class="sf-with-ul">Categorias</a><ul class="submenu-container clearfix first-in-line-xs" style="display: none;"><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=4&amp;controller=category&amp;id_lang=1" title="Armarios de cultivo" class="sf-with-ul">Armarios de cultivo</a><ul style="display: none;"><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=5&amp;controller=category&amp;id_lang=1" title="Camisetas">Camisetas</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=7&amp;controller=category&amp;id_lang=1" title="Blusas">Blusas</a></li></ul></li><li class=""><a href="http://pruebas.ganeshgrow.es/index.php?id_category=8&amp;controller=category&amp;id_lang=1" title="Biocidas" class="sf-with-ul">Biocidas</a><ul style="display: none;"><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=9&amp;controller=category&amp;id_lang=1" title="Vestidos informales">Vestidos informales</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=10&amp;controller=category&amp;id_lang=1" title="Vestidos de noche">Vestidos de noche</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=11&amp;controller=category&amp;id_lang=1" title="Vestidos de verano">Vestidos de verano</a></li></ul></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=12&amp;controller=category&amp;id_lang=1" title="Clima">Clima</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=13&amp;controller=category&amp;id_lang=1" title="Contenedores y bandejas">Contenedores y bandejas</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=14&amp;controller=category&amp;id_lang=1" title="Fertilizantes">Fertilizantes</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=15&amp;controller=category&amp;id_lang=1" title="Herramientas y accesorios">Herramientas y accesorios</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=16&amp;controller=category&amp;id_lang=1" title="Iluminación">Iluminación</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=17&amp;controller=category&amp;id_lang=1" title="Instrumentos de medida">Instrumentos de medida</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=18&amp;controller=category&amp;id_lang=1" title="Novedades">Novedades</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=19&amp;controller=category&amp;id_lang=1" title="Ofertas">Ofertas</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=20&amp;controller=category&amp;id_lang=1" title="Outlet">Outlet</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=21&amp;controller=category&amp;id_lang=1" title="Parafernalia">Parafernalia</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=22&amp;controller=category&amp;id_lang=1" title="Riego">Riego</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=23&amp;controller=category&amp;id_lang=1" title="Semillas">Semillas</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=24&amp;controller=category&amp;id_lang=1" title="Sistema hidro y aero">Sistema hidro y aero</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=25&amp;controller=category&amp;id_lang=1" title="Sustratos">Sustratos</a></li><li class="category-thumbnail"><div><img src="http://pruebas.ganeshgrow.es/img/c/3-0_thumb.jpg" alt="Categorias" title="Categorias" class="imgm"></div><div><img src="http://pruebas.ganeshgrow.es/img/c/3-1_thumb.jpg" alt="Categorias" title="Categorias" class="imgm"></div></li></ul></li><li class=""><a href="http://pruebas.ganeshgrow.es/index.php?id_category=8&amp;controller=category&amp;id_lang=1" title="Biocidas" class="sf-with-ul">Biocidas</a><ul class="submenu-container clearfix first-in-line-xs" style="display: none;"><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=9&amp;controller=category&amp;id_lang=1" title="Vestidos informales">Vestidos informales</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=10&amp;controller=category&amp;id_lang=1" title="Vestidos de noche">Vestidos de noche</a></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=11&amp;controller=category&amp;id_lang=1" title="Vestidos de verano">Vestidos de verano</a></li></ul></li><li><a href="http://pruebas.ganeshgrow.es/index.php?id_category=5&amp;controller=category&amp;id_lang=1" title="Camisetas">Camisetas</a></li><li><a href="http://pruebas.ganeshgrow.es/blog" title="Blog">Blog</a></li>

						
					</ul>
	</div>
	<!--/ Menu -->

 </div>
					</div>
					</div>
				</header>
			</div>
 
Última edición:
ingcrisramirez dijo:
Hola Raúl.
Estuve evaluando tu codigo fuente, y creo que la duplicación no te está funcionando, en su lugar deberías copiar completo la capa Header y allí vas borrando más bien lo que no necesitas. Fijate lo probé acá y funcionó sin t?tulo
Insertar CODE, HTML o PHP: 
<head>
	<title>sin título</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.24" />
	<link rel="stylesheet" href="http://pruebas.ganeshgrow.es/themes/PRS01/css/global.css" type="text/css" media="all" />
	<link rel="stylesheet" href="http://pruebas.ganeshgrow.es/themes/PRS01/css/modules/blocktopmenu/css/blocktopmenu.css" type="text/css" media="all" />
	<link rel="stylesheet" href="http://pruebas.ganeshgrow.es/themes/PRS01/css/modules/blocktopmenu/css/superfish-modified.css" type="text/css" media="all" />
	
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/js/jquery/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/js/jquery/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/js/jquery/plugins/jquery.easing.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/themes/PRS01/js/modules/blocktopmenu/js/superfish-modified.js"></script>
	<script type="text/javascript" src="http://pruebas.ganeshgrow.es/themes/PRS01/js/modules/blocktopmenu/js/blocktopmenu.js"></script>

</head>

<body>
<div class="header-container">
	<header id="header"><div class="container">
		<div class="full-header">
			<div class="ttheader">
				
				<div id="header_logo">
					<a rel="nofollow" href="http://pruebas.ganeshgrow.es/" title="Ganesh Grow Shop">
						<img class="logo img-responsive" src="http://pruebas.ganeshgrow.es/img/ganesh-grow-shop-logo-1461915206.jpg" alt="Ganesh Grow Shop" width="3635" height="1467">
					</a>
				</div>
			
				<div class="header_nav col-sm-6">					

<script type="text/javascript">
        var moduleDir = "/modules/ttsearchblock/";
        var maxResults = 8;
	// <=!=[=C=D=A=T=A=[
		$('document').ready( function() {
			$("#search_query_top")
				.autocomplete(moduleDir + "ttsearchblock_ajax.php", {
						minChars: 3,
						max: maxResults,
						width: 288,
						selectFirst: false,
						scroll: false,
						dataType: "json",
						formatItem: function(data, i, max, value, term) {
							return value;
						},
						parse: function(data) {
                            var mytab = new Array();
                            var pname ='';
							var cname ='';
                            for (var i = 0; i < data.length; i++){      
                                if (data[i].pname.length > 40){
                                    pname = jQuery.trim(data[i].pname).substring(0, 40).split(" ").slice(0, -1).join(" ") + "...";      
                                }else{
                                    pname = data[i].pname;
                                }
								cname = data[i].cname;
                                mytab[mytab.length] = { data: data[i], value: '<div class="container"><img src="' + data[i].product_image + '" alt="' + data[i].pname + '" height="150" class="pull-left ttsearch_img" />' + '<span class="ac_content pull-left"><span class="ac_product_name">' + pname + '</span><br /><span class="ac_category_name">' + cname + '</span></span></div>' };
                            }                
							return mytab;                    
						},
						extraParams: {
							ajaxSearch: 1,
							id_lang: 1
						}
					}
				)
				.result(function(event, data, formatted) {
					$('#search_query_top').val(data.pname);
					document.location.href = data.product_link;
				})
		});
	// ]=]=>
	</script>
				
				</div>
			</div>
			
			<div class="ttheader-bg col-sm-6">	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">Menu</div>
		<ul class="sf-menu">
			<li class=""><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=3&controller=category&id_lang=1" title="Categorias" class="sf-with-ul">Categorias</a><ul class="submenu-container clearfix first-in-line-xs" style="display: none;"><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=4&controller=category&id_lang=1" title="Armarios de cultivo" class="sf-with-ul">Armarios de cultivo</a><ul style="display: none;"><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=5&controller=category&id_lang=1" title="Camisetas">Camisetas</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=7&controller=category&id_lang=1" title="Blusas">Blusas</a></li></ul></li><li class=""><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=8&controller=category&id_lang=1" title="Biocidas" class="sf-with-ul">Biocidas</a><ul style="display: none;"><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=9&controller=category&id_lang=1" title="Vestidos informales">Vestidos informales</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=10&controller=category&id_lang=1" title="Vestidos de noche">Vestidos de noche</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=11&controller=category&id_lang=1" title="Vestidos de verano">Vestidos de verano</a></li></ul></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=12&controller=category&id_lang=1" title="Clima">Clima</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=13&controller=category&id_lang=1" title="Contenedores y bandejas">Contenedores y bandejas</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=14&controller=category&id_lang=1" title="Fertilizantes">Fertilizantes</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=15&controller=category&id_lang=1" title="Herramientas y accesorios">Herramientas y accesorios</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=16&controller=category&id_lang=1" title="Iluminación">Iluminación</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=17&controller=category&id_lang=1" title="Instrumentos de medida">Instrumentos de medida</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=18&controller=category&id_lang=1" title="Novedades">Novedades</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=19&controller=category&id_lang=1" title="Ofertas">Ofertas</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=20&controller=category&id_lang=1" title="Outlet">Outlet</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=21&controller=category&id_lang=1" title="Parafernalia">Parafernalia</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=22&controller=category&id_lang=1" title="Riego">Riego</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=23&controller=category&id_lang=1" title="Semillas">Semillas</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=24&controller=category&id_lang=1" title="Sistema hidro y aero">Sistema hidro y aero</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=25&controller=category&id_lang=1" title="Sustratos">Sustratos</a></li><li class="category-thumbnail"><div><img src="http://pruebas.ganeshgrow.es/img/c/3-0_thumb.jpg" alt="Categorias" title="Categorias" class="imgm"></div><div><img src="http://pruebas.ganeshgrow.es/img/c/3-1_thumb.jpg" alt="Categorias" title="Categorias" class="imgm"></div></li></ul></li><li class=""><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=8&controller=category&id_lang=1" title="Biocidas" class="sf-with-ul">Biocidas</a><ul class="submenu-container clearfix first-in-line-xs" style="display: none;"><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=9&controller=category&id_lang=1" title="Vestidos informales">Vestidos informales</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=10&controller=category&id_lang=1" title="Vestidos de noche">Vestidos de noche</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=11&controller=category&id_lang=1" title="Vestidos de verano">Vestidos de verano</a></li></ul></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/index.php?id_category=5&controller=category&id_lang=1" title="Camisetas">Camisetas</a></li><li><a rel="nofollow" href="http://pruebas.ganeshgrow.es/blog" title="Blog">Blog</a></li>

						
					</ul>
	</div>
	<!--/ Menu -->

 </div>
					</div>
					</div>
				</header>
			</div>
Hacer clic para expandir...

MUCHASSSS GRACIASSSS 🙂🙂🙂
Como lo has hecho? porque me gustaría saber como has llegado a la conclusión para hacerlo, por si lo necesito en un futuro.
El html y el css mas o menos podría sacarlos(con el inspeccionar elemento de chrome por ejemplo), pero donde has buscado el javascript? en el código fuente?

Un saludo y gracias por la ayuda que me has dado, me has solucionado el dia 🙄
 
Nada yo sólo estoy haciendo referencia a los archivos de tu directorio.
Cuando le das clic derecho "Ver Código fuente" puedes ver toda la ruta de los archivos externos.
asKfiy1.png
 
ingcrisramirez dijo:
Nada yo sólo estoy haciendo referencia a los archivos de tu directorio.
Cuando le das clic derecho "Ver Código fuente" puedes ver toda la ruta de los archivos externos.
asKfiy1.png
Hacer clic para expandir...

Pero como sabes cuales son los archivos javascript que hacen referencia al menú?
 
En mi humilde opinión: Leyendo el código y probando.

Como ves los archivos .css y .js del menú tienen la palabra menú en el nombre, así que por intuición... Depués los jquery son librerías, así que lo más seguro es que los archivos del menú dependan de esos.

Puedes hacer la prueba directamente copiandole todos los archivos de la cabecera y quitandolos uno a uno viendo cuando deja de funcionar. Si deja de funcionar es que necesita ese archivo básicamente...
 
Hola Buenas.
Fácilmente puedes Copiar la estructura del menú desde el inspeccionado de elementos de Google Chrome. Lo que no puedes copiar es la configuración CSS de dicho menú, es decir vas a tener un menú con la misma estructura pero no se va a ver igual por toda la configuración css interna.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

ramonjosegn
En Android ¿cómo puedo copiar el vídeo desde el segundo actual?
Respuestas
3
Visitas
96
Cicklow
Cicklow
J
¿Cómo puedo copiar el contenido de una cuenta a otra en Twitter?
Respuestas
4
Visitas
665
Ivanchik
I
ramonjosegn
Cómo redimensionar imágenes fácilmente con Zoner Photo Studio
Respuestas
2
Visitas
923
ramonjosegn
ramonjosegn
Atrás
Arriba