From 05e4ec3a95e02783bf73e15e9c5212d45e515c2a Mon Sep 17 00:00:00 2001 From: fredyrivera Date: Sun, 5 Mar 2017 11:14:30 -0500 Subject: [PATCH] mejoras en nomap.php --- librerias/leaflet/L.Control.SlideMenu.css | 35 ++++ librerias/leaflet/L.Control.SlideMenu.js | 148 ++++++++++++++ metafisico.php | 6 +- milfs/funciones/funciones.php | 7 +- nomapa.php | 1 + nomapak.php | 237 ++++++++++++++++++++++ temas/landingpage/css/landingpage.css | 4 +- 7 files changed, 431 insertions(+), 7 deletions(-) create mode 100644 librerias/leaflet/L.Control.SlideMenu.css create mode 100644 librerias/leaflet/L.Control.SlideMenu.js create mode 100644 nomapak.php diff --git a/librerias/leaflet/L.Control.SlideMenu.css b/librerias/leaflet/L.Control.SlideMenu.css new file mode 100644 index 0000000..ede01ab --- /dev/null +++ b/librerias/leaflet/L.Control.SlideMenu.css @@ -0,0 +1,35 @@ +.leaflet-control-slidemenu{ + cursor: pointer; +} + +.leaflet-menu{ + position: absolute; + background-color: rgba(255, 255, 255, 0.5); + overflow: auto; + cursor: default; + z-index: 9999; + opacity: 0,5; +} + +.leaflet-menu::-webkit-scrollbar{ + width: 7px; + height: 7px; + background: #f2f2f2; +} + +.leaflet-menu::-webkit-scrollbar-thumb{ + border-radius: 2px; + background: #777; +} + +.leaflet-menu-close-button{ + background-color: transparent; + border: none; + font-size: 14pt; + color: #777; + cursor: pointer; +} + +.leaflet-menu-close-button:hover{ + color: #4285F4; +} \ No newline at end of file diff --git a/librerias/leaflet/L.Control.SlideMenu.js b/librerias/leaflet/L.Control.SlideMenu.js new file mode 100644 index 0000000..dd42b16 --- /dev/null +++ b/librerias/leaflet/L.Control.SlideMenu.js @@ -0,0 +1,148 @@ +L.Control.SlideMenu = L.Control.extend({ + options: { + position: 'topleft', + menuposition: 'topleft', // topleft,topright,bottomleft,bottomright + width: '300px', + height: '100%', + direction: 'horizontal', // vertical or horizontal + changeperc: '10', + delay: '10' + }, + + initialize: function (innerHTML, options) { + L.Util.setOptions(this, options); + this._innerHTML = innerHTML; + this._isLeftPosition = this.options.menuposition == 'topleft' || + this.options.menuposition == 'bottomleft' ? true : false; + this._isTopPosition = this.options.menuposition == 'topleft' || + this.options.menuposition == 'topright' ? true : false; + this._isHorizontal = this.options.direction == 'horizontal' ? true : false; + }, + + onAdd: function (map) { + this._container = L.DomUtil.create('div', 'leaflet-control-slidemenu leaflet-bar leaflet-control'); + var link = L.DomUtil.create('a', 'leaflet-bar-part leaflet-bar-part-single', this._container); + link.title = 'Menu'; + L.DomUtil.create('span', 'fa fa-info', link); + + this._menu = L.DomUtil.create('div', 'leaflet-menu', map._container); + + this._menu.style.width = this.options.width; + this._menu.style.height = this.options.height; + + if (this._isHorizontal){ + var frominit = -(parseInt(this.options.width, 10)); + if (this._isLeftPosition){ + this._menu.style.left = '-' + this.options.width; + } else { + this._menu.style.right = '-' + this.options.width; + } + if (this._isTopPosition) { + this._menu.style.top = '0px'; + } else { + this._menu.style.bottom = '0px'; + } + } else { + var frominit = -(parseInt(this.options.height, 10)); + if (this._isLeftPosition){ + this._menu.style.left = '0px'; + } else { + this._menu.style.right = '0px'; + } + if (this._isTopPosition) { + this._menu.style.top = '-' + this.options.height; + } else { + this._menu.style.bottom = '-' + this.options.height; + } + } + + var closeButton = L.DomUtil.create('button', 'leaflet-menu-close-button fa', this._menu); + + if (this._isHorizontal){ + if (this._isLeftPosition) { + closeButton.style.float = 'right'; + L.DomUtil.addClass(closeButton, 'fa-chevron-left'); + } + else { + closeButton.style.float = 'left'; + L.DomUtil.addClass(closeButton, 'fa-chevron-right'); + } + } else { + if (this._isTopPosition) { + closeButton.style.float = 'right'; + L.DomUtil.addClass(closeButton, 'fa-chevron-up'); + } + else { + closeButton.style.float = 'right'; + L.DomUtil.addClass(closeButton, 'fa-chevron-down'); + } + } + + this._contents = L.DomUtil.create('div', 'leaflet-menu-contents', this._menu); + this._contents.innerHTML = this._innerHTML; + this._contents.style.clear = 'both'; + + if (this._isHorizontal){ + var ispx = this.options.width.slice(-1) == 'x' ? true : false; + var unit = parseInt(this.options.width, 10) * parseInt(this.options.changeperc, 10) / 100; + } else { + var ispx = this.options.height.slice(-1) == 'x' ? true : false; + var unit = parseInt(this.options.height, 10) * parseInt(this.options.changeperc, 10) / 100; + } + + L.DomEvent.disableClickPropagation(this._menu); + L.DomEvent + .on(link, 'click', L.DomEvent.stopPropagation) + .on(link, 'click', function() { + // Open + this._animate(this._menu, frominit, 0, true, ispx, unit); + }, this) + .on(closeButton, 'click', L.DomEvent.stopPropagation) + .on(closeButton, 'click', function() { + // Close + this._animate(this._menu, 0, frominit, false, ispx, unit); + }, this); + + return this._container; + }, + + onRemove: function(map){ + //Remove sliding menu from DOM + map._container.removeChild(this._menu); + delete this._menu; + }, + + setContents: function(innerHTML) { + this._innerHTML = innerHTML; + this._contents.innerHTML = this._innerHTML; + }, + + _animate: function(menu, from, to, isOpen, ispx, unit) { + if (this._isHorizontal){ + if (this._isLeftPosition){ + menu.style.left = from + (ispx ? 'px' : '%'); + } else { + menu.style.right = from + (ispx ? 'px' : '%'); + } + } else { + if (this._isTopPosition) { + menu.style.top = from + (ispx ? 'px' : '%'); + } else { + menu.style.bottom = from + (ispx ? 'px' : '%'); + } + } + + if (from != to){ + setTimeout(function(slideMenu) { + var value = isOpen ? from + unit : from - unit; + slideMenu._animate(slideMenu._menu, value, to, isOpen, ispx, unit); + }, parseInt(this.options.delay), this); + } else { + return; + } + } +}); + +L.control.slideMenu = function(innerHTML, options) { + return new L.Control.SlideMenu(innerHTML, options); +} \ No newline at end of file diff --git a/metafisico.php b/metafisico.php index 92d0c10..9b3261e 100644 --- a/metafisico.php +++ b/metafisico.php @@ -18,9 +18,11 @@ if(isset($_REQUEST['debug'])) {ini_set('display_errors', 'On');} - + - + + + diff --git a/milfs/funciones/funciones.php b/milfs/funciones/funciones.php index 0bb7955..37cec34 100644 --- a/milfs/funciones/funciones.php +++ b/milfs/funciones/funciones.php @@ -3185,8 +3185,9 @@ if (mysqli_num_rows($sql)!='0'){ mysqli_data_seek($sql, 0); $fila=1; -$divider=6; +$divider=3; $cols = (12/$divider); +$sm = 4; $i =0; while( $row = mysqli_fetch_array( $sql ) ) { if($i % $divider==0) { @@ -3203,7 +3204,7 @@ while( $row = mysqli_fetch_array( $sql ) ) { // $slogan= substr($row[slogan],0, $length = 100).""; $slogan = $row['slogan']; $contenido =" -
+
Conoce los proyectos que usan Tupale.co para la implementación de sus herramientas, selecciona para conocer más

-
+
$encontrados +
"; + $leyenda ="
Cerrar $categorias
"; + + + }else{ + + } + //echo $pie; + ?> + + + + + + diff --git a/temas/landingpage/css/landingpage.css b/temas/landingpage/css/landingpage.css index 9d56f67..276169b 100644 --- a/temas/landingpage/css/landingpage.css +++ b/temas/landingpage/css/landingpage.css @@ -72,8 +72,8 @@ height: 250px; .img-gris{ -webkit-filter: grayscale(100%) blur(3px) ; - height: 200px; - width: 200px; + max-height: 200px; + max-width: 200px; z-index:10; transition:filter 0.2s; -webkit-transition:-webkit-filter 1s;