Cara Menerapkan Sintaq PHP Didalam CSS
Di suatu halaman situs portal berita saya melihat terdapat isi berita yang terdapat didalamnya ada background fixed yang tak mungkin kita tentukan gambar itu sendiri, ketika judul berita lain saya pilih karenanya akan terdapat background fixed yang berbeda, saya mencoba cari tahu kemudian saya dapat caranya, disini saya akan ajarkan mengenai Cara Mengaplikasikan Sintaq PHP Didalam CSS,
oh yah pada penulisan atau Bahasa php dapat beragam yah, ingat, extensi php dapat membaca sintaq CSS dan html, sebaliknya extensi css dan html tak dapat menangkap sintaq dari phpnya, oke seketika ke utama masalah kita mulai yah caranya sangatlah gampang teman teman Cuma butuh koneksi seketika ke databases dan kita tampilkan didalamnya, oke teman teman bikin folder baru bernama bebas(terserah teman teman) lalu didalam folder yang telah dibangun bikin file index.php dan config.php kalau telah coba masukkan script index.php selaku berikut :
index.php
<header>
<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam molestiae voluptatibus omnis quod quaerat maiores cupiditate, consectetur explicabo. Perferendis quia, ducimus nam dolorem amet ipsum tempore provident consequatur sit natus!</h1>
</header>
<article>
<h1>lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
</article>
<div class=content style=background: url('<?php echo $hasil['images']?>') fixed; height: 700px>
</div>
<div class=katalagi>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores beatae aspernatur perferendis, libero recusandae quod. Numquam dolorem, sapiente deserunt nostrum doloribus, hic, qui accusamus laborum minus fugit cum rem sed.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic perspiciatis suscipit ipsam tenetur fuga aperiam repellat dolores ipsa inventore neque temporibus architecto numquam repudiandae tempora eum, quibusdam nostrum at labore?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum esse delectus, placeat, aut obcaecati doloribus, quo quia assumenda officiis praesentium molestiae. Ab vel quis ducimus, aliquid. Quibusdam, optio quod ratione.</p>
</div>
<footer>
copyright © <?php echo date(Y); ?>
</footer>
config.php
<?php
$host = 'localhost';
$name = 'dumet';
$pass = 'school';
$db = 'webmaster';
$con = mysqli_connect($host,$name,$pass,$db);
$sql =mysqli_query($con, SELECT * FROM ismet_id WHERE id = '1' );
$hasil = mysqli_fetch_array($sql);
?>
Oh yah bagi desain databasenya , dapat seperti ini :
Db_name : bebas
Fields :
id = int (3)
images = varchar (255)
Sekiranya telah segala di salinkan, coba teman teman save, oh yah bagi gambarnya saya menggunakan gambar online kalau teman teman terkoneksi internet silahkan menggunakan gambar online kalau tak terdapat koneksi internet silahkan menggunakan gambar yang terdapat .
Sekiranya telah berikut yakni hasilnya :
Lumayan gampang bukan, demikian panduan mengenai Cara Mengaplikasikan Sintaq PHP Didalam CSS, hingga bertemu diartikel berikutnya dan hingga jumpa.
#KeepLearn
#IsmetMA
Sumber https://kursuswebsite.org
