Skip to content

Instantly share code, notes, and snippets.

@fitoria
Forked from Malviux/gist:7f69efa7b714e1763d24
Last active August 29, 2015 14:10
Show Gist options
  • Save fitoria/b568dc65ae30a3c96e03 to your computer and use it in GitHub Desktop.
Save fitoria/b568dc65ae30a3c96e03 to your computer and use it in GitHub Desktop.
<body>
<script type="text/javascript" src="file:///G|/CURSO WEB/DWCS6/div/Maye/jquery-1.11.1.min (1).js"></script>
<script type="text/javascript" src="file:///G|/CURSO WEB/DWCS6/div/Maye/jquery.cycle.all.js"></script>
<script type="text/javascript">
$('#slider').cycle({
fx: 'fade',
speed: 'slow',
next: '#next',
prev: '#prev'
});
</script>
<script type="text/javascript" src="file:///G|/CURSO WEB/DWCS6/div/Maye/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="file:///G|/CURSO WEB/DWCS6/div/Maye/lightbox.min.js"></script>
<style type="text/css">
#apDiv {
position: absolute;
left: 79px;
top: 211px;
width: 121px;
height: 113px;
z-index: 2;
}
#apDiv2 {
position: absolute;
left: 66px;
top: 54px;
width: 435px;
height: 66px;
z-index: 2;
font-family: Homizio;
font-size: xx-large;
color: #909090;
}
#apDiv5 {
position: absolute;
left: 341px;
top: 660px;
width: 700px;
height: 50px;
z-index: 4;
color: #4E5A59;
}
a:link {
color: #909090;
text-decoration: none;
}
a:visited {
color: #909090;
text-decoration: none;
}
a:hover {
color: #136A58;
text-decoration: none;
}
a:active {
text-decoration: none;
font-family: Calibri;
}
#apDiv3 {
position: absolute;
left: 314px;
top: 196px;
width: 652px;
height: 430px;
z-index: 2;
}
#apDiv1 {
position: absolute;
left: 7px;
top: 9px;
width: 1024px;
height: 768px;
z-index: 2;
}
#wrapper {
display: block;
height: 400px;
width: 640px;
bottom: 100px;
right: 100px;
clear: none;
background-position: 100cm 100cm;
}
#container {
display:block;
float:left;
height:400px;
width:640px;
overflow:auto;
}
#prev {
background-image:url(file:///G|/CURSO%20WEB/DWCS6/div/Maye/left-arrows.png);
background-repeat:no-repeat;
background-position:center center;
display:block;
float:left;
height:250px;
width:100px;
position:relative;
z-index: 99;
}
#next {
background-image: url(file:///G|/CURSO%20WEB/DWCS6/div/Maye/right-arrows.png);
background-repeat: no-repeat;
background-position: center center;
display: block;
float: right;
height: 400px;
width: 100px;
position: static;
z-index: 99;
}
#slider {
display: block;
float: left;
height: 400px;
width: 640px;
overflow: hidden;
position: absolute;
left: 313px;
top: 184px;
}
ul#drop li a, ul#drop li ul.sub-drop li {
text-decoration:none;
font-family:Calibri;
list-style-type:none;
display:block;
margin bottom:0px;
}
ul#drop, ul#drop ul.sub-menu {
padding:0;
margin-left:2;
width:80px;
font-family:Calibri;
}
ul#drop li, ul#drop ul.sub-menu li {
list-style:none;
display:inline-block;
margin-bottom:0px;
font-family:Calibri;
}
#drop {
float:left;
width:100px;
}
ul#drop li a, ul#drop li ul.sub-drop li a {
text-decoration:none;
padding:0px;
font-size:15px;
display:inline-block;
}
ul#drop li {
position: relative;
text-align: left;
padding-top: 4px;
height: 15px;
width: 180px;
}
ul#drop li:hover {
font-family: Calibri;
}
ul#drop li ul.sub-menu {
display:none;
top:20px;
left:0;
width:100px;
margin-left:0;
font-family:Calibri;
}
ul#drop li:hover ul.sub-menu {
display:block;
font-family:Calibri;
}
.apellido {
color: #909090;
}
.apellido:hover{
color: #494141;
font-family:Homizio;
}
</style>
<a href="proyectos.html" class="transition">Proyectos</a>
<script type="text/javascript">
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(2000);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
</style>
<link href="file:///G|/CURSO WEB/DWCS6/div/Maye/lightbox.css" rel="stylesheet"/>
<link href="file:///G|/CURSO WEB/DWCS6/div/Maye/jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="file:///G|/CURSO WEB/DWCS6/div/Maye/jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<style type="text/css">
#galeria { position: absolute;
left: 364px;
top: 194px;
width: 652px;
height: 520px;
z-index: 2;
}
#apDiv4 { position: absolute;
left: 232px;
top: 16px;
width: 42px;
height: 31px;
z-index: 2;
font-size: x-small;
font-family: Calibri;
text-align: left;
color: #837677;
}
#navigation ul { margin:0px; padding:0px; }
#navigation li { list-style: none; }
#navigation a {
cursor: pointer;
display:block;
height:22.5px;
line-height: 42px;
text-indent: 0px;
text-decoration:none;
width:100%;
list-style-image:none;
}
#navigation a:hover{
text-decoration:none;
}
#navigation li:hover {
position: relative;
}
ul.sub-level {
display: none;
}
li:hover .sub-level {
border-width: Opx;
display: block;
position: absolute;
left: 75px;
top: 0px;
}
ul.sub-level {
display: none;
}
li:hover .sub-level {
border-width: 0px;
display: block;
position: absolute;
left: 75px;
top: 0px;
}
ul.sub-level li {
border: none;
float:left;
width:150px;
}
</style>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script src="file:///G|/CURSO WEB/DWCS6/div/Maye/jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script><script>var __adobewebfontsappname__="dreamweaver"</script>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/anonymous-pro:n4:default.js" type="text/javascript"></script>
<div>
<div>
<div>
<div id="apDiv2" align="center">Mayerling<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/en/index.html"><span class="apellido" >Garc&iacute;a</span></a></div>
<div id="apDiv3" align="center"><a href="index.html">Ingl&eacute;s</a></div>
</div>
</div>
</div>
<div id="apDiv" align="center">
<table width="62%" height="115" border="0" align="left">
<tr>
<td height="21" align="left" style="color: #909090; font-weight: 400; font-style: normal; font-family: Calibri;"><a href="file:///G|/CURSO WEB/DWCS6/div/Maye/en/proyects.html">Proyects</a></td>
</tr>
<tr>
<td height="21" align="left" style="color: #909090; font-weight: 400; font-style: normal; font-family: Calibri;"><a href="file:///G|/CURSO WEB/DWCS6/div/Maye/en/conceptualen.html">Conceptual</a></td>
</tr>
<tr>
<td height="40" align="left" style="color: #909090; font-weight: 400; font-style: normal; font-family: Calibri;"><div id="navigation" align="left">
<li><a href="#">Stories</a>
<ul class="sub-level">
<li><a href="file:///G|/CURSO WEB/DWCS6/div/Maye/en/Karawalaen.html">Karawala</a></li>
<li><a href="file:///G|/CURSO WEB/DWCS6/div/Maye/en/Cruceroen.html">Crucero</a></li>
</ul>
</li>
</div></td>
</tr>
<tr>
<td height="23" align="left" style="color: #909090; font-family: Calibri; font-weight: 400; font-style: normal;"><a href="file:///G|/CURSO WEB/DWCS6/div/Maye/en/portraits.html">Portraits</a></td>
</tr>
</table>
<ul id="drop">
<li><span style="color: #909090"><a href="index.html">About me</a>
<ul class="sub-menu">
<li><a href="Biography.html">Biography</li>
<li><a href="contact.html">Contact</li>
</ul>
</ul>
</div>
<div id="galeria" align=leftt>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image1.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image1.png" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image2.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image2.png" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image3.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image3.png" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image4.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image4.png" width="129" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image5.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image5.png" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image6.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image6.png" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image7.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image7.png" width="130" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image8.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image8.jpg" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image9.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image9.jpg" width="142" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image10.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image10.png" width="150" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image11.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image11.png" width="144" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image12.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image12.png" width="145" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image13.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image13.png" width="144" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image14.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image14.png" width="148" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image15.png" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image15.png" width="145" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image16.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image16.jpg" width="145" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image17.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image17.jpg" width="151" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image18.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image18.jpg" width="145" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image19.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image19.jpg" width="145" height="100" alt=""/></a>
<a href="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image20.jpg" data-lightbox="roadtrip"><img src="file:///G|/CURSO WEB/DWCS6/div/Maye/Vientoy antes que/image20.jpg" width="142" height="100" alt=""/></a></div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment