Notepad pen
How do I make an notepad pen?
What is a notepad pen? How do you make a notepad pen? This script and codes were developed by Mariam Massadeh on 22 September 2022, Thursday.
Notepad pen - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Notepad pen</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="pad"> <h2>Note</h2> <textarea id="note">
write your note here...
Mariam </textarea> </div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Notepad pen - Script Codes CSS Codes
/*------------------------- Simple reset
--------------------------*/
*{ margin:0; padding:0;
}
/*------------------------- General Styles
--------------------------*/
html{ background:url('http://dc624.4shared.com/img/AN2mwsL0/s7/0.3599255860007333/background.jpg') no-repeat center center; /* Ensure the html element always takes up the full height of the browser window */ min-height:100%; /* Display the background fullscreen */ background-size:cover;
}
body{ font:14px/1.3 'Segoe UI',Arial, sans-serif; color:#444; min-height:100%;
}
a, a:visited { outline:none; color:#43819b;
}
a:hover{ text-decoration:none;
}
/*------------------------- The note
--------------------------*/
#pad{ position:relative; width: 374px; margin: 10px auto 40px;
}
#note{ font: normal 15px 'Courgette', cursive; line-height: 17px; color:#444; background: url('http://dc244.4shared.com/img/TzhyIgO3/s7/0.37261699747332133/mid.png') repeat-y; display: block; border: none; width: 329px; min-height: 170px; overflow: hidden; resize: none; outline: 0px; padding: 0 10px 0 35px;
}
#pad h2{ background: url('http://dc314.4shared.com/img/yGgIuMk0/s7/0.1568248250784292/header.png') no-repeat; overflow: hidden; text-indent: -9999px; height: 69px; position: relative;
}
#pad:after{ position:absolute; content:''; background:url('http://dc99.4shared.com/img/eUCv3B3m/s7/0.8884904567228744/footer.png') no-repeat; width:100%; height:40px;
}
Notepad pen - Script Codes JS Codes
http://tutorialzine.com/2012/09/simple-note-taking-app-ajax/
Developer | Mariam Massadeh |
Username | MariamMassadeh |
Uploaded | September 22, 2022 |
Rating | 4 |
Size | 2,300 Kb |
Views | 32,384 |
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 |
Emploee Tree | 3,670 Kb |
Responsive Menu with sub menu- CSS3 animation, simple jquery | 3,663 Kb |
Time Line | 5,697 Kb |
Receipt with result | 2,774 Kb |
Animated evaluation pen with a tooltip | 2,771 Kb |
Coming Soon | 1,680 Kb |
CSS3 Animation | 4,351 Kb |
Css3-image-slider-with-stylized-thumbnails | 2,576 Kb |
Responsive Text Area with timer, counter and history | 4,527 Kb |
Qoute | 2,776 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 |
Tooltip in table | Roine | 3,713 Kb |
Countdown Timer | Massiebn | 3,001 Kb |
Default Input, Textareas, Submits, and Buttons in iOS | Demersdesigns | 2,334 Kb |
The CodePen Logo | Kindofone | 4,259 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
OnScreenAction | Ozgursagiroglu | 2,647 Kb |
Comparison of Roboto Draft vs Roboto | Jxnblk | 2,880 Kb |
Wrap_Test | Mscfourn | 7,503 Kb |
Christ the Redeemer | Prashantsani | 2,208 Kb |
Animated Donut Chart | Jplhomer | 3,808 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!