For Brian
How do I make an for brian?
What is a for brian? How do you make a for brian? This script and codes were developed by Alex Coven on 11 August 2022, Thursday.
For Brian - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>For Brian</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html lang="en">
<head> <meta charset="utf-8"> <title>jQuery UI Sortable - Display as grid</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <style> #sortable { list-style-type: none; margin: 0; padding: 0; width: 400px; } </style> <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); }); </script>
</head>
<body>
<form action="demo_form.asp" method="post"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <div id="sortable"> <optgroup label="Black Bag"> </optgroup> <optgroup label="Blue Bag"> </optgroup> <optgroup label="Grey Bag"> </optgroup> <optgroup label="Green Bag" disabled> </optgroup>
</div> <input type="submit" value="Submit">
</form>
</body>
</html>
</body>
</html>
For Brian - Script Codes CSS Codes
#sortable{ display:inline-block; width:400px; float:none;
}
#sortable optgroup { list-style:none; background-image: url("http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=83811252"); background-size: 150px 150px; display:inline-block; margin:20px 20px 20px 0px; margin: 3px 5px 3px 0; padding: 1px; float: left; width: 150px; height:150px; font-size: 1em; text-align: center; cursor:pointer; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.25);
}
input[type=submit], input { padding:5px 15px; background:#ccc; border:0 none; cursor:pointer; display:block; float:none; -webkit-border-radius: 5px; border-radius: 5px;
}
Developer | Alex Coven |
Username | alcoven |
Uploaded | August 11, 2022 |
Rating | 3 |
Size | 2,058 Kb |
Views | 48,576 |
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!
Name | Size |
Material Bounce Effect | 6,217 Kb |
Alex Coven .COM | 5,724 Kb |
Lucro Assets | 7,909 Kb |
Word randomize and replace. | 2,221 Kb |
Check it off | 3,524 Kb |
Charging Battery CSS | 2,002 Kb |
Stackoverflow nth-child answer | 1,469 Kb |
Gooey Menu CSS no SVG | 3,719 Kb |
Material More Button CSS | 3,723 Kb |
Atomic Hamburger Menu CSS | 3,301 Kb |
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!
Name | Username | Size |
Simple Flat Menu | Jeplaa | 2,467 Kb |
Zeichensatz | Moklick | 2,058 Kb |
Toggle menu | Seyedi | 2,279 Kb |
Spin | Elalemanyo | 8,262 Kb |
HTML5 Breakout | Jaysalvat | 4,873 Kb |
Animating characters with jQuery | 042 | 2,776 Kb |
Parallax.js | Zmeeey5 | 2,330 Kb |
Flat buttons for Eliassen.com | Kdooley89 | 1,737 Kb |
Impress JS Algorhytmic Generator | Jeffscottward | 7,906 Kb |
My Starter Kit For Codepen | Dkdesign | 2,012 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!