Pada suatu halaman website 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 maka akan terdapat background fixed yang berbeda, saya mencoba cari tahu kemudian saya dapat caranya, disini saya akan ajarkan tentang Cara Menerapkan Sintaq PHP Didalam CSS,
oh yah dalam penulisan atau Bahasa php bisa beragam yah, ingat, extensi php dapat membaca sintaq CSS dan html, sebaliknya extensi css dan html tidak bisa menangkap sintaq dari phpnya, oke langsung ke pokok masalah kita mulai yah caranya sangatlah mudah teman teman Cuma butuh koneksi langsung ke databases dan kita tampilkan didalamnya, oke teman teman buat folder baru bernama bebas(terserah teman teman) lalu didalam folder yang telah dibuat buat file index.php dan config.php jika sudah coba masukkan script index.php sebagai 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 untuk desain databasenya , bisa seperti ini :
Db_name : bebas
Fields :
id = int (3)
images = varchar (255)
Jika sudah semua di salinkan, coba teman teman save, oh yah untuk gambarnya saya menggunakan gambar online jika teman teman terkoneksi internet silahkan menggunakan gambar online jika tidak tersedia koneksi internet silahkan menggunakan gambar yang tersedia .
Jika sudah berikut adalah hasilnya :
Cukup mudah bukan, sekian tutorial tentang Cara Menerapkan Sintaq PHP Didalam CSS, sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA
The post Cara Menerapkan Sintaq PHP Didalam CSS appeared first on Kursus Website Terbaik.