Forum Üstü Bilgilendirme ve Durusu Sistemi Önerisi
Admin
Burada herhangi bir duyuru veya bilgilendirmeyi tek tek resim resim alt alta koyuyoruz ve bu gerek performans açısından gerek de görünüm açısından hoş durmamaktadır bende buna bağlı olarak tek bir çerçeve içerisinde her iki bölümü de gösterecek css ve js tabanlı bir slayt sistemi düzenledim bunu entegre edebiliriz böylelikle hem daha derli toplu olur.
Duyuru Kısmı Kaynak Kodlar:
Kod:
[COLOR="White"][B]<html>
<body>
<div class="slayt kutu">
<!-- Resim 1 Linki ekleme bolumu"--> <a href="https://www.turkhackteam.org/forum-hakkinda/1799901-yonetici-alimi.html">
<!-- Resim 1 Linki "--><img class="thtslaytsistemi" src="https://www.turkhackteam.org/images/duyuru/yoneticialim.png"></a>
<!-- Resim 2 Linki ekleme bolumu"--> <a href="https://www.turkhackteam.org/forum-hakkinda/1803758-istihbarat-tim-alimlari.html">
<!-- Resim 2 Linki"--><img class="thtslaytsistemi" src="https://www.turkhackteam.org/images/duyuru/istihbarattim.png"></a>
</div>
<script> <!-- Geçiş işlemini sağlayan js bölümü."-->
var gecisalgoritmasi = 0;
gecis();
function gecis() {
var degisken1;
var degisken2 = ********.getElementsByClassName("thtslaytsistemi");
for (degisken1 = 0; degisken1 < degisken2.length; degisken1++) {
degisken2[degisken1].style.display = "none";
}
gecisalgoritmasi++;
if (gecisalgoritmasi > degisken2.length) {gecisalgoritmasi = 1}
degisken2[gecisalgoritmasi-1].style.display = "block";
setTimeout(gecis, 5000); // Slayt süresi "1000 = 10 saniye" 5 saniye ayarlı.
}
</script>
</body>
</html>[/B][/COLOR]Bilgilendirme Kısmı Kaynak Kodlar:
Kod:
[COLOR="White"][B]
<html>
<body>
<div class="slayt kutu">
<!-- Resim 1 Linki ekleme bolumu"--> <a href="https://www.instagram.com/turkhackteam_resmi/">
<!-- Resim 1 Linki "--><img class="thtslaytsistemi" src="https://www.turkhackteam.org/images/duyuru/instagramduyuru.jpg"></a>
<!-- Resim 2 Linki ekleme bolumu"--> <a href="https://siberguvenlik.net.tr/">
<!-- Resim 2 Linki"--><img class="thtslaytsistemi" src="https://www.turkhackteam.org/images/siberguvenlikadv.png"></a>
</div>
<script> <!-- Geçiş işlemini sağlayan js bölümü."-->
var gecisalgoritmasi = 0;
gecis();
function gecis() {
var degisken1;
var degisken2 = ********.getElementsByClassName("thtslaytsistemi");
for (degisken1 = 0; degisken1 < degisken2.length; degisken1++) {
degisken2[degisken1].style.display = "none";
}
gecisalgoritmasi++;
if (gecisalgoritmasi > degisken2.length) {gecisalgoritmasi = 1}
degisken2[gecisalgoritmasi-1].style.display = "block";
setTimeout(gecis, 5000); // Slayt süresi "1000 = 10 saniye" 5 saniye ayarlı.
}
</script>
</body>
</html>
[/B][/COLOR]Örnek Görünüm ( Sistem Gif Gibi İşlemekte ama her slayt üzerinde link bulunmaktadır, Süresi istenildiği gibi ayarlanabilmektedir.)
( Adminim Buradan Kodları Deneyiniz kaynak kodlarının bazı kısımlarını forum korumsı sansürlemiş. )
Duyuru Deneme Codepen İO
Duyuru Bilgilendirme Codepen İO
Son düzenleme:
