Bir sitedeki kodu kendi siteme yapabilecekler konuya lütfen (Ücretli)

10-01-2023, 19:10:11

Merhaba arkadaşlar. Bu Sitedeki kitaplara tıklayınca açılan kitap olayını kendi sitemdeki bir sayfaya yaptırmak istiyorum.

Fiyat bilgisi ile PM üzerinden iletişime geçebilirsiniz. Whatsapp ile iletişime geçilmeyecektir.

10-01-2023, 19:11:35

#2

UbCreative

Web Tasarım ve Yazılım

KupeliHoca adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar. Bu Sitedeki kitaplara tıklayınca açılan kitap olayını kendi sitemdeki bir sayfaya yaptırmak istiyorum.

Fiyat bilgisi ile PM üzerinden iletişime geçebilirsiniz. Whatsapp ile iletişime geçilmeyecektir.

Altyapınız özel ise yardımcı olabilirim

10-01-2023, 19:12:55

#3

KupeliHoca

AdSenseShield adlı üyeden alıntı: mesajı görüntüle

Sitede kodları paylaşmışlar. Aslında çok basit.

Merhaba. Kitapları değil, kitap kapağına tıkladığınızda aynı sayfada açılan kitap olayını istiyorum. O da mı paylaşılmış?

10-01-2023, 19:15:54

#4

~~AdSenseShield~~

Üyeliği durduruldu

Evet, turn.js kütüphanesi kullanarak <div id="flipbook"> içerisindeki içerikleri sayfalara bölerek sayfalar arasında geçiş yapmanıza olanak tanır. Aşağıda size verdiğiniz örnekteki gibi bir kod örneği bulunmaktadır:

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="turn.js"></script>
    <style>
        #flipbook {
            width: 400px;
            height: 300px;
        }
    </style>
</head>
<body>
    <div id="flipbook">
        <div class="hard">Turn.js</div>
        <div class="hard"></div>
        <div>Page 1</div>
        <div>Page 2</div>
        <div>Page 3</div>
        <div>Page 4</div>
        <div class="hard"></div>
        <div class="hard"></div>
    </div>
    <script type="text/javascript">
        $("#flipbook").turn({
            width: 400,
            height: 300,
            autoCenter: true
        });
    </script>
</body>
</html>

Bu kodda, öncelikle jQuery kütüphanesi ve turn.js kütüphanesi eklenmiştir. Daha sonra, #flipbook ID'sine sahip bir div oluşturulmuş ve içine sayfalar oluşturuldu. En son olarak, oluşturulan div için turn() fonksiyonu çağrılmış ve bazı özellikler (genişlik, yükseklik, otomatik merkezleme vb.) tanımlanmıştır.
Not: burada vermiş olduğunuz link çalışmıyor , eğer kullanmak isterseniz turnjs dökümanlarına veya npm üzerinden güncel sürümleri indirebilirsiniz

-

Kod indir.
Script etiketi ile html sayfana ekle.
Download: http://turnjs.com/confirm-download/5...55/turnjs4.zip

Daha sonra verdiğim kodları koy. sonrası istediğin resimleri ve yazıları entegre et.

<div id="flipbook">
<div class="hard"> Turn.js </div>
<div class="hard"></div>
<div> Page 1 </div>
<div> Page 2 </div>
<div> Page 3 </div>
<div> Page 4 </div>
<div class="hard"></div>
<div class="hard"></div>
</div>
<script type="text/javascript">
$("#flipbook").turn({         width: 400,         height: 300,         autoCenter: true
});
</script>

10-01-2023, 19:37:03

#5

UbCreative

Web Tasarım ve Yazılım

AdSenseShield adlı üyeden alıntı: mesajı görüntüle

Evet, turn.js kütüphanesi kullanarak <div id="flipbook"> içerisindeki içerikleri sayfalara bölerek sayfalar arasında geçiş yapmanıza olanak tanır. Aşağıda size verdiğiniz örnekteki gibi bir kod örneği bulunmaktadır:

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="turn.js"></script>
    <style>
        #flipbook {
            width: 400px;
            height: 300px;
        }
    </style>
</head>
<body>
    <div id="flipbook">
        <div class="hard">Turn.js</div>
        <div class="hard"></div>
        <div>Page 1</div>
        <div>Page 2</div>
        <div>Page 3</div>
        <div>Page 4</div>
        <div class="hard"></div>
        <div class="hard"></div>
    </div>
    <script type="text/javascript">
        $("#flipbook").turn({
            width: 400,
            height: 300,
            autoCenter: true
        });
    </script>
</body>
</html>

Bu kodda, öncelikle jQuery kütüphanesi ve turn.js kütüphanesi eklenmiştir. Daha sonra, #flipbook ID'sine sahip bir div oluşturulmuş ve içine sayfalar oluşturuldu. En son olarak, oluşturulan div için turn() fonksiyonu çağrılmış ve bazı özellikler (genişlik, yükseklik, otomatik merkezleme vb.) tanımlanmıştır.
Not: burada vermiş olduğunuz link çalışmıyor , eğer kullanmak isterseniz turnjs dökümanlarına veya npm üzerinden güncel sürümleri indirebilirsiniz

-

Kod indir.
Script etiketi ile html sayfana ekle.
Download: http://turnjs.com/confirm-download/5...55/turnjs4.zip

Daha sonra verdiğim kodları koy. sonrası istediğin resimleri ve yazıları entegre et.

<div id="flipbook">
<div class="hard"> Turn.js </div>
<div class="hard"></div>
<div> Page 1 </div>
<div> Page 2 </div>
<div> Page 3 </div>
<div> Page 4 </div>
<div class="hard"></div>
<div class="hard"></div>
</div>
<script type="text/javascript">
$("#flipbook").turn({         width: 400,         height: 300,         autoCenter: true
});
</script>

Chat GPT ekmeğimizi elimizden alacaksın 🤣 Valla bilale anlatır gibi diye bir laf var ya meşhur aynı o şekilde anlatmışsın 😂

10-01-2023, 19:39:36

#6

~~AdSenseShield~~

Üyeliği durduruldu

bostanci96 adlı üyeden alıntı: mesajı görüntüle

Chat GPT ekmeğimizi elimizden alacaksın 🤣 Valla bilale anlatır gibi diye bir laf var ya meşhur aynı o şekilde anlatmışsın 😂

Maalesef ben ücretsiz yardımcı olamadım. Siz ücret karşılığında iş yapabilirsiniz.

10-01-2023, 19:43:46

#7

KupeliHoca

Öncelikle iyi niyetiniz için teşekkürler. Ancak benim kod bilgim yok, söylemiş olduğunuz şeyleri bırakın, bu kodları yapıştıracağım sayfada da yüzlerce kod var. Size sayfayı çok kere bozduğum için denemeye korktuğumu söylememin neresi alaya alınıyor bunu anlamadım.

Tavrınız üzdü, saygılar sunarım.

10-01-2023, 20:20:18

#8