PHP | MySQL'den Css Kodlarını Site Tasarımına Yansıtma

Merhaba arkadaşlar.
Mysql'den css kodlarını sitenin tasarımına nasıl yansıtabiliriz?
Bu resimdeki gibi mysql'den gelen kodların tasarıma yansımasını istiyorum.
 

css.sql

--
-- Tablo için tablo yapısı `css`
--

CREATE TABLE IF NOT EXISTS `css` (
  `Id` int(11) NOT NULL AUTO_INCREMENT,
  `Selector` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Width` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Height` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `BgColor` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Margin` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Padding` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Border` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Floats` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  `Clear` varchar(225) COLLATE utf8mb4_turkish_ci NOT NULL,
  PRIMARY KEY (`Id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_turkish_ci AUTO_INCREMENT=8 ;

--
-- Tablo döküm verisi `css`
--

INSERT INTO `css` (`Id`, `Selector`, `Width`, `Height`, `BgColor`, `Margin`, `Padding`, `Border`, `Floats`, `Clear`) VALUES
(1, '.container', '980px', '', '', '30px auto', '', '7', '', ''),
(2, '.content', '670px', '250px', '#F1EFE2', '', '10px', '1px solid #ccc', 'left', ''),
(3, '.sidebar', '250px', '250px', '#F1EFE2', '', '10px', '1px solid #ccc', 'right', ''),
(4, '.header', '', '50px', '#F1EFE2', '', '10px', '1px solid #ccc', '', ''),
(5, '.footer', '', '50px', '#F1EFE2', '', '10px', '1px solid #ccc', '', ''),
(6, '.clean', '', '', '', '', '', '', '', 'both'),
(7, '.main', '', '', '', '20px 0', '', '', '', '');

index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Anasayfa</title>
</head>
<body>
    
<div class="header">Header</div>
<div class="container">
    <div class="content">İçerik</div>
    <div class="sidebar">Menü</div>
    <div class="clean"></div>
</div>
<div class="footer">Footer</div>

</body>
</html>

style.css

.header {padding: 10px; height: 50px; background-color: #f1efe2; border: 1px solid #ccc;}
.container {width: 980px; margin:30px auto;}
.content {width: 670px; height: 250px; padding: 10px; float:left; background-color: #f1efe2; border: 1px solid #ccc;}
.sidebar {width: 250px; height: 250px; padding: 10px; float:right; background-color: #f1efe2; border: 1px solid #ccc;}
.footer {padding: 10px; height: 50px; background-color: #f1efe2; border: 1px solid #ccc;}
.clean {clear: both;}

 

Bunun için iki yöntem kullanılabilir;

1- Head etiketleri arasına style etiketi açıp içine css kodlarını basabilirsin.

2- Özel bir css dosyası olur. Bu css dosyasında yazılım ile kişinin kendi yazdığı stiller bulunur. Arkaplanda stil eklendikçe bu dosyanın içeriği güncellenir.

Nurullah Bey küçük bir örnek verebilir misiniz?

Birinci yöntem için aşağıdaki kod yapısını inceleyebilirsiniz.

 

İkinci yöntem için ise aşağıdaki gibi ozel.css sayfaya dahil edilecek. Yönetim panelinden de stil eklendiği zaman ozel.css sayfasının içeriği güncellenecek.

CSS dosyası içerisinde PHP kodu yazabilir miyiz?

Yok yazamazsınız. Php'de dosya oluşturup içinede istediğimiz css kodlarını yazıcaz. Bunun için Php'de dosya işlemlerini araştırın.

Teşekkür ederim.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git