A Pen by Adem ilter

Developer
Adem Ilter
Size
3,546 Kb
Views
66,792
  1. A Pen by Adem ilter Previews
  2. A Pen by Adem ilter HTML Codes
  3. A Pen by Adem ilter CSS Codes
  4. A Pen by Adem ilter JS Codes

How do I make an a pen by adem ilter?

What is a a pen by adem ilter? How do you make a a pen by adem ilter? This script and codes were developed by Adem Ilter on 11 June 2022, Saturday.

A Pen by Adem ilter Previews
IQ Test

A Pen by Adem ilter - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Adem ilter</title> <link rel='stylesheet prefetch' href='https://twimg0-a.akamaihd.net/a/1353007665/t1/css/t1_core.bundle.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="topbar js-topbar"> <div class="global-nav" data-section-term="top_nav"> <div class="global-nav-inner"> <div class="container"> <ul class="nav js-global-actions" id="global-actions"> <li id="global-nav-home" class="home" data-global-action="home"> <a class="js-hover js-nav" href="/" data-component-term="home_nav" data-nav="home" title="Ana Sayfa"> <span class="new-wrapper"><i class="nav-home"></i><i class="nav-new"></i></span> <span class="text">Ana Sayfa</span> </a> </li> <li class="people active" data-global-action="connect"> <a class="js-hover js-nav" href="/i/connect" data-component-term="connect_nav" data-nav="connect" title="Bağlan"> <span class="new-wrapper"><i class="nav-people"></i><i class="nav-new"></i></span> <span class="text">Bağlan</span> </a> </li> <li class="topics" data-global-action="discover"> <a class="js-hover js-nav" href="/i/discover" data-component-term="discover_nav" data-nav="discover" title="Keşfet"> <span class="new-wrapper"><i class="nav-topics"></i><i class="nav-new"></i></span> <span class="text">Keşfet</span> </a> </li> <li class="profile new" data-global-action="profile"> <a class="js-hover js-nav" href="/ademilter" data-component-term="profile_nav" data-nav="profile" title="Ben"> <span class="new-wrapper"><i class="nav-me"></i><i class="nav-new"></i></span> <span class="text">Ben</span> </a> </li> </ul> <i class="bird-topbar-etched"></i> <div class="pull-right"> <form class="form-search js-search-form" action="/search" id="global-nav-search"> <label class="visuallyhidden" for="search-query">Arama sorgusu</label> <input class="search-input" type="text" id="search-query" placeholder="Ara" name="q" autocomplete="off" spellcheck="false" data-focus="false"> <span class="search-icon js-search-action"> <button type="submit" class="icon nav-search" tabindex="-1"><span class="visuallyhidden">Ara</span></button> </span> <input disabled="disabled" class="search-input search-hinting-input" type="text" id="search-query-hint" autocomplete="off" spellcheck="false"> <div class="dropdown-menu typeahead" style="display: none;"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <div class="dropdown-inner js-typeahead-results"> <ul class="typeahead-items saved-searches-list"> <li class="saved-search-item search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><i class="generic-search"></i></a></li> </ul> <ul class="typeahead-items topics-list" style="display: none;"> <li class="topics-item search-item"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1"><i class="generic-search"></i></a></li> </ul> <div class="typeahead-accounts js-typeahead-accounts" style="display: none;"> <ul class="typeahead-items"> <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a> </li> </ul> <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable"> <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account"> <img width="24" height="24" class="avatar size24"> <span class="fullname"></span> <i class="verified hidden"></i> <span class="username"><s>@</s><b></b></span> </a> </li> </div> </div> </div> </form> <i class="topbar-divider"></i> <ul class="nav"> <li class="me dropdown session js-session" data-global-action="t1me" id="user-dropdown"> <a class="dropdown-toggle js-dropdown-toggle js-hover" href="#" id="user-dropdown-toggle"> <span class="new-wrapper"><i class="nav-session"><span class="hidden-elements">Ayarlar ve yardım</span></i><i class="nav-new"></i></span> <span class="caret"></span> </a> </li> </ul> <i class="topbar-divider"></i> <div class="well topbar-tweet-btn"> <button id="global-new-tweet-button" type="button" class="btn btn-tweet js-global-new-tweet js-hover js-tooltip" data-placement="bottom" data-component-term="new_tweet_button" data-original-title="Yeni Tweet oluştur"> <i class="nav-tweet"><span class="hidden-elements">Yeni Tweet oluştur</span></i> </button> </div> </div> </div> </div> <div class="mention"> <div class="container"> <p><strong>@ademilter</strong> It counts up instead of down, you might need to modify html. <a href="http://ademilter.com/lab/liffect/">http://ademilter.com/lab/liffect/</a> . Other than that perfect!</p> </div> </div> </div>
</div>
<a class="tikla" href="#">re-develop for mention</a> <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 Adem ilter - Script Codes CSS Codes

.global-nav { margin-top:2px; overflow: hidden;
}
.global-nav-inner { position: relative;
}
.mention { position: absolute; left: 0; right: 0; top: -40px; width: 865px; margin: 0 auto;
}
.mention p { height: 40px; line-height: 40px; text-align: center; font-weight: normal; color: #ccc; text-shadow: 0 1px 0 #000;
}
.mention p strong { color: #fff;
}
.mention p a { color: #2daddc;
}
a.tikla { display: block; width:200px; margin: 150px auto 0; text-align: center; line-height: 30px; background-color: #fe3;
}
.dribbble { text-align: center; margin-top: 10px; font-size: 11px;
}

A Pen by Adem ilter - Script Codes JS Codes

$("a.tikla").on("click", function () { $(".global-nav-inner").animate({ top:"40px" }, 400); $(".mention").animate({ top:"0" }, 400); myFunction(); return false; }); function myFunction() { setTimeout(function () { $(".global-nav-inner").animate({ top:"0" }, 400); $(".mention").animate({ top:"-40px" }, 400); }, 5000); }
A Pen by Adem ilter - Script Codes
A Pen by Adem ilter - Script Codes
Home Page Home
Developer Adem Ilter
Username ademilter
Uploaded June 11, 2022
Rating 3
Size 3,546 Kb
Views 66,792
Do you need developer help for A Pen by Adem ilter?

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!

Adem Ilter (ademilter) Script Codes
Name
Filter range slider
Prayer times layout
Lunar eclipse
Responsive table
Countdown Clock
Fake loading
Interacthings logo animation
Chrome logo effect
Fluid width step-navigation
Css color for svg
Create amazing blog posts 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!