Skip to content

Instantly share code, notes, and snippets.

View codigoconjuan's full-sized avatar

Juan Pablo De la torre Valdez codigoconjuan

2.6k followers · 0 following
View GitHub Profile
@codigoconjuan
codigoconjuan / index.html
Created September 7, 2015 14:51
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div> <!--./navbar-header-->
@codigoconjuan
codigoconjuan / index.html
Created October 2, 2015 23:20
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div> <!--./navbar-header-->
@codigoconjuan
codigoconjuan / search.php
Created November 30, 2015 15:18
Buscador de categorias en PHP con AutoComplete
<?php $categories = get_categories( $args ); ?>
<?php
$cats = array();
foreach($categories as $category) {
$cats[] = '"' . $category->cat_name. '"';
}
$string = implode(',', $cats);
?>
<script>
@codigoconjuan
codigoconjuan / style.css
Created December 25, 2015 19:56
Agregar Menu desplegable con CSS a theme Around the World)
.nav ul li.menu-item-has-children{
position: relative;
}
.nav ul li.menu-item-has-children:hover ul {
display: block;
position: absolute;
}
.nav ul li.menu-item-has-children ul {
@codigoconjuan
codigoconjuan / style.css
Created December 28, 2015 14:00
submenu atw
.nav ul li.current_page_parent,
.nav ul li.menu-item-has-children ul.sub-menu li.current_page_item {
background-color: #df7900;
}
@codigoconjuan
codigoconjuan / contacto.html
Last active December 29, 2015 18:21
Codigo de Validación para Curso Responsive Web Design con CSS3, HTML5 y jQuery
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<meta http-equiv="cleartype" content="on">
@codigoconjuan
codigoconjuan / index.html
Created December 31, 2015 22:29
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Foundation for Sites</title>
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/foundation-icons.css">
</head>
@codigoconjuan
codigoconjuan / style.css
Created January 15, 2016 15:24
Dropdown Menu for ATW
@media only screen and (min-width: 768px) {
div.slicknav_menu {
display: none;
}
.nav {
height: 73px;
width: 60%;
float: right;
display: block;
}
@codigoconjuan
codigoconjuan / index.html
Last active January 16, 2016 02:13
Estilos y HTML para Footer de Toronto
<footer>
<div class="contenedor">
<nav class="navegacion">
<ul>
<li><a href="informacion.html">información</a></li>
<li><a href="visitar.html">que visitar</a></li>
<li><a href="consejos.html">consejos</a></li>
<li><a href="contacto.html">contacto</a></li>
</ul>
</nav>
@codigoconjuan
codigoconjuan / app.js
Created January 19, 2016 17:17
Foundation 6 & SASS Course Dynamic Modals
$('#gallery a').on('click',function() {
var image = $(this).find('img').attr('src');
var imageSelected = image.split('thumbnail');
var fullPath = imageSelected[0] + 'fullsize' + imageSelected[1];
$('#galleryModal #imageContainer').attr('src', fullPath);
});