|
Hello guys!
Here we created a new wapkiz template for movie website.
...About The Template...
- Dark Theme
- Trending Carousal
- Categorized
- Advanced Search Function
- Search movies by variable tags
- Movie Info Page
- Movie Poster with Cover Image
- IMDB Rating
- Screenshot
- Online Player
- Four Download Button
- Social Media Share Button
- Creates auto links for genre & starcast
- Movies List by genre
- Movies List by Starcast
- Starcast’s Profile
- Quick Edit Mode
|
How to edit movies data?
- Add movie’s poster into filemanager with the name
- Return to website homepage
- Select the movie
- Click on Edit Movie as shown below, a popup window will display
How to add Starcast Profile?
- Go to artist page (site-artist.html)
- Click on New Starcas
Notes!
To edit a starcast profile you need to go bloglist option from the Panel menu.
Do not add same artist name twice or more.
404 Error Page Code:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style>@import url(https://fonts.googleapis.com/css?family=Gilda+Display);
html { background: radial-gradient(#000, #111);
color: white; overflow: hidden; height: 100%; user-select: none; }
.static { width: 100%; height: 100%; position: relative;
margin: 0; padding: 0; top: -100px; opacity: 0.05;
z-index: 230; user-select: none; user-drag: none; }
.error { text-align: center; font-family: 'Gilda Display', serif;
font-size: 95px; font-style: italic; text-align: center; width: 100px; height: 60px;
line-height: 60px; margin: auto; position: absolute;
top: 0; bottom: 0; left: -60px; right: 0; animation: noise 2s linear infinite;
overflow: default; }
.error:after { content: '404'; font-family: 'Gilda Display', serif; font-size: 100px;
font-style: italic; text-align: center; width: 150px; height: 60px; line-height: 60px;
margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; color: blue;
animation: noise-1 .2s linear infinite; }
.info { text-align: center; font-family: 'Gilda Display', serif; font-size: 15px; font-style: italic; text-align: center;
width: 200px; height: 60px; line-height: 60px; margin: auto; position: absolute;
top: 140px; bottom: 0; left: 0; right: 0; animation: noise-3 1s linear infinite; }
.error:before { content: '404'; font-family: 'Gilda Display', serif; font-size: 100px; font-style: italic; text-align: center;
width: 100px; height: 60px; line-height: 60px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
opacity: 0; color: red; animation: noise-2 .2s linear infinite; } @keyframes noise-1 { 0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
10% {opacity: .1;} 50% {opacity: .5; left: -6px;} 80% {opacity: .3;} 100% {opacity: .6; left: 2px;} } @keyframes noise-2 { 0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;} 10% {opacity: .1;} 50% {opacity: .5; left: 6px;} 80% {opacity: .3;}
100% {opacity: .6; left: -2px;} } @keyframes noise { 0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; transform: scaleY(1);}
4.3% {opacity: 1; transform: scaleY(1.7);} 43% {opacity: 1; transform: scaleX(1.5);} } @keyframes noise-3 { 0%,3%,5%,42%,44%,100% {opacity: 1; transform: scaleY(1);}
4.3% {opacity: 1; transform: scaleY(4);} 43% {opacity: 1; transform: scaleX(10) rotate(60deg);} }
.action { text-align: center; font-family: 'Gilda Display', serif; font-size: 15px; font-style: italic; text-align: center; width: 200px; height: 60px;
line-height: 60px; margin: auto; position: absolute; top: 200px; bottom: 0; left: 0; right: 0; }
.action a{color:#fff;font-weight:bold;} </style> </head>
<body> <div class="error">404</div> <br /><br /> <span class="info">File not found</span>
<div class="action"><a href="/">Back to Home</a> / <a href="/page-contact-us/">Report</a></div></body> </html>
Theme Screenshot
