8000 GitHub - sergioymolina/behance: Embeddable appreciate button.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

sergioymolina/behance

 
 

Repository files navigation

Embeddable Appreciate Button for Behance

Cover image - Behance button

It doesn't work anymore. :)

Behance doesn't have an embeddable "like" button, unlike Facebook or Twitter. So, I made one.

Try appreciating this project from the demo page here.

It's a hackish proof-of-concept more then anything, so feel free to try it out, but don't expect it to work forever; eventually Behance will fix the thing that makes the button work.

You can find the jQuery plugin here.

Install

To add the Behance button to your page, you need t 6D63 o do the following steps:

  1. If you don't have it already, add jQuery to your page:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  1. Download the Behance plugin and add it below the jQuery script:
<script src="behance-button-jquery-plugin.js"></script>
  1. Create a <div id="behance-button"></div> element somewhere in your page (you can use another ID, just remember it)

  2. Wait for the document.ready event and make the div a Behance button

$(function() {
    $('#behance-button').behanceButton('1234567'); // replace `1234567` with your actual project's ID
})

Example

<html>
<head>
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="behance-button-jquery-plugin.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#appreciate_button').behanceButton('7321861');
    })
    </script>
    <title>Appreciate button demo page</title>
</head>
<body>
    <div class="row">
        <div class="span8 offset4">
            <h1>Appreciate button demo page</h1>
            <p>With some project description here.</p>
            <img src="http://i.imgur.com/NSWTu43.png" style="border: 2px solid silver; width: 100%;">
            <h1></h1>
            <div id="appreciate_button" style="margin-left: auto; margin-right: auto;"></div>
        </div>
    </div>
</body>
</html>

This is the source of the demo page.

About

Embeddable appreciate button.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%
0