lostyazilim
tr.link

Yatay Kayan Şerit Halinde Slayt (yardım)

3 Mesajlar 2.949 Okunma
acebozum
tr.link

mustafaustura mustafaustura WM Aracı Kullanıcı
  • Üyelik 12.11.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** U**
  • Mesajlar 6
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
Öncelikle wmaracı'lara selamlar;
Arkadaşlar sizlerden ricam benim siteye yatay kayan slayt alanı oluşturmak istiyorum ama wp'de yeni olduğum için kodları nereye yazacağımı bulamadım daha doğrusu bilmiyorum desem daha doğru olur. Ben http://www.blogokulu.org/2012/05/kayan-yatay-serit-halinde-hareketli.html bu eğitimdeki uygulamayı benim siteye uygulamak istiyorum ama sitedeki açıklamalar blogger hakkında açıklanmış ama bendeki yiönetim panelinin ayarlarıyla buradaki anlatılanlar hem farklı hemde bilmediğimden yapamadım. Bu konu hakkında yardımcı olursanız çok sevinirim. Yardımcı olan arkadaşlarada şimdiden teşekkürlerimi iletirim.

NOT: Bu arada bu konu hakkında sitede araştırma yaptım ama bulamadım eger daha önce açıklanmış bir konu var ise şimdiden özürdilerim.
 

 

wmaraci
webimgo

kelebek kelebek WM Aracı Kullanıcı
  • Üyelik 11.05.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Geliştirici
  • Konum Malatya
  • Ad Soyad E** K**
  • Mesajlar 3142
  • Beğeniler 60 / 764
  • Ticaret 5, (%100)
bakıyorum hocam yolların birazdan

Ek Olarak: Hocam başka bir slider bulup sizin için wp ye entegre ettim.Açıklamalar altdadırç


style.css ye eklenecek kodlar:

#SolButon-Div
{
float: left;
height: 108px;
padding-top: 100px;
}
#Saklayan-Div
{
float: left;
overflow: hidden;
height: 208px;
width: 690px;
position: relative;
}
#SagButon-Div
{
float: left;
height: 108px;
padding-top: 100px;
}
#Akan-Div
{
height: 208px;
width: 1380px;
position: absolute;
}
.siliderkutu
{
height: 200px;
width: 130px;
text-align: center;
font-weight: bold;
color: Gray;
margin: 3px;
border: 1px solid gray;
float: left;
}


Header.php ye eklenecek kodlar:


<script></script>
<script></script>
<script>
var baslangic = 0;
function SolaKaydir(tikMi) {
if (baslangic < 690) {
$("#Akan-Div").animate({ "left": "-=138px" }, "slow");
baslangic += 138;
}
else {
$("#Akan-Div").animate({ "left": "+=690px" }, "fast");
baslangic = 0;
}
if (tikMi == false)
setTimeout('SolaKaydir(false)', 5000);
}

function SagaKaydir() {
if (baslangic > 0) {
$("#Akan-Div").animate({ "left": "+=138px" }, "slow");
baslangic -= 138;
}
}
$(document).ready(function () {
SolaKaydir(false);
$("#SolButon-Div").click(function () { SagaKaydir(); });
$("#SagButon-Div").click(function () { SolaKaydir(true); });
});
</script>


Slideri eklemek istediğiniz yere:



Önceki



have_posts()) : $recent->the_post();?>

<?php the_title(); ?>" />








Sonraki



Birde bu dosyanın içindeki klasörü tema klasörüne atın:
ikisinden birinde indirebilirsiniz:

http://www.neonfile.com/download.php?id=528AAB6C1


https://mega.co.nz/#!8R1hVJCY!L3Fs4kwT-1fy4yOuhieD_QhcX35PPawT1gZw7IjYfHc
 

 

mustafaustura mustafaustura WM Aracı Kullanıcı
  • Üyelik 12.11.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek grafiker
  • Konum İstanbul Avrupa
  • Ad Soyad M** U**
  • Mesajlar 6
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
kelebek Kardeşim konuyla ilgilendiğin ve yardımların için çok teşekkür ederim...
Ya Üstadım kusura bakmassan bir şey daha soracağım ben uygulamayı yaptım yerini de ayarladım gayet güzel oldu ama resimleri, yazıları ve linkleri nereye koyacağımı bulamadım. Bunun açıklamasını da söyleyebilirsen sevinirim.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al