Çü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.
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>