Ödev İçin Php Kategorili Haber Sitesi

Yakın bi akrabanın php ödevini beraber yaparken geliştirdiğimiz siteyi yeni başlayanlara yol göstermesi açısından paylaşıyorum.

Öncelikle bir index.php ve duygu.css dosyası oluşturduk.

index.php dosyası:

/*
 * Dosyalar klasöründen baglanti.php dosyasını
 * olduğu gibi bu sayfaya ekliyorum
 * baglanti.php dosyasında veritabanı bilgileri yer almaktadır.
 */
require_once 'dosyalar/baglanti.php';
?><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    <title>Duygu</title>
    <link href="duygu.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <?php
    include 'dosyalar/ust.php';
    ?>
    <table cellpadding="4" cellspacing="0" class="ustmenutable">
        <tr>
            <td id="altkisimtd" >
                <table>
                    <tr>
                        <td id="sitesol" valign="top">
                            <?php
                            include 'dosyalar/sol.php';
                            ?>
                        </td>
                        <td id="sitesag" valign="top">
                            <div class="ortahaberler">
                                <?php
                                $sonuc = mysql_query("select * from haberler order by id desc Limit 0,5");
                                $habersay = mysql_num_rows($sonuc); //Haberleri sayar
                                if ($habersay != 0) {
                                    while ($oku = mysql_fetch_array($sonuc)) {
                                        echo "<h1><a href='yazi.php?id=" . $oku["id"] . "'>" . $oku["baslik"] . "</a></h1>";
                                        echo "<div class='habericerik'>" . substr($oku["yazi"], 0, 255) . "... <a href='yazi.php?id=" . $oku["id"] . "'>Devamını Oku</a></div>";
                                    }
                                } else {
                                    echo "<li>Hic haber yok!</li>";
                                }
                                ?>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <?php
    include_once 'dosyalar/alt.php';
</body>
</html>

Duygu.css dosyasının içeriği:

body{
    font-family: arial;
    font-size: 10pt;
    background-color: #993300;
    color: #ffffff;
}
a{
    color: #993300;
    text-decoration: none; //Alt çizgiyi kaldır
}
a:hover{
    color: #7c0000;
    text-decoration: underline; //altını çizer
}
.ustmenutd a{
    font-weight: bold;
    font-size: 12pt;
    color: #ffffff;
}
.ustmenutd a:hover{
    color: #bdbdbd;
}
.ustmenutable{
    width: 900px;
}
.ustmenutd{
    width: 170px;
    background-color: #468b28;
    color: #ffffff;
    text-align: center;
}
.ustmenutd:hover{
    background-color: #224114;
}
#altkisimtd{
    background-color: #ffffff;
    color:#000000;
}
#sitesol{
    width: 300px;
    border-right: 1px solid #000000; //hücrenin sağına çizgi çekmek için
    vertical-align: baseline; //yazıları yukarda tutmak için
}
#sitesag{
    padding-left: 10px;
    width: 590px;
    vertical-align: baseline; //yazıları yukarda tutmak için
}
h1{
    font-size: 13pt;
    margin-top: 6px; //Tepeden 6 pixel boşluk bıraktık
}
.ortahaberler{
    border-bottom: 1px dotted #525252;
}
.habericerik{
    padding-bottom: 5px;
}

Demo

Diğer tüm dosyalar için tıklayınız.



Leave a Reply

Formatting: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Other Entries

Kategoriler