Add in blogger Notifications and Alerts Box by NQNia | Cydia Guide

Add in blogger Notifications and Alerts Box by NQNia




Add in blogger notifications and alerts box
Notifications box additions or notes in a different way from the first, neither in the design nor the way it is displayed dazzling in its transparent white color comfortable to the eye and appears only once and it disappears automatically and all of it is designed by Css, which makes it completely fast light

1. Directly from the layout Add the HTML/JavaScript tool and place the following code in it

<style>
#notifjo {
right: 10px;
top: 10px;
width: 320px;
height: auto;
overflow: hidden;
background: rgba(255,255,255,0.9);
border-radius: 5px;
border: 1px solid #ddd;
z-index: 999999;
position: fixed;
-webkit-animation: fadeOutnotif 10s linear forwards;
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#notifjo a {
display:block;
text-decoration:none;}
#notifjo span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#notifjo span h2 {
font-size: 12px;
line-height: 21px;
color: #222;
font-family: Electrolize,ge_dinar_oneregular;
font-weight: normal;
letter-spacing: 0px;
}
/* www.ar1web.com */
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
</style>
<div id='notifjo'>
<span>
<h2><b>NQnia Web The best for you :</b>
<p>1. Welcome.</p>
<p>2. How are you.</p>
<p>3. May Allah make your times happier.</p>
<p>4. Thank you for visiting our website.</p>
</h2>
</span>
</div>

About My name is Nguyen Manh Cuong. I was born in a poor village in Ba Vi district, HA NOI province - windy and sunny land. Currently. https://blog.cydiaguide.app/. Mr Cuong.
Newer Posts Newer Posts Older Posts Older Posts

More posts

Comments

Post a Comment