bu şekilde görünmekte menüleri kapatıyor en basit yöntem olan <br> tagını kullandım ama olmuyor
birde kaymamasını istiyorum nasıl yapabilirim?
yazılım wisecp
kod ;
Alıntı
<!DOCTYPE html>
<html>
<head>
<title>Web Sitenizin Başlığı</title>
<style>
.announcement-bar {
background-color: #f8f8f8;
padding: 5px;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
overflow: hidden;
}
.announcement-bar p {
margin: 0;
font-size: 14px;
color: #333;
font-weight: bold;
animation: scrollText 20s linear infinite;
}
@keyframes scrollText {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
.announcement-bar .megaphone {
display: inline-block;
font-size: 16px;
margin-right: 5px;
}
</style>
</head>
<body>
<div class="announcement-bar">
<p>
<span class="megaphone">📣</span>
<strong>Tüm Hosting Paketlerimizde Kampanyalar ve %50'ye Varan İndirimler Sizleri Bekliyor!</strong>
</p>
</div>
<!-- Sayfa içeriği buraya gelecek -->
<script>
function closeAnnouncement() {
document.querySelector('.announcement-bar').style.display = 'none';
}
</script>
<br>
<br>
</body>
</html> 
