CMS
How do I make an cms?
What is a cms? How do you make a cms? This script and codes were developed by Tom Stark on 17 November 2022, Thursday.
CMS - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CMS</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html> <head> <meta charset="utf-8"> <title>Admin</title> <link href="stylesheets/font-awesome.min.css" rel="stylesheet"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <nav> <ul class="clearfix"> <a><img src="images/logo.png" alt="AAL Logo"></a> <li><a href="#">Dashboard</a></li> <li><a href="adminPages/CMS.php">CMS</a></li> <li><a href="#">File Upload</a></li> <li><a href="#">Users</a></li> </ul> </nav> <div class="table"> <div class="tableHeading"> <h1>Page Editor</h1> </div> <div class="pageList"> <ul> <li class="pageRow"><a><i class="fa fa-file-o fa-lg fa-icons"></i>Home</a></li> <li class="pageRow"><a></a></li> <li class="pageRow"><a></a></li> </ul> </div> </div> </body>
</html>
</body>
</html>
CMS - Script Codes CSS Codes
* { margin: 0px; padding: 0px;
}
nav ul img { max-width: 90px; max-height: 120px; float: left; padding-left: 5px; padding-top: 5px;
}
nav { background-color: #f4f4f4; text-align: right; padding-right: 35px;
}
nav ul { list-style-type: none; position: relative;
}
nav ul li { display: inline-block; }
nav ul li a:hover { background-color: #c75b12; color: white;
}
nav ul li a { display: block; padding: 30px 15px 30px 15px; color: #756c63; text-decoration: none; font-size: 16px;
}
nav ul li:hover > ul{ display: block; margin-top: -5px; z-index: 1; border: 2px solid #c75b12; border-top-style: none;
}
nav ul li:hover > ul:empty { border: 0px solid #c75b12;
}
nav ul ul { padding: 0px 0px -5px 0px; display: none; text-align: left; position: absolute; background-color: #f4f4f4; border-top: 0; margin: 0 0 0 -2px; min-width: 200px;
}
nav ul ul li { display: block; border: none;
}
nav ul ul li a:hover { background-color: #c75b12; color: #f4f4f4;
}
.clearfix:before,
.clearfix:after { content: " "; display: block;
}
.clearfix:after { clear: both;
}
.faSearchIcon { color: #756c63; padding-left: 15px;
}
.table { background-color: #fff; border-color: red; border: 1px solid; border-radius: 4px; width: 1000px; margin: 30px auto 0px auto;
}
.tableHeading { height: 80px; background-color: #f5f5f5; width: 100%;
}
.tableHeading h1 { padding: 30px 0px 20px 10px; color: #333; width: 100%;
}
.fa-icons { color: #eb8239; padding: 4px 0px 2px 6px;
}
.pageRow { height: 20px; width: 100%; background-color: #f5f5f5; padding: 10px 15px 10px 0px; list-style-type: none; border: 0.2px solid;
}
Developer | Tom Stark |
Username | TomStark16 |
Uploaded | November 17, 2022 |
Rating | 3 |
Size | 2,210 Kb |
Views | 10,120 |
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 |
CSS Specificity | 1,390 Kb |
Speech Synthesis Utterance | 1,731 Kb |
Accessibility 2 | 1,701 Kb |
Accessibility | 2,033 Kb |
Animate | 1,847 Kb |
Read All H1 tags and P tags | 1,721 Kb |
A Pen by Tom Stark | 1,558 Kb |
Add Subject Button | 1,610 Kb |
BackArrow | 1,622 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 |
LeMandinque | Aadesida | 9,046 Kb |
A Pen by Shidhin | Shidhincr | 5,015 Kb |
Jquery 2d character movement | Drewtadams | 4,291 Kb |
Css3 slide | Nakome | 3,190 Kb |
Website Concept | Sagoza | 3,104 Kb |
SVG Playground | Roygwells | 1,834 Kb |
Scroll using CSS | Casperovic | 2,159 Kb |
A Pen by Jonas Bjork | Jonasbjork | 3,115 Kb |
Welcome | Nakome | 6,076 Kb |
Sass Radar | Jlong | 6,887 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!