Online Notebook Paper Maker Generator | netbax

Background Color

Width 500

Height 600

Radius 10

Opacity 1

Date Background Color

Date Text Color

Title Background Color

Title Text Color

Font Color

Font Size 18

Font Familly

Vertical Line Color

Border Vertical 1

Horizontal Line Color

Gradient Linear Enable / Disablei To Activate Gradient Linear Please push Check On. ON OFF

Gradient Color One

Gradient Color Two

Direction Gradient Linear

<style>/*! Maker Notebook Generator Tool - Developed Netbax | https://www.netbax.net/ */.notebook{
        width:500px;
        height:600px;
        background-color:#F1F1F1;
   (to right, #EC1C23, #22B14B);
   ("");
        border-radius:10px;
        opacity:1;
        box-shadow: 0 2px 8px rgba(0,0,0,.3);}
 .notebook::before{
          content: '';
        width:31px;
        height:600px;
        position:absolute;
        top:7;
        bottom:0;
        left:9;
        background: radial-gradient(#C0C0C0 6px, transparent 7px) repeat-y;
        background-size: 30px 30px;
        border-right: 1px solid #DB4034;
        box-sizing: border-box;}
 .notebook-content{
        background: linear-gradient(transparent, transparent 28px, #00B0D7 28px);
        background-size: 30px 30px;}
 .notebook-content textarea{
         width: 100%;
        height: 95%;
        top: 100%;
        line-height: 30px;
        padding: 0 35px;
        border: 0;
        outline: 0;
        background: transparent;
        color:#000000;
        font-family:tahoma, geneva, sans-serif;
        font-weight: bold;
        font-size:18px;
        font-style:normal;
        text-transform:none;
        box-sizing: border-box;
        z-index: 1;}
 .date{
        width:30%;
        float:right;
        color:#000000;
        border: 0px;
        background-color:#CCCCCC;
        border-radius: 4px;
        outline: none;}
 .title{
        width:11%;
        position:absolute;
        left:50;
        color:#000000;
        border: 0px;
        background-color:#CCCCCC;
        border-radius: 4px;
        outline: none;}
</style>
<div class="notebook"><span class="date"></span><span class="title"></span><br><div class="notebook-content"><textarea></textarea></div></div>

Background Image Enable / Disablei To Activate Background Image Please push Check On. ON OFF

Image Search

Image File