Envato API

Developer
Juan Vargas
Size
3,337 Kb
Views
24,288
  1. Envato API Previews
  2. Envato API HTML Codes
  3. Envato API CSS Codes
  4. Envato API JS Codes

How do I make an envato api?

Display Themeforest or other Envato marketplace's last week's best selling items.. What is a envato api? How do you make a envato api? This script and codes were developed by Juan Vargas on 14 October 2022, Friday.

Envato API Previews
IQ Test

Envato API - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Envato API</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</html>
<body> <div class="top"> <ul> <li class="logo" ><a href="#">Themeforest</a><span>Weekly Top Sellers</span></li> </ul>
</div> <div class="message_holder"> <div class="message">New version using new Envato API <a target="_blank" href="https://codepen.io/juanv/pen/GpyLPK">here</a></div> </div>
<div class="container">
<div id="posts"></div> <div class="sidebar"> <img src="https://d13yacurqjgara.cloudfront.net/users/2416/screenshots/247707/post_wallpaper.png"> <h3>Themeforest - Website Templates</h3> <p>The #1 marketplace for premium website templates, including themes for WordPress, Magento, Drupal, Joomla, and more. Create a website, fast.</p> </div>
</div>
</body>
</html> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Envato API - Script Codes CSS Codes

body { background:#f2f2f2; padding:0px; margin:0px; font-family:Arial; font-size:13px; color:#777;
}
h1,h2,h3,h4,h5 { margin:0px; padding:0px; line-height:35px;
}
p { line-height:25px;
}
a { cursor:pointer; text-decoration:none;
}
.menu { background:#eee; height:6px;
}
.menu ul { width:980px; margin:0px auto; padding:0px;
}
.menu ul li{ float:left; list-style:none; display:inline;
}
.menu ul li.right{ float:right; font-size:21px;
}
.menu ul li.right i{ color:gray;
}
.menu ul li.active a{ color:#FFF;
}
.menu ul li a{ height:60px; line-height:60px; padding:0 10px; display:block; color:#a2bdd9; text-transform:capitalize;
}
.menu ul li a:hover{ color:dodgerblue;
}
.top{ background: #20aae5;
}
.top ul{ margin: 0px auto; height: 80px; width: 980px; padding: 0px;
}
.top ul li{ height: 80px; line-height: 80px; list-style: none; float: left; color: white; margin-right: 10px;
}
.top ul li.logo { line-height:58px;
}
.top ul li.logo a { color:white; text-decoration:none; font-size:25px;
}
.top ul li.logo span { display:block; margin-top:-37px;
}
.top ul li.right{ float:right;
}
.top ul li i{ color: white; font-size: 50px; line-height:80px;
}
.container { width:980px; margin: 0 auto; margin-top:25px;
}
.container #posts .post { width:590px; float:left; background: #fff; border: solid 1px #eee; padding:12px; margin:0 15px 25px 0; border-radius:3px;
}
.container #posts .post:hover img{ opacity:.7;
}
.container #posts .post img { width:100%;
}
.container #posts { width:590px; float:left;
}
.container .sidebar { float:right; width:310px; background:#fff; border: solid 1px #eee; padding:12px;
}
.container .sidebar p{ margin:0px; padding:0px
}
.container .sidebar h3{ margin:4px 0; color:#555;
}
.container .sidebar img{ max-width:100%;
}
.post a { background:#eee; padding:11px; display: inline-block; font-size:15px; color:#777; border-radius:2px;
}
.post a.purchase { background:#2DB6CF; color:#fff; margin-right:10px;
}
.post span.cost { margin-left:10px; position: relative;
background: #109FB6;
border-radius: 2px;
color: #fff;
text-shadow: none;
font-weight: norma;
padding: 5px;
padding-left: 6px; font-size:13px;
}
.post span.cost:before { position:absolute; content:'';	width: 0;	height: 0;	border-top: 10px solid transparent;	border-bottom: 10px solid transparent;	border-right:10px solid #109FB6; left:-6px; top:2px
}
.post p { font-size:16px;
}
.message_holder { background:#fdfdfd; border-bottom:solid 1px #ddd;
}
.message_holder .message {	width:980px; height:45px; line-height:45px; margin:0 auto;
}

Envato API - Script Codes JS Codes

var refer = '?ref=Festus911';
$.ajax({ url: 'https://marketplace.envato.com/api/v3/popular:themeforest.json', dataType: 'json', type: 'GET', success: function(data) { for (var i = 0; i < 55; i++) {	var item = $("<p>").text(data.popular.items_last_week[i].item); var id = data.popular.items_last_week[i].id; var cost = $("<span class='cost'>").text('$'+data.popular.items_last_week[i].cost); var purchase = $("<a class='purchase'>").attr("href", data.popular.items_last_week[i].url+refer).html("Purchase").append(cost); var directory = $('<a>', {href: data.popular.items_last_week[i].url})[0].pathname.replace(id, ''); var live_demo = $('<a class="buy">').attr('href','http://themeforest.net'+directory+'full_screen_preview/'+id+refer).html("Live Demo"); var user = $("<p>").text(data.popular.items_last_week[i].user); var preview = $("<img/>").attr("src", data.popular.items_last_week[i].live_preview_url); var post = $("<div class='post' id="+i+">").append(preview,item, purchase, live_demo); $('#posts').append(post); } }
});
Envato API - Script Codes
Envato API - Script Codes
Home Page Home
Developer Juan Vargas
Username juanv911
Uploaded October 14, 2022
Rating 3
Size 3,337 Kb
Views 24,288
Do you need developer help for Envato API?

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!

Juan Vargas (juanv911) Script Codes
Name
Tumblr API - Tagged Posts
SocialCounters - Rounded Buttons
Foursquare API - Search Places
Unsplash API
OMDb API
A Pen by Juan Vargas
Base
SocialCounters - 17 Social Media APIs
Reddit API
Tumblr API
Create amazing video scripts 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!