Background Color

Width500

Height600

Radius10

Opacity1

Date Background Color

Date Text Color

Title Background Color

Title Text Color

Font Color

Font Size18

Font Familly

Vertical Line Color

Border Vertical1

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

Copyright ©2021 ▐ Developed By Netbax ▐ All Rights Reserved ®