LEGACY TRACKER

Developer
Doe
Size
2,994 Kb
Views
10,120
  1. LEGACY TRACKER Previews
  2. LEGACY TRACKER HTML Codes
  3. LEGACY TRACKER CSS Codes
  4. LEGACY TRACKER JS Codes

How do I make an legacy tracker?

What is a legacy tracker? How do you make a legacy tracker? This script and codes were developed by Doe on 20 December 2022, Tuesday.

LEGACY TRACKER Previews
IQ Test

LEGACY TRACKER - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>LEGACY TRACKER</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <ul class='doetrack'><li class='nomi'>
<a class='switch'><img src='http://data.whicdn.com/images/121705226/original.gif' /><h1> nomi crowe </h1></a><div class='content'>
<div class='thread'><a href='/index.php?showtopic=1998' target='_blank'>you've got so far to go.</a> <i class='fa fa-quote-left fa-pull-left fa-3x fa-fw'></i> andyr toov. a busy market. unspecified planet. </div>
<div class='thread'><a href='/index.php?showtopic=1985' target='_blank'>until they cut me down.</a> <i class='fa fa-quote-left fa-pull-left fa-3x fa-fw'></i> cuzao terix. the jail of a small town on jelucan. </div>
<div class='thread'><a href='/index.php?showtopic=1972' target='_blank'>don't panic.</a> <i class='fa fa-comments-o fa-pull-left fa-3x fa-fw'></i> cuzao terix. transmitted from a jelucan jail cell. </div>
<div class='thread'><a href='/index.php?showtopic=1977' target='_blank'>not to be ungrateful but.</a> <i class='fa fa-quote-left fa-pull-left fa-3x fa-fw'></i> sovi terix. aboard <i>lepus</i>. unspecified planet. </div>
<div class='thread'><a href='/index.php?showtopic=1988' target='_blank'>six degrees</a> <i class='fa fa-quote-left fa-pull-left fa-3x fa-fw'></i> daiyu hyde & vex pyralis. a med tent. unspecified planet. </div>
<div class='thread'><a href='/index.php?showtopic=1972' target='_blank'>nitrous gas.</a> <i class='fa fa-comments-o fa-pull-left fa-3x fa-fw'></i> vex pyralis. transmitted from <i>lepus</i>. </div>
</div></li><li class='ksenia'>
<a class='switch'><img src='http://media.tumblr.com/tumblr_lxkralbgBL1r3scu8.gif' /><h1> ksenia soto </h1></a><div class='content'>
<div class='thread'><a href='/index.php?showtopic=2035' target='_blank'>straight and narrow.</a> <i class='fa fa-quote-left fa-pull-left fa-3x fa-fw'></i> kerrick bane. the hangar. hoth. </div>
</div></li><li class='hygge'>
<a class='switch'><img src='https://68.media.tumblr.com/564b5b207f68dd03d5d77c6c49340a94/tumblr_nwfo518H6U1r3g8yjo9_500.gif' /><h1> hygge toov </h1></a><div class='content'>
<div class='thread'><a href='/index.php?showtopic=1999' target='_blank'>walking the dog.</a> <i class='fa fa-comments-o fa-pull-left fa-3x fa-fw'></i> andyr toov. transmitted from <i>dr durgachia's</i>. </div>
</div></li></ul> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://use.fontawesome.com/9f35e39f76.js'></script> <script src="js/index.js"></script>
</body>
</html>

LEGACY TRACKER - Script Codes CSS Codes

@import url('https://fonts.googleapis.com/css?family=Arimo|Share+Tech+Mono');
.doetrack {	width: 300px;	margin: auto;	border: 1px solid #dedede;	border-left: none;	border-right: none;	padding: 25px 10px 20px;	list-style: none;
}
.doetrack li { position: relative;
}
.doetrack a {	display: block;	position: relative;	margin-bottom: 5px;
}
.doetrack a h1 {	position: absolute;	margin: 0;	bottom: 24px;	font: 12px/12px share tech mono;	text-transform: uppercase;	background: #ffffff;	padding: 8px 6px 8px 8px;	letter-spacing: 2px;
}
.doetrack a img {	width: 300px;	filter: grayscale(100%);	height: 75px;	object-fit: cover;	cursor: crosshair;	transition: 0.5s all ease-in-out;
}
.doetrack a.active img {	height: 200px;	filter: grayscale(0);	transition: 0.5s all ease-in-out;
}
.doetrack .content {	margin: 0 0 5px; display: none;
}
.doetrack .content .thread {	background: #eaeaea;	padding: 10px;	font: 9px/150% arimo;	letter-spacing: 1px;	text-align: justify;	margin: 5px 0 0;
}
.doetrack .content .thread:first-child {	margin: 0;
}
.doetrack .content .thread a {	color: #000000;	font: bold 10px/150% share tech mono;	text-transform: uppercase;	text-decoration: none;	text-align: right;	border-bottom: 1px solid #dedede;	margin: 0 0 3px;	cursor: crosshair;
}
.doetrack .content .thread i.fa {	margin: -18px 0 0;	background: #eaeaea;	padding: 0 5px 0 0;	position: relative;
}
.doetrack .nomi a h1 { position: absolute; right: 24px; }
.doetrack .hygge a h1 { position: absolute; right: 40px; }
.doetrack .ksenia a h1 { position: absolute; left: 24px; }

LEGACY TRACKER - Script Codes JS Codes

(function($) { $('.doetrack .switch').click(function(j) { var dropDown = $(this).closest('li').find('.content'); $(this).closest('.doetrack').find('.content').not(dropDown).slideUp(); if ($(this).hasClass('active')) { $(this).removeClass('active'); } else { $(this).closest('.doetrack').find('a.active').removeClass('active'); $(this).addClass('active'); } dropDown.stop(false, true).slideToggle(); j.preventDefault(); });
})(jQuery);
LEGACY TRACKER - Script Codes
LEGACY TRACKER - Script Codes
Home Page Home
Developer Doe
Username tomhvrdyy
Uploaded December 20, 2022
Rating 3
Size 2,994 Kb
Views 10,120
Do you need developer help for LEGACY TRACKER?

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!

Doe (tomhvrdyy) Script Codes
Name
A Pen by Doe
BI SPECIES RATIO
NOA MINI FORK
CURSE CELL TEMPLATE
HEROIC APP
CRSL THREAD TEMPLATE
MULTISHIPPER 01
Create amazing art & images 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!