Wapkiz New Movie Template by WapMash

Hello guys, Here we created a new wapkiz template for movie website.

wapmash5

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.

Screenshot..

How to edit movies data?

1. Add movie’s poster into filemanager with the name.

2. Return to website homepage.

3. Select the movie.

4. Click on Edit Movie as shown below, a popup window will display.

How to add Starcast Profile?

1. Go to artist page (site-artist.html).

2. Click on New Starcast.

Note.

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>

New version of this template will come soon with more features.

Be the first to comment

Leave a Reply