html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Ribbon Pack</title>
</head>
<body>
<div id="header">
<h1>Ribbon Pack</h1>
</div>
<h1 class="ribbon1">
<strong class="ribbon-content1">JFS Animion</strong>
</h1>
<h1 class="ribbon2">
<strong class="ribbon-content2">Ribbon Pack</strong>
</h1>
<h1 class="ribbon3">
<strong class="ribbon-content3">15 August 2107</strong>
</h1>
<h1 class="ribbon4">
<strong class="ribbon-content4">Everybody dislike ribbons</strong>
</h1>
</div>
<div class="pack">
<p>© 2017 JFS Animion™, All right reserved.</p>
</div>
<style>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* --1-- */
.ribbon1 {
font-size: 16px !important;
width: 50%;
position: relative;
background: #198ae4; /* Background Color */
color: #fff;
text-align: center;
padding: 1em 2em;
margin: 2em auto 3em;
}
.ribbon1:before, .ribbon1:after {
content: "";
position: absolute;
display: block;
bottom: -1em;
border: 1.5em solid #197adf; /* Side Color */
z-index: -1;
}
.ribbon1:before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent;
}
.ribbon1:after {
right: -2em;
border-left-width: 1.5em;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
/*
No JS needed
No Stealer Needed
You can save this code and modify it and use it
Author: JFS Animion
*/
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run