Sağdan sola geçişli banner alanı

Başlatan Ranthiel, 06 Mayıs 2020, 16:02

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

Ranthiel

Aşağıda bulunan ekran görüntüsünde kırmızı kare içerisindeki alana sağdan sola hareketli bir şekilde geçecek bir alan nasıl yapabilirim? Bahsettiğim şeyin örneğini de aşağıya bıraktım.

Bahsettiğim alan;


Örnek;
http://www.z-roleplay.com/

tarantula901

Şu kodları kullanabilirsin.

<div id="subheader" data-type="background" data-speed="3">
<div class="mover"></div>
</div>

css kodu

#subheader {
height: 160px;
display: block;
width: 100%;
margin: 0 auto 0px auto;
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
}


#subheader > div {   
    width: 6340px;
    background: url('resimlinki');
    background-position: -20px;
    top: 0;
    left: 0;
    height: 100%;
    transform: translate3d(0, 0, 0);
}
#subheader .mover {
animation: moveSlideshow 80s linear infinite;
}

@keyframes moveSlideshow {
100% {
transform: translateX(-66.6666%);
}
}

#subheader-inner {
height: 160px;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
}

#subheader .site-name {
color: #ffffff;
font-size: 3.077em;
margin: 0 auto;
text-align: center;
display: none;
}

#subheader p.site-description {
font-size: 1.538em;
margin: 0 auto;
text-align: center;
float: none;
height: auto;
}

resimlinki kısmına eklemek istediğiniz resmi ekleyebilirsiniz.
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Ranthiel

Aşağıdaki kodu nereye ekliyeceğim? Ayrıca editlediğim tema geek temasıdır.

<div id="subheader" data-type="background" data-speed="3">
<div class="mover"></div>
</div>

tarantula901

İndex.template.php eklenecek değişiklik yapabilmem için sitenin aktif ve index.template.php eke eklemeniz gerekiyor.
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Ranthiel

Alıntı yapılan: tarantula901 - 07 Mayıs 2020, 13:18İndex.template.php eklenecek değişiklik yapabilmem için sitenin aktif ve index.template.php eke eklemeniz gerekiyor.
Özel ileti yoluyla size gönderdim.

Ranthiel

Konu günceldir. index.template ek de mevcuttur. @tarantula901

tarantula901

Ben bunu yapmamismiydim iki kisimi bu ozelligi istiyor.
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Ranthiel

Alıntı yapılan: tarantula901 - 08 Mayıs 2020, 18:10Ben bunu yapmamismiydim iki kisimi bu ozelligi istiyor.
İlk ben demiştim, ardından arkadaşta konu açmış ama forum temaları çok farklı ben geek temasını geliştiriyorum.
https://www.ranthiel.com/forum/index.php

tarantula901

index.template.php dosyasında şunu arat.

<div id="main_b">
<div class="wrapper">
<div id="main_content">';

üstüne ekle

<div id="subheader" data-type="background" data-speed="3">
<div class="mover"></div>
</div>

sonra css kodlarını temanın ccs en altına ekleyin.

sonra şunuda ekleyin.

div#subheader {
    height: 200px;
}
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Ranthiel



Bunu üst kısıma bir türlü alamadım yardımcı olurmusun?

Ranthiel

Konu güncel üst kısımdaki sorun hala devam etmektedir, resmi kırmızı dikdörtgen olan yere taşıyamadım.




tarantula901

Aktif olan sitenizi görmem gerek başka türlü yardımcı olamam
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Mert ッ

Alıntı yapılan: tarantula901 - 12 Mayıs 2020, 12:59Aktif olan sitenizi görmem gerek başka türlü yardımcı olamam
Merhaba hocam kişinin web site bölümünde yazıyor www.ranthiel.com/forum

tarantula901

index.template.php dosyasında şu kodu aratın

<div id="bar">
        <div class="wrapper">
', template_menu(), '
</div>

şu kodu altına ekleyin

<div id="subheader" data-type="background" data-speed="3">
<div class="mover"></div>
</div>
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Ranthiel

Alıntı yapılan: tarantula901 - 12 Mayıs 2020, 15:31index.template.php dosyasında şu kodu aratın

<div id="bar">
        <div class="wrapper">
 ', template_menu(), '
 </div>

şu kodu altına ekleyin

<div id="subheader" data-type="background" data-speed="3">
 <div class="mover"></div>
 </div>

Aşağıdaki gibi oldu, eğer vaktiniz var ise FTP adresini size özel ileti yoluyla ileteyim? @tarantula901

ESKİ HALİ


YENİ HALİ