Hack Index (Çok Seveceksiniz)
- Konuyu başlatan phpHTML
- Başlangıç tarihi
Eline sağlık)
Teşekkürler.
Ancak bana değil kodların kaynağı olan konu sahibine teşekkür etmeniz daha iyi olacaktır
Teşekkürler.
Ancak bana değil kodların kaynağı olan konu sahibine teşekkür etmeniz daha iyi olacaktır
Hmm :incele:incele Birde şey guzel bır font vs yazıyla ortasına Hacked by HackerDodo yazarmısınız ?
)Hmm :incele:incele Birde şey guzel bır font vs yazıyla ortasına Hacked by HackerDodo yazarmısınız ?
HTML ve CSS kodlarıyla biraz uğraştım ancak SVG ile aram pek iyi olmadığından yazıyı ortaya alamıyorum. Ancak yazı yukarda olsun bir şey olmaz dersen işte yeni kodlar. index.html dosyasının içinde bulunan kodları bununla değiş:
Kod:
<!DOCTYPE html>
<html lang="en" >
<head>
<**** charset="UTF-8">
<title>Hacked by HackerDodo</title>
<**** name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
*********
</style>
</head>
<body>
<h1>Hacked by HackerDodo</h1>
<div class="container">
<div class="loader">
<div class="moon">
<svg width="400" height="400" viewBox="0 0 200 200">
<path class="moonLine" d="M71.125 36.631A20 20 0 1 0 71.125 63.369 25 25 0 1 1 71.125 36.631z" fill="none" stroke="white" stroke-width="1"/>
</svg>
</div>
<div class="star">
<svg width="300" height="300" viewBox="0 0 200 200">
<path class="starLine" d="M69.583 50 78.221 47.194 78.221 38.112 83.559 45.459 92.196 42.653 86.858 50 92.196 57.347 83.559 54.541 78.221 61.888 78.221 52.806z" fill="none" stroke="white" stroke-width="1"/>
</svg>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>Sagol <3
Afedersin CSS kodlarını eklemeyi unutmuşum. style.css dosyasının aşağıda bulunan kodlarla değiştirin:
Kod:
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-y: hidden;
height: 95vh;
}
.container .loader {
position: relative;
width: 300px;
height: 200px;
background-color: #e30a17;
}
.container .loader .moon {
position: absolute;
top: 0;
left: 20px;
}
.container .loader .star {
position: absolute;
top: 20px;
left: 80px;
}
body {
background-color: #E30A17;
}
h1 {
text-align: center;
font-family: Helvetica;
color: white;
}
TurkCyberr
Üye
Elinize sağlık
