A Pen by Luciano Tonet

Developer
Luciano Tonet
Size
4,516 Kb
Views
20,240
  1. A Pen by Luciano Tonet Previews
  2. A Pen by Luciano Tonet HTML Codes
  3. A Pen by Luciano Tonet CSS Codes
  4. A Pen by Luciano Tonet JS Codes

How do I make an a pen by luciano tonet?

What is a a pen by luciano tonet? How do you make a a pen by luciano tonet? This script and codes were developed by Luciano Tonet on 01 October 2022, Saturday.

A Pen by Luciano Tonet Previews
IQ Test

A Pen by Luciano Tonet - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Luciano Tonet</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav id="access" class="access" role="navigation"> <div id="menu" class="menu"> <ul id="tiny"> <li><i><a href="index.php" class="active">Home</a></i> <ul> <li><a href="index-variation1.php">Home Variation 1</a></li> <li><a href="index-variation2.php">Home Variation 2</a></li> <li><a href="index-variation3.php">Home Variation 3</a></li> <li><a href="index-variation4.php">Home Variation 4</a></li> <li><a href="index-variation5.php">Home Variation 5</a></li> </ul> </li> <li><a href="#">Sliders</a> <ul> <li><a href="index.php">Revolution Slider</a></li> <li><a href="index-slider-1.php">Nivo Slider</a></li> <li><a href="index-slider-2.php">IOS Slider</a></li> <li><a href="index-slider-3.php">Static Image</a></li> <li><a href="index-slider-4.php">Video Slider</a></li> </ul> </li> <li><a href="#">Features</a> <ul> <li><a href="elements.html">Elements</a></li> <li><a href="typography.html">Typography</a></li> <li><a href="pricing-tables.html">Pricing Tables</a></li> <li><a href="columns.html">Page Columns</a></li> <li><a href="testimonials.html">Testimonials</a></li> <li><a href="faqs.html">FAQs</a></li> <li><a href="tabs.html">Tabs</a></li> <li><a href="#">Sample Third Leavel &nbsp;></a> <ul> <li><a href="#">Third Leavel One</a></li> <li><a href="#">Third Leavel Two</a></li> <li><a href="#">Third Leavel Three</a></li> </ul> </li> <li><a href="#">Custom BG &amp; Colors</a></li> <li><a href="#">PSD Files Included</a></li> <li><a href="#">Clean &amp; Valid Code</a></li> </ul> </li> <li><a href="#">Pages</a> <ul> <li><a href="about.html">About Page Style 1</a></li> <li><a href="about-2.html">About Page Style 2</a></li> <li><a href="services.html">Services Style 1</a></li> <li><a href="services-2.html">Services Style 2</a></li> <li><a href="full-width.html">Full Width Page</a></li> <li><a href="left-sidebar.html">Left Sidebar Page</a></li> <li><a href="right-sidebar.html">Right Sidebar Page</a></li> <li><a href="left-nav.html">Left Navigation</a></li> <li><a href="right-nav.html">Right Navigation</a></li> <li><a href="404.html">404 Error Page</a></li> </ul> </li> <li><a href="#">Portfolio</a> <ul> <li><a href="portfolio-one.html">Single Image</a></li> <li><a href="portfolio-two.html">2 Columns</a></li> <li><a href="portfolio-three.html">3 Columns</a></li> <li><a href="portfolio-four.html">4 Columns</a></li> </ul> </li> <li><a href="#">Blog</a> <ul> <li><a href="blog.html">with Large Image</a></li> <li><a href="blog-2.html">with Small Image</a></li> <li><a href="blog-post.html">Single Post</a></li> </ul> </li> <li><a href="contact.php">Contact</a> <ul> <li><a href="contact-2.php">Contact Style 1</a></li> <li><a href="contact.php">Contact Style 2</a></li> </ul> </li> </ul> </div>
</nav> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Luciano Tonet - Script Codes CSS Codes

/*--------------*/
/* MENU */
/*--------------*/
#access .menu {	list-style: none;	font-weight: normal;	position: relative;	float: right;	font-family: 'Oswald', sans-serif;	font-weight: normal;	width: 690px;	margin-top: 29px;	margin-right: 0px;
}
#access .menu select {	border: 2px solid #eee;	padding: 10px 10px 10px 10px;	background-color: #f9f9f9;	color: #333;
}
#access .menu ul {	margin: 0px;	list-style-type: none;	position: relative;	text-align: left;	z-index: 1001;	height: 91px;	margin: 0;	float: right;
}
#access .menu ul li {	position: relative;	display: inline-block;	padding: 0;	z-index: 101;	margin: 0px 0px 0px 0px;	float: left;
}
#access .menu ul li a {	display: inline-block;	text-decoration: none;	font-size: 13px;	text-transform: uppercase;	line-height: 1;	color: #22221e;	margin: 0;	padding: 25px 18px 29px 16px;	text-align: center;	background: url(../images/spacer.gif) no-repeat right top;
}
#access .menu ul li a:hover {	color: #aeb405;	padding: 25px 18px 29px 16px;
}
#access .menu ul li a.active {	color: #22221e;	padding: 25px 18px 29px 16px;	background: url(../images/menu-active.png) no-repeat right top;
}
#access .menu ul li i {	background: url(../images/menu-active.png) no-repeat left top;	font-style: normal;	padding: 25px 0px 27px 2px;	border-bottom: 4px solid #aeb405;	color: #22221e;
}
#access .menu ul li ul {	position: absolute;	left: 0;	height: auto;	display: none;	visibility: hidden;	width: 169px;	padding: 0;	text-align: left;	border-top: 4px solid #aeb405;
}
#access .menu ul li ul li {	display: list-item;	float: none;	background: none;	padding: 0;	margin: 0;	height: auto;
}
#access .menu ul li ul li ul {	top: 0;
}
#access .menu ul li ul li a {	margin: 0;	border: none;	display: block;	padding: 13px 12px 13px 12px;	font-size: 11px;	letter-spacing: 0.8px;	color: #fff;	background: #22221e url(../images/spacer.gif) no-repeat center bottom;	width: 145px;	text-align: left;	border-bottom: 1px solid #363636;	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {	background: #aeb405 url(../images/spacer.gif) no-repeat center bottom;	border-bottom: 1px solid #363636;	color: #fff;	padding: 13px 12px 13px 12px;	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#access .menu ul li ul li:last-child {	border: none;
}
* html #access .menu {	height: 1%;
}
.selectnav {display: none; width: 440px; margin-left: 20px;}
/*-------------------*/
/* Red.css */
/*-------------------*/
#access .menu ul li a:hover {	color: #ff0000;
}
#access .menu ul li i {	border-bottom: 4px solid #ff0000;
}
#access .menu ul li ul {	border-top: 4px solid #ff0000;
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {	background: #ff0000 url(../../images/spacer.gif) no-repeat center bottom;
}

A Pen by Luciano Tonet - Script Codes JS Codes

var ddsmoothmenu={arrowimages:{down:[],right:[]},transition:{overtime:300,outtime:300},shadow:{enable:false,offsetx:5,offsety:5},showhidedelay:{showdelay:100,hidedelay:200},detectwebkit:navigator.userAgent.toLowerCase().indexOf("applewebkit")!=-1,detectie6:document.all&&!window.XMLHttpRequest,getajaxmenu:function(e,t){var n=e("#"+t.contentsource[0]);n.html("Loading Menu...");e.ajax({url:t.contentsource[1],async:true,error:function(e){n.html("Error fetching content. Server Response: "+e.responseText)},success:function(r){n.html(r);ddsmoothmenu.buildmenu(e,t)}})},buildmenu:function(e,t){var n=ddsmoothmenu;var r=e("#"+t.mainmenuid+">ul");r.parent().get(0).className=t.classname||"ddsmoothmenu";var i=r.find("ul").parent();i.hover(function(t){e(this).children("a:eq(0)").addClass("selected")},function(t){e(this).children("a:eq(0)").removeClass("selected")});i.each(function(r){var i=e(this).css({});var s=e(this).find("ul:eq(0)").css({display:"block"});s.data("timers",{});this._dimensions={w:this.offsetWidth,h:this.offsetHeight,subulw:s.outerWidth(),subulh:s.outerHeight()};this.istopheader=i.parents("ul").length==1?true:false;s.css({top:this.istopheader&&t.orientation!="v"?this._dimensions.h+"px":0});i.children("a:eq(0)").css(this.istopheader?{paddingRight:n.arrowimages.down[2]}:{});if(n.shadow.enable){this._shadowoffset={x:this.istopheader?s.offset().left+n.shadow.offsetx:this._dimensions.w,y:this.istopheader?s.offset().top+n.shadow.offsety:i.position().top};if(this.istopheader)$parentshadow=e(document.body);else{var o=i.parents("li:eq(0)");$parentshadow=o.get(0).$shadow}this.$shadow=e('<div class="ddshadow'+(this.istopheader?" toplevelshadow":"")+'"></div>').prependTo($parentshadow).css({left:this._shadowoffset.x+"px",top:this._shadowoffset.y+"px"})}i.hover(function(r){var o=s;var u=i.get(0);clearTimeout(o.data("timers").hidetimer);o.data("timers").showtimer=setTimeout(function(){u._offsets={left:i.offset().left,top:i.offset().top};var r=u.istopheader&&t.orientation!="v"?0:u._dimensions.w;r=u._offsets.left+r+u._dimensions.subulw>e(window).width()?u.istopheader&&t.orientation!="v"?-u._dimensions.subulw+u._dimensions.w:-u._dimensions.w:r;if(o.queue().length<=1){o.css({left:r+"px",width:u._dimensions.subulw+"px"}).animate({height:"show",opacity:"show"},ddsmoothmenu.transition.overtime);if(n.shadow.enable){var s=u.istopheader?o.offset().left+ddsmoothmenu.shadow.offsetx:r;var a=u.istopheader?o.offset().top+n.shadow.offsety:u._shadowoffset.y;if(!u.istopheader&&ddsmoothmenu.detectwebkit){u.$shadow.css({opacity:1})}u.$shadow.css({overflow:"",width:u._dimensions.subulw+"px",left:s+"px",top:a+"px"}).animate({height:u._dimensions.subulh+"px"},ddsmoothmenu.transition.overtime)}}},ddsmoothmenu.showhidedelay.showdelay)},function(e){var t=s;var r=i.get(0);clearTimeout(t.data("timers").showtimer);t.data("timers").hidetimer=setTimeout(function(){t.animate({height:"hide",opacity:"hide"},ddsmoothmenu.transition.outtime);if(n.shadow.enable){if(ddsmoothmenu.detectwebkit){r.$shadow.children("div:eq(0)").css({opacity:0})}r.$shadow.css({overflow:"hidden"}).animate({height:0},ddsmoothmenu.transition.outtime)}},ddsmoothmenu.showhidedelay.hidedelay)})});r.find("ul").css({display:"none",visibility:"visible"})},init:function(e){if(typeof e.customtheme=="object"&&e.customtheme.length==2){var t="#"+e.mainmenuid;var n=e.orientation=="v"?t:t+", "+t;document.write('<style type="text/css">\n'+n+" ul li a {background:"+e.customtheme[0]+";}\n"+t+" ul li a:hover {background:"+e.customtheme[1]+";}\n"+"</style>")}this.shadow.enable=document.all&&!window.XMLHttpRequest?false:this.shadow.enable;jQuery(document).ready(function(t){if(typeof e.contentsource=="object"){ddsmoothmenu.getajaxmenu(t,e)}else{ddsmoothmenu.buildmenu(t,e)}})}}
/*--------------------------------------*/
/*	INICIALIZA O MENU
/*--------------------------------------*/
ddsmoothmenu.init({	mainmenuid: "menu",	orientation: 'h',	classname: 'menu',	contentsource: "markup"
})
A Pen by Luciano Tonet - Script Codes
A Pen by Luciano Tonet - Script Codes
Home Page Home
Developer Luciano Tonet
Username tonetlds
Uploaded October 01, 2022
Rating 3
Size 4,516 Kb
Views 20,240
Do you need developer help for A Pen by Luciano Tonet?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Luciano Tonet (tonetlds) Script Codes
Name
Call to Scroll - Mobile
Background Color Change
Perspective background from old Semantic UI website
Call to Scroll - Desktop
Amazing Perspective Walking Background
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!