Sitemin blog kısmındaki içerikler kısmı

26-06-2024, 18:38:54

Merhabalar bir scriptim var blog kısmını yazıyorum bu şekilde bir yapının mantıgı nedır içerikler classEditor ile giriliyor acaba bir kütüphanemi var h1 h2 etiketlere göre bunu otomatik oluşturan yardımcı olabilen varsa sevinirim veya mantıgını kısaca özetleyen

26-06-2024, 20:43:57

#2

yvolkan

ol ve ul etiketleriyle yapılıyor bu tarz menüler. ol sayısal, ul ise sayısal olmayan listeleme şeklidir.

<!DOCTYPE html>

<html lang="tr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>OL Etiketi ile Sıralı Liste</title>

<style>

/* Genel stil ayarları */

body {

    font-family: Arial, sans-serif;

    margin: 0;

    padding: 0;

    background-color: #f4f4f4;

}



header {

    background-color: #4CAF50;

    color: white;

    padding: 10px 0;

    text-align: center;

}



main {

    padding: 20px;

}



h1, h2 {

    color: #333;

}



.custom-list {

    list-style-type: decimal-leading-zero;

    padding-left: 20px;

}



.custom-list li {

    background-color: #e0e0e0;

    margin: 5px 0;

    padding: 10px;

    border-radius: 5px;

}



footer {

    background-color: #333;

    color: white;

    text-align: center;

    padding: 10px 0;

    position: fixed;

    width: 100%;

    bottom: 0;

}



</style>

</head>

<body>

    <header>

        <h1>Sıralı Liste Örneği</h1>

    </header>

    <main>

        <section>

            <h2>Örnek Liste</h2>

            <ol class="custom-list">

                <li>HTML Öğrenme
                    <ol class="custom-list">
                        <li>Html Yapısı</li>
                        <li>Table Kullanımı</li>
                        <li>Div Kullanımı</li>
                    </ol>
                </li>

                <li>CSS Öğrenme</li>

                <li>JavaScript Öğrenme</li>

                <li>Web Projeleri Yapma</li>

                <li>İleri Düzey Teknikler Öğrenme</li>

            </ol>

        </section>

    </main>

    <footer>

        <p>&copy; 2024 Örnek Site</p>

    </footer>

</body>

</html>

26-06-2024, 20:58:59

#3

Ayzeta

Table of content diye aratırsanız php için kütüphaneleri veya wordpress için eklentileri vb var.