-
Notifications
You must be signed in to change notification settings - Fork 1
/
nopehtml.html
66 lines (62 loc) · 3.1 KB
/
nopehtml.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="ISO8879">
<style>
body {
font-family: Arial;
-webkit-font-smoothing: antialiased;
}
.h1, h1 {
font-size: 30px;
font-weight: bold;
color: #5B6ED6;
margin-bottom: 5px;
}
.h2, h2 {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 5px;
}
.p, p {
color: #585b55;
font-weight: bold;
font-size: 12px;
}
.textarea, textarea {
display: inline;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
padding: 10px;
background: #D6D6D6;
border: 1px solid #333;
font-family: Arial;
color: #585b55;
font-size: 12px;
font-weight: bold;
}
.button, button {
color: white;
font-weight: bold;
font-size: 30px;
padding: 7px;
background-color: #E7534F;
border: 1px solid #333;
position: absolute;
top: 147px;
left: 202px;
}
</style>
</head>
<body>
<h1>Colocar aviso em seu site</h1>
<h2>Esse é o mesmo código usado na página do PEHTML.</h2>
<p>Copie o código abaixo:</p>
<textarea onclick="this.focus();this.select()" readonly="readonly"><nopehtml><blockquote style="background:#D6D6D6;border-top:1px solid #E7534F;border-bottom:1px solid #E7534F;border-left:10px solid #E7534F;border-right:10px solid #E7534F;border-radius:20px;margin:0 auto;text-align:center"><div style="margin-top: -7px;margin-left: 5px;width: 80px;height: 80px;clear: left;float: left"><img src="https://plasnerd.github.io/PEHTML/img/warning.svg" width="80px" height="80px"></div><h1 style="font-size:40px;margin-top:-5px;margin-bottom:-1px">Warning</h1><br>Your browser don't supports sites built with PEHTML. This means that this site could not be shown completly in your current browser. <br><img src="https://plasnerd.github.io/PEHTML/img/ib.svg" width="16" height="16"> <a href="../boat">Download the Internet Boat browser</a> to enjoy the whole power of PEHTML and all the features of this site.<br><p>Don't know what is PEHTML? Learn <a href="https://plasnerd.github.io/PEHTML/" target="blank">here</a>.</p></blockquote></nopehtml></textarea><button>Copiar</button>
<h2>Seu código pronto ficará assim:</h2>
<blockquote style="background:#D6D6D6;border-top:1px solid #E7534F;border-bottom:1px solid #E7534F;border-left:10px solid #E7534F;border-right:10px solid #E7534F;border-radius:20px;margin:0 auto;text-align:center"><div style="margin-top: -7px;margin-left: 5px;width: 80px;height: 80px;clear: left;float: left"><img src="https://plasnerd.github.io/PEHTML/img/warning.svg" width="80px" height="80px"></div><h1 style="font-size:40px;margin-top:-5px;margin-bottom:-1px">Warning</h1><br>Your browser don't supports sites built with PEHTML. This means that this site could not be shown completly in your current browser. <br><img src="https://plasnerd.github.io/PEHTML/img/ib.svg" width="16" height="16"> <a href="../boat">Download the Internet Boat browser</a> to enjoy the whole power of PEHTML and all the features of this site.<br><p>Don't know what is PEHTML? Learn <a href="https://plasnerd.github.io/PEHTML/" target="blank">here</a>.</p></blockquote>
</body>
</html>