Behance Portfolio 3

Developer
Travis Wagner
Size
3,221 Kb
Views
20,240
  1. Behance Portfolio 3 Previews
  2. Behance Portfolio 3 HTML Codes
  3. Behance Portfolio 3 JS Codes

How do I make an behance portfolio 3?

What is a behance portfolio 3? How do you make a behance portfolio 3? This script and codes were developed by Travis Wagner on 11 September 2022, Sunday.

Behance Portfolio 3 Previews
IQ Test

Behance Portfolio 3 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Behance Portfolio 3</title>
</head>
<body> <html lang="en">
<head>	<meta charset="utf-8">	<meta name="viewport" content="width=device-width, initial-scale=1.0">	<meta name="description" content="Simple Example of Behance API">	<meta name="author" content="Adrian Hanft">	<title>Simple Example of Behance API Template</title> <link href='https://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700|Montserrat:400,700' rel='stylesheet' type='text/css'> <style type="text/css" media="screen"> body { margin: 0; font-family: 'Vollkorn', serif; color: #666; } a { color: #666; } li { list-style-type: none; } li, h1 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; } #header { float: left; width: 100%; background-color: #ccc; } #left-column { float: left; width: 33%; } #right-column { float: right; background-color: #efefef; width: 66%; } .projects, .modules { padding:0 25px 0 25px; } .module-description, .module-title { padding: 0 0 0 25px; } #left-column h1, #header h1 { padding: 10px 25px; } </style>
</head>
<body> <div id="header"><h1>Behance API</h1></div> <div id="left-column"> <h1>Projects:</h1> <ul> <div class="projects"></div> </ul> </div> <div id="right-column"> <div class="module-title"><h1>Simple template sample using the Behance API</h1></div> <div class="module-description"></div> <div class="modules"> <p>Click the links on the left to load the project module here.</p> <p>To customize this example you need to modify two things. First, add your Behance API key to the first line of the behance.js file. Second, change the username to the username you want to load projects for. This is found in this file (simple.html) where it says <em>var username = "adrian3"</em>.</p> <p>If you want to see project thumbnail images on the right uncomment the line at the bottom of this file.</p> <p>More info about the Behance API can be found at <a href="http://www.behance.net/dev">http://www.behance.net/dev</a>.</p> <p>If you found this template useful, send thanks to Adrian Hanft. Links of credit, tweets, and donations are appreciated.</p> </div> </div> <script src="https://code.jquery.com/jquery-latest.js"></script> <script src="js/behance.js"></script> <script type="text/javascript"> var username = "traviswagner"; function loadProject(projectID) { behanceAPI.getProjectDetails(projectID, function(loadModules) { var moduleHTML = ""; var moduleTitle = ""; moduleTitle += "<h1>" + loadModules.name + "</h1>"; $(".module-title").html(moduleTitle); var moduleDescription = ""; moduleDescription += "<p>" + loadModules.description + "</p>"; $(".module-description").html(moduleDescription); for(var i=0; i<loadModules.modules.length; i++) { if(loadModules.modules[i].src!=undefined) { moduleHTML += "<p><img src='" + loadModules.modules[i].src + "'></p>"; } } $(".modules").html(moduleHTML);
}); } $(document).ready(function() {	// Set behance api key	behanceAPI.setKey(behancekey);	// Get projects	behanceAPI.getProjects("traviswagner", function(projectlist) {	var projectHTML = "";	for(var i=0; i<projectlist.length; i++) {	var project = projectlist[i]; projectHTML += "<li><a href='#' onclick='loadProject(" + project.id + ")'>" + project.name + "</a></li>"; // if you would like to see project thumbnails use this: // projectHTML += "<a href='#' onclick='loadProject(" + project.id + ")'><img src='" + project.covers[202] + "'></a>"; } $(".projects").html(projectHTML); });
}); </script>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

Behance Portfolio 3 - Script Codes JS Codes

var behancekey = "UXICgWXM8HuocJmg6JHj2vfNOVI6u7Tc";
var behanceAPI = function() {	var key;	var baseURL = "http://www.behance.net/v2/";	var userProjects = new Array();	var offsetPage = 1; // optionally you can set up which page to start	var numPages = 2; // Set up the max of pages to retrieve from behance (Each page gets 10 itens max).	function setKey(k) {	key = k;	}	function getProjects(user, cb) {	var url = "";	$.each([offsetPage,numPages], function(i, numb) {	url = baseURL + "users/" + user + "/projects?api_key=" + key + "&callback=&page="+ numb;	$.get(url, {}, function(res, code) {	$.each(res.projects, function(i, obj) {	userProjects.push(obj);	});	}, "JSONP").done(function() {	cb(userProjects);	});	});	}	function getProjectDetails(project, cb) {	var url = baseURL + "projects/" + project + "?api_key=" + key + "&callback=";	$.get(url, {}, function(res, code) {	cb(res.project);	}, "JSONP");	}	return {	setKey: setKey,	getProjects: getProjects,	getProjectDetails: getProjectDetails	};
}();
Behance Portfolio 3 - Script Codes
Behance Portfolio 3 - Script Codes
Home Page Home
Developer Travis Wagner
Username trvswgnr
Uploaded September 11, 2022
Rating 3
Size 3,221 Kb
Views 20,240
Do you need developer help for Behance Portfolio 3?

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!

Travis Wagner (trvswgnr) Script Codes
Name
Basic JQuery Form
Behance Portfolio
Flexbox Testing
Owl Carousel for Products
Boatladders.com topbar
FizzBuzz Array
FlexBox Polyfill
Easy Theming with Sass and BEM
FlexBox Masonry
Responsive Fluid Grid
Create amazing marketing copy 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!