How to make Festival Wishing Website scripts with Name

How to make Festival Wishing Website scripts with Name

Blogs PHP
Hello Friends Today am going to share some tips about How to make Festival Wishing Website scripts with Name. if you have some basic knowledge of website designing &  programing then you can easily create festival whising scripts. I have creted a script Indpendence day Wish. See DEMO Script is Mobile responsive & works on all platforms so you dont have to worry for different mobile devices.

Features of Festival wishing Script

  • Add & Remove Images According to the festival
  • Easy to approve for adsense,
  • Seo Optimized Content
  • Mobile Responsive
  • Performs faster in all platforms with high speed of php
  • Whatsapp Share button integrated,
  • You can add more buttons according to your needs
  • Optimized for high ads revenue
  • Support ads (any size)
  • Facebook Meta Tags
  • Twitter Meta Tags
Read Also :- How to Start Your Life as A Blogger Check the screenshots:- How to make Festival Wishing Website scripts with Name enter name & you will see How to make Festival Wishing Website scripts with Name Download the script here :- File

“How to make Festival Wishing Website Scripts with Name” 

Follow these steps  to create festival wishing script :- create three files file1.php , file2.php , main.css    

File1.php

<figure>
<h1 style=”text-transform: uppercase;”>

<?php
echo “<script language=’Javascript’>\n nick=prompt(‘Enter your username’,”);

document.location = ‘file2.php?nickname=’+nick+”; </script>”;

?>
</h1>

</figure>

File2.php

<html>
<head>

<meta name=”viewport” content=”width=device-width,initial-scale=1,maximum-scale=1″/>
<title>Happy New year</title>
<meta name=”google” value=”notranslate”>
<meta property=”og:type” content=”Make your own wonderful wish for you loved once” />
<meta property=”og:title” content=”Wishing You Happy New Year” />

<meta property=”og:site_name” content=”Create Happy New Year” />
<link rel=”stylesheet” type=”text/css” href=”main.css”>
<link rel=”icon” type=”image/png” sizes=”32×32″ href=”/favicon.png”>
<style>
i {
color:#f06414;
}
input[type=name], select {
width: 100%;
padding: 12px 20px;
margin: 4px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.footerbtn {

display: block;
line-height: 15px;
position: fixed;
left:0px;
bottom:0px;
height:40px;

border-radius: 15px;
box-sizing: border-box;
padding: 5px;
background:#34af23;
color: #ffffff;
font-size: 18px;
text-align: center;
text-decoration: none;
width:95%;
margin-left:10px;
margin-right:30px;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
animation: footer infinite linear 1s;
-webkit-transform: translate3d(30%,0,0);
transform: translate3d(30%,0,0);
position: fixed;

}

.footerbtn :active {
box-shadow: none
}

@-webkit-keyframes footer {
from {
-webkit-transform: rotateZ(0)
}
25% {
-webkit-transform: rotateZ(1.5deg)
}
50% {
-webkit-transform: rotateZ(0deg)
}
75% {
-webkit-transform: rotateZ(-1.5deg)
}
to {
-webkit-transform: rotateZ(0)
}}

@-webkit-keyframes jello { from, 11.1%, to { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}
.jello { -webkit-animation: jello 3s infinite; transform-origin: center; -webkit-animation-delay:6s}
@-webkit-keyframes hue {
from { -webkit-filter: hue-rotate(0deg); }
to { -webkit-filter: hue-rotate(-360deg); }}
.m1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
.m2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}
.bubbles {
font-family: arial;
}

.bubbles hi {
font-family: ‘Luckiest Guy’, cursive;
color: black;
}

hi {
font-size:2.5em;
user-select:none;
}

hi span { display:inline-block; animation:float .2s ease-in-out infinite; }
@keyframes float {
0%,100%{ transform:none; }
33%{ transform:translateY(-1px) rotate(-2deg); }
66%{ transform:translateY(1px) rotate(2deg); }
}
body:hover span { animation:bounce .6s; }
@keyframes bounce {
0%,100%{ transform:translate(0); }
25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
50%{ transform:translateY(-20px) rotate(3deg) scale(1.1); }
}

@import url(http://fonts.googleapis.com/css?family=Concert+One);

h1 {
animation:glow 10s ease-in-out infinite;
}

* { box-sizing:border-box; }

figure1 {
animation:wobble 5s ease-in-out infinite;
transform-origin:center center;
transform-style:preserve-3d;
}

@keyframes wobble {
0%,100%{ transform:rotate3d(1,1,0,40deg); }
25%{ transform:rotate3d(-1,1,0,40deg); }
50%{ transform:rotate3d(-1,-1,0,40deg); }
75%{ transform:rotate3d(1,-1,0,40deg); }
}

h1 {
display:block;
width:90%;
line-height:1.5;
font:900 35px ‘Concert One’, sans-serif;
position:absolute;
color:#fff;
}

@keyframes glow {
0%,100%{ text-shadow:0 0 30px red; }
25%{ text-shadow:0 0 30px orange; }
50%{ text-shadow:0 0 30px forestgreen; }
75%{ text-shadow:0 0 30px cyan; }
}

h1:nth-child(2){ transform:translateZ(5px); }
h1:nth-child(3){ transform:translateZ(10px);}
h1:nth-child(4){ transform:translateZ(15px); }
h1:nth-child(5){ transform:translateZ(20px); }
h1:nth-child(6){ transform:translateZ(25px); }
h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}
@keyframes rock { 0% { transform: rotate(-1deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-1deg); }}x); }
h1:nth-child(8){ transform:translateZ(35px); }
h1:nth-child(9){ transform:translateZ(40px); }
h1:nth-child(10){ transform:translateZ(45px); }

.rock{animation:infinite 1s rock}
@keyframes rock { 0% { transform: rotate(-1deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-1deg); }}

.fuck{animation:infinite 1s fuck}
@keyframes rock { 0% { transform: rotate(-2deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-2deg); }}


h2 {
font-size: 38px;
text-align: center;
color:#008000;

animation: rock infinite 1s;
font-family: ‘Indie Flower’, cursive;
letter-spacing: 2px;
}

h3 {
font-size: 48px;
text-align: center;
padding:1px;
margin:1px;
color: #f06414;

aanimation: fuck infinite 1s;
font-family: ‘Indie Flower’, cursive;
letter-spacing: 2px;
}
</style>
</head>

<body style=”background:#f0f0f0;”>

<div class=”main-greeting”>
<div align=”center html2canvas-ignore”>
<div style=”font-size: 17px; font-weight: 800; color:#1f8b1c;”>
<p id=”demo”></p>

<div class=”main_body”>
<div style=”padding-bottom:45px”>
<figure>
<h1 style=”text-transform: uppercase;”>
<?php echo htmlspecialchars($_GET[“nickname”]); ?>
</h1>
</figure>
</div>

<div style=”text-align: center;”>

<h3 style=”v1″>Wishing You</h3>
<h2>Happy New Year 2019</h2>
<h2> <img src=”bb.gif” class=”img-responsive” alt=”NEW YEAR” width=”80%”>
</h2>

<center>
<!– adsense code goes here –>
</center>
<script>
// Set the date we’re counting down to
var countDownDate = new Date(“jan 1, 2019 00:00:00”).getTime();

// Update the count down every 01 second
var x = setInterval(function() {

// Get todays date and time
var now = new Date().getTime();

// Find the distance between now an the count down date
var distance = countDownDate – now;

// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Display the result in the element with id=”demo”
document.getElementById(“demo”).innerHTML = days + “<i> Days,</i> ” + hours + ” <i>Hrs,</i> “
+ minutes + “<i> Min,</i> ” + seconds + “<i> Sec</i> “;

// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById(“demo”).innerHTML = “EXPIRED”;
}
}, 1000);
</script>
</div>
</div>
<br></p></b></p> <img src=”15.png” height=”40px” width=”40px”/>
<div class=”busi”><p style=”text-transform: uppercase; padding:25px “>
By – <?php echo htmlspecialchars($_GET[“nickname”]); ?>
<br><img src=”15.png” height=”35px” width=”35px”/></p>

<h5><a href=”file1.php”> Click Here to Write Your Name </a></h5>


<center>
<!– adsense code goes here –>
</center>
</div>
</div>

</div>
</div>
<center>
<a class=”footerbtn” href=”whatsapp://send?text=Touch this blue line enter your name and see magic ?? localhost/wish1″><img width=”25px” height=”25px” src=”wp.png”/><b style=”font-size: 15px;”> Click Here to Share on Whatsapp</b> <img width=”25px” height=”25px” src=”wp.png”/></a></center>
</body>
</html>

Main.css

#clockbox {
color: white; font-size: 20px; background-color: darkgreen; display: inline-block; border: 3px solid darkgreen ; border-radius: 3px; margin:0px; padding: 0px; font-weight: bold;
}
@font-face {
font-family: ‘Kruti-Dev-010’;
src: url(‘fonts/Kruti-Dev-010.ttf.html’) format(‘woff’),
url(‘fonts/Kruti-Dev-010.ttf-2.html#Kruti-Dev-010’) format(‘svg’),
url(‘fonts/Kruti-Dev-010.ttf-3.html’),
url(‘fonts/Kruti-Dev-010d41d.html?#iefix’) format(’embedded-opentype’);
font-weight: normal;
font-style: normal;
}

body {
background: url(“../jaldi-dekho.com/Snow_falling1.gif”);
background-size: cover;
}
@-webkit-keyframes AnimationName {
0%{background-position:48% 0%}
50%{background-position:53% 100%}
100%{background-position:48% 0%}
}
@-moz-keyframes AnimationName {
0%{background-position:48% 0%}
50%{background-position:53% 100%}
100%{background-position:48% 0%}
}
@-o-keyframes AnimationName {
0%{background-position:48% 0%}
50%{background-position:53% 100%}
100%{background-position:48% 0%}
}
@keyframes AnimationName {
0%{background-position:48% 0%}
50%{background-position:53% 100%}
100%{background-position:48% 0%}
}

.hindi-text{
font-family: ‘Kruti-Dev-010’ !important;
font-size: 1.2em;
}

.container {

padding-right: 30px;
padding-left: 30px;
padding-top: 20px;

}
.main-form {
max-width: 500px;
margin: auto;
text-align: center;
position: relative;
padding: 20px;
box-shadow: 3px 3px 23px 0 rgba(0, 0, 0, 0.64);
margin-bottom: 60px;
background-color: rgba(255, 255, 255, 0.96);
}

.main-form h4 {
text-shadow: -2px -1px 2px #f39f01;
font-weight: 700;
color: #da004c;
border-bottom: 1px solid #f93;
padding-bottom: 10px;
margin-bottom: 10px;
}
label{
color: #da004c;
}
.element {
display: block;
align-items: center;
}
i.fa-camera {
margin: 10px;
cursor: pointer;
font-size: 30px;
}
i:hover {
opacity: 0.6;
}
input {
display: none;
}
.form-control{
border: 1px solid #f39f01;
font-size: 13px;
color:rgb(199, 120, 1) ;
}

.main-form .title {
text-shadow: -1px 3px 19px rgba(0, 0, 0, 0.2);
font-weight: 700;
text-align: center;
font-size: 16px
}

.main-form .form {
text-align: left
}

.main-form .form label small {
font-size: 10px
}

.main-form .form .form-control {
border-radius: 0
}

.main-form .form .btn {
border-radius: 0;
width: 50% !important;
margin: auto !important;
display: block;
font-weight: 600;
color: #fff;
border-color: #f39f01;
font-size: 20px;
background-color: rgba(222, 13, 77, 0.86);
}

.main-form .form .bg-group label {
display: inline-block;
width: 50px;
height: 50px;
margin: 5px;
border: 5px solid rgba(0, 0, 0, 0.2);
border-radius: 50%;
background-size: cover;
cursor: pointer
}

.main-form .form .bg-group label.active {
border-color: #f30
}
.swing1 {
animation:swing1 3s cubic-bezier(0, 0, 0.25, 1) infinite;
}

.main-form .form .vi-group label {
display: inline-block;
width: 100px;
height: 75px;
margin: 5px;
border: 5px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
background-size: cover;
cursor: pointer;
background-position: center
}

.main-form .form .vi-group label.active {
border-color: #f30
}

.main-form .border {
border: 1px solid #f39f01;
padding: 10px;
}

.main-form .table {
font-size: 12px;
margin: 0;
white-space: pre-line
}

.main-form .table textarea {
display: none
}

.main-form .table tr td {
cursor: pointer
}

.main-form .table tr.active textarea {
display: block
}

.main-form .pp_box {
display: none
}

.main-form .pp_box label {
text-align: center;
cursor: pointer
}

.main-form .pp_box label img {
margin-bottom: 30px
}

.main-greeting {

max-width: 400px;
margin: auto;
text-align: center;
position: relative;
padding: 5px;
background:#f0f0f0f;

margin-bottom: 60px
}
.greeting-box {
overflow:hidden;
background: rgba(255, 255, 255, 0.39);
border-radius: inherit;
}
.main-greeting .main_body {
text-align: center;
font-size: 1.3em
}
.main-greeting .main_body .text2 {
padding: 10px;
font-size: 20px
}
.main-greeting .text {
color: #405d9b;
letter-spacing: 1px;
font-weight: 600;
padding: 0px 10px;
text-align: center;
}
.main-greeting .pp-img {
max-width: 400px;
margin-bottom: 10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.64);
}

.main-greeting .text_gradient {
margin: 5px auto;
font-weight: 700;
font-size: 24px;
color: #b50dae;
}
.busi {
font-size: 30px;
font-weight: 800;
color:#f06000;
}
.share-box {
position: fixed;
left: 0;
right: 0;
bottom: 0
}

.share-box div {
padding: 0
}

.share-box .btn {
border-radius: 0;
color: #fff;
text-transform: uppercase;
padding: 15px 0;
font-size: 11px
}
.footer{
border-top: 1px solid #f93;
margin-top: 10px;
padding-top: 5px;
color: #da004c;
}

.share-box .btn.whatsapp {
background-color: #4caf50
}

.share-box .btn.facebook {
background-color: #405d9b
}
.share-box .btn.download {
background: #ed5600;
}
.new_wish{
font-size: 20px;
font-weight: bold;
border-left: 0;
border-right: 0;
border-radius: 0px;
}
.btn-bg {
color: #fff;
background-color: #f00 !important;
border-color: #f00 !important;
}
.btn-bg:hover{
background-color: #000 !important;
border-color: #000 !important;

}
@keyframes move {
0% {
top: 0
}
60% {
top: -40px
}
100% {
top: -80px
}
}

@-webkit-keyframes jump {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

@keyframes jump {
0% {
transform: translateY(0)
}
20% {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
50% {
transform: translateY(0)
}
60% {
transform: translateY(-15px)
}
80% {
transform: translateY(0)
}
100% {
transform: translateY(0)
}
}

Download Happy New Year Script

script is in php. you can modify according to your needs, download the script and run the file1.php file.
open all the three files in any php editor and edit the file as per your needs.

13 thoughts on “How to make Festival Wishing Website scripts with Name

  1. Thanks for your script.. it is not in php.. but i know PHP … And convert the pages in php.. thanks ..Good work ..keep it up

Leave a Reply

Your email address will not be published. Required fields are marked *