0
Kayıt Ol

Aynı İndex.php içinde 2 farklı Css yolu veremiyor muyuz ?

6

●

88

  • 17-09-2024, 20:17:30
    #1
    Serryweb
    Serryweb
    İyi akşamlar hocalarım kafama takılan bir sorun var, Bana biraz açıklayıcı olursanız gerçekten çok makbule olur.
    Benim sorunum şöyle Örneğin header.php dosyası yaptım, Css yolunu da verdim buraya kadar bir problem yok, ama Header.php yi index.php ye çağırdığım zaman css olarak gelmiyor

    Şöyle oluyor index.php Css yolu Style.css olsun Header.php içinde header.css olarak yol var.

    İndex.php sadece Style.css yolu olarak alıyor ve Headerı çağıramıyorum

    Ve bu yüzden sitemde kayan yazı ekleyeceğim zaman Yazılar yan yana blok içinde sadece haber başlığı olarak çıkıyor, ve Header.php içinde Header.css yolunu silsem de değişen hiç bir şey olmuyor.

    <?php
// Veritabanı bağlantısı
include 'includes/db.php'; 
include 'includes/header.php'; // Header'ı ekle
// Haberleri veritabanından çekme
$sql = "SELECT title, content, image_path, created_at FROM news ORDER BY created_at DESC";
$stmt = $pdo->query($sql);
// Hataları kontrol et
if (!$stmt) {
    die("Haberler veritabanından çekilemedi.");
}
?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Haber Sitesi - Ana Sayfa</title>
    <link rel="stylesheet" href="assets/css/style.css"> <!-- CSS dosyası -->
  • 17-09-2024, 20:20:14
    #2
    chedmade
    chedmade
    Çünki tarayıcı her zaman en son yazılan veriyi baz alır.
    header.php nin içerisine zaten .css eklıyorsunuz neden ayrıyetten index.php içerisine .css eklıyorsunuz?
    header.php ye eklediğiniz .css tüm siteye etki eder zaten.
  • 17-09-2024, 20:20:25
    #3
    DeRyaca
    DeRyaca
    Siz html head altına eklemiyorsunuz ki linki bir değişkene atayip head taginin altında onu yazdırın sorun çözülecektir
  • 17-09-2024, 20:21:55
    #4
    Serryweb
    Serryweb
    chedmade adlı üyeden alıntı: mesajı görüntüle
    Çünki tarayıcı her zaman en son yazılan veriyi baz alır.
    header.php nin içerisine zaten .css eklıyorsunuz neden ayrıyetten index.php içerisine .css eklıyorsunuz?
    header.php ye eklediğiniz .css tüm siteye etki eder zaten.
    DeRyaca adlı üyeden alıntı: mesajı görüntüle
    Siz html head altına eklemiyorsunuz ki linki bir değişkene atayip head taginin altında onu yazdırın sorun çözülecektir
    Hocam örneğin Header.php dosyasına css yolu verdim zaten ama İndex.php header.php çağırdığım zaman sadece index.php içinde olan style.css yolunu alıyor.

    örnek olarak bırakıyorum

    <!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Header with Modern Design</title>
    <link rel="stylesheet" href="assets/css/header.css"> <!-- CSS dosyasını bağlama -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- FontAwesome -->
    <style>
        /* Son Dakika haberler stil ayarları */
        .latest-news {
            background-color: #f4f4f4;
            padding: 10px 0;
            border-bottom: 1px solid #ddd;
            margin-top: 20px; /* Header'dan aşağıda görünmesi için */
        }
        .latest-news h2 {
            font-size: 24px;
            margin: 0 0 10px 20px;
        }
        .breaking-news {
            background-color: #333;
            color: #fff;
            padding: 10px 0;
            overflow: hidden;
            position: relative;
            height: 50px; /* Kayan yazının yüksekliği */
            font-size: 16px;
        }
        .breaking-news-container {
            white-space: nowrap;
            display: inline;
            position: absolute;
            left: 100%;
            animation: scroll-left 20s linear infinite; /* Süreyi artırarak daha pürüzsüz kayma sağlar */
        }
        .news-item {
            display: inline-block;
            padding-right: 50px; /* Her haber arasına boşluk ekler */
        }
        @keyframes scroll-left {
            from {
                transform: translateX(100%);
            }
            to {
                transform: translateX(-100%);
            }
        }
    </style>
</head>
<body>
<?php
// Veritabanı bağlantısı
include 'includes/db.php';
// Header menü öğelerini çekme
$sql = "SELECT menu_item_name, menu_item_link FROM header_contents ORDER BY menu_order ASC";
$stmt = $pdo->query($sql);
// Hataları kontrol et
if (!$stmt) {
    die("Veritabanı hatası.");
}
// Logoyu veritabanından çekme
$logo_sql = "SELECT logo_path FROM header_contents WHERE id = 1";
$logo_stmt = $pdo->query($logo_sql);
$logo_row = $logo_stmt->fetch(PDO::FETCH_ASSOC);
// Son dakika haberlerini çekme
$latest_news_sql = "SELECT id, title, image_path FROM news ORDER BY created_at DESC LIMIT 5";
$latest_news_stmt = $pdo->query($latest_news_sql);
$latest_news = $latest_news_stmt->fetchAll(PDO::FETCH_ASSOC);
?>
<header class="modern-header">
    <div class="header-container">
        <!-- Logo alanı -->
        <div class="logo">
            <?php
            if ($logo_row) {
                echo '<img src="' . htmlspecialchars($logo_row['logo_path']) . '" alt="Site Logosu">';
            }
            ?>
        </div>
        <!-- Menü alanı -->
        <nav class="nav-menu">
            <ul class="menu-list">
                <?php
                while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
                    echo '<li class="menu-item"><a href="' . htmlspecialchars($row['menu_item_link']) . '">' . htmlspecialchars($row['menu_item_name']) . '</a></li>';
                }
                ?>
            </ul>
        </nav>
        <!-- Arama kutusu alanı -->
        <div class="search-bar">
            <form action="search.php" method="GET">
                <input type="text" name="q" placeholder="Ne arıyorsunuz?" class="search-input">
                <button type="submit" class="search-btn"><i class="fas fa-search"></i></button>
            </form>
        </div>
    </div>
</header>
<!-- Son Dakika Haberler Bölümü -->
<section class="latest-news">
    <h2>Son Dakika</h2>
    <div class="breaking-news">
        <div class="breaking-news-container">
            <?php foreach ($latest_news as $news): ?>
                <div class="news-item">
                    <?php if (!empty($news['image_path'])): ?>
                        <img src="<?php echo htmlspecialchars($news['image_path']); ?>" alt="<?php echo htmlspecialchars($news['title']); ?>" style="width: 50px; height: auto; vertical-align: middle;">
                    <?php endif; ?>
                    <a href="news.php?id=<?php echo htmlspecialchars($news['id']); ?>"><?php echo htmlspecialchars($news['title']); ?></a>
                </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>
</body>
</html>
  • 17-09-2024, 20:26:18
    #5
    chedmade
    chedmade
    index.php ye eklediğiniz .css de de aynı css class ları varsa index.php deki class ların özelliğini baz alır header.php deki class ları es geçer.
  • 17-09-2024, 20:27:09
    #6
    DeRyaca
    DeRyaca
    Header.css yi url kısmına yazdığınız zaman ulasabiliyormusunuz
  • 17-09-2024, 20:32:04
    #7
    Serryweb
    Serryweb
    DeRyaca adlı üyeden alıntı: mesajı görüntüle
    Header.css yi url kısmına yazdığınız zaman ulasabiliyormusunuz
    Hocam sorunu çözdüm ama daha çok derde girdim şimdi, Son dakika yazısı blok halinde geliyor, bu ne saçma bir iş oldu ya