A test card for a Munchkin-like game
How do I make an a test card for a munchkin-like game?
Just some test styles for a Munchkin style card game.... What is a a test card for a munchkin-like game? How do you make a a test card for a munchkin-like game? This script and codes were developed by Jeff Daze on 18 January 2023, Wednesday.
A test card for a Munchkin-like game - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A test card for a Munchkin-like game</title> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="card shadow" id="testCard"> <div class="title">Helm of Awesome</div> <div class="image"> <img src="http://jeffdaze.com/code/munchkin/awesome.png" /> </div> <div class="infoText"> An awesome helm. </div> <div class="attributes"> +5 Defence </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
A test card for a Munchkin-like game - Script Codes CSS Codes
.card{ width:150px; height:200px; border:6px solid #003; border-radius:20px; box-shadow:
}
.title{ text-align:center; margin:5px; font-weight:bolder;
}
.infoText{ margin:8px; height:50px;
}
.attributes{ margin-right:10px; text-align:right;
}
.image{ margin:5px auto; width:130px; height:80px; border:1px solid #333; border-radius:10px; background:#EAEAEA; box-shadow:1px 1px 1px 1px #ccc;
}
.image IMG{ display:block; margin:15px auto;
}
.shadow { -moz-box-shadow: 3px 3px 3px 1px #ccc; -webkit-box-shadow: 3px 3px 3px 1px #ccc; box-shadow: 3px 3px 3px 1px #ccc;
}
A test card for a Munchkin-like game - Script Codes JS Codes
$(function() { $( "#testCard" ).draggable(); });
Developer | Jeff Daze |
Username | jeffdaze |
Uploaded | January 18, 2023 |
Rating | 3 |
Size | 2,044 Kb |
Views | 6,072 |
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 |
Circular Drag and Drop | 2,451 Kb |
Transparent Gradient | 2,735 Kb |
A Pen by Jeff Daze | 2,191 Kb |
An example of postMessage cross origin JS requests | 2,959 Kb |
Tilemap Edge CSS | 2,159 Kb |
Winter Scene | 2,739 Kb |
Starfield using KineticJS | 3,290 Kb |
Corner Triangle | 1,490 Kb |
Simulation of famous C64 code... | 1,788 Kb |
Speed Reading | 6,553 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 |
Direction-icon | Alexandremasy | 3,323 Kb |
RequestAnimationFrame | Martin-banks | 2,541 Kb |
Knob rotation | Alemesre | 2,122 Kb |
CSS Bot Confusion | Jpod | 3,456 Kb |
Adding and Removing Element | Accimeesterlin | 2,119 Kb |
Css3 slide | Nakome | 3,190 Kb |
CSS Dynamic Width Square Div | Elleestcrimi | 2,861 Kb |
Image grid with captions | Mchernin34 | 2,222 Kb |
Revolving Text Landing Page Trial | TimRuby | 2,976 Kb |
CSS Colors | Alexpate | 2,232 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!