Webmaster общности: Predpriemach.com | SearchEngines.bg

    Смяна на размера на шрифта с PHP и CSS

    Автор: LinuxBG

    За да направим прост скрипт който да сменя размера на шрифта
    ще ни трябват няколко файла (зависи от вас .. аз ще използвам 4).

    Да започнем с index.php

    <?php
    session_start(); // Започваме нова сесия
    if(!isset($_GET["razmer"]) || $_GET["razmer"] == "malyk" || $_GET["razmer"] == "sreden" || $_GET["razmer"] == "golqm") {
    $_SESSION["razmer"] = $_GET["razmer"]; // Взимаме стойноста ?razmer и я добавяме като сесия
    if(!isset($_SESSION["razmer"])) {
    $_SESSION["razmer"] = "sreden"; // Ако не е сетната сесията 'razmer' използваме 'sreden' размер на шрифта
    }
    }
    else { print "Requested page not found!"; exit; }
    ?>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>.: Смяна на размера на текста с PHP и CSS :.</title>
    <meta http-equiv='Content-Type' content='text/html;charset=windows-1251'>
    <link rel='stylesheet' type='text/css' href='<?php echo $_SESSION["razmer"]; ?>.css' media='screen'><!-- Тука избираме CSS файла (стойноста на сесията 'razmer') -->
    </head>
    <body>
    <center><!-- Връзките за смяна на шрифта :) -->Размер на текста: <a href='?razmer=malyk'>малък</a> | <a href='?razmer=sreden'>среден</a> | <a href='?razmer=golqm'>голям</a><br /><br />
    <p>Прост текст :) ... само да демонстрираме промяната във размера на текста. По този начин можете да промените цвета ... абе с две думи всичко което може да се направи с CSS. Enjoy It! ... <b>linuxbg</b></p>
    </center>
    </body>
    </html>

    След което създаваме необходимите CSS файлове.
    За да стане по-лесно файловете ще бъдат ‘malyk.css’, ‘sreden.css’ и ‘golqm.css’ (като сесиите)

    Първо ще направим ‘malyk.css’ както се подразбира от името това ще е най-малкият размер 🙂

    p {
    font-size: 9px;
    font-family: Verdana,Tahoma,Arial;
    }

    Следва ‘sreden.css’

    p {
    font-size: 12px;
    font-family: Verdana,Tahoma,Arial;
    }

    и накрая ‘golqm.css’ (най-големият размер)

    p {
    font-size: 19px;
    font-family: Verdana,Tahoma,Arial;
    }