Other

Oleh
Logo Framecss Framework CSS Indonesia

Tiktok

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat web dengan menggunakan Framecss Framework

Oleh
Jika Anda ingin membuat web dengan menggunakan Framecss Framework, Anda dapat menggunakan template dasar berikut ini: ```html <!DOCTYPE html> <html lang="id"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <!-- Menambahkan file FrameCSS -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nelsenpro/framecss/dist/frame.min.css">     <title>Web dengan FrameCSS</title> </head> <body>     <!-- Menulis konten web di sini -->     <h1>Halo, ini adalah web dengan FrameCSS</h1>     <p>FrameCSS adalah sebuah framework CSS yang ringan dan mudah digunakan.</p>     <button class="btn btn-primary">Tombol</button> </body> </html> ``` Template dasar ini sudah mencakup file Framecss Framework yang dapat Anda tambahkan ke...
Baca selengkapnya

Bagaimana cara menyesuaikan tema di framecss?

Oleh
Untuk menyesuaikan tema di framecss, Anda dapat menggunakan variabel CSS yang disediakan oleh framecss. Variabel CSS ini memungkinkan Anda mengubah warna, ukuran, font, dan properti lainnya dari elemen-elemen framecss. Anda dapat menemukan daftar lengkap variabel CSS di dokumentasi framecss di framecss Framework . Berikut adalah contoh cara menyesuaikan tema di framecss dengan mengubah warna latar belakang dan warna teks: ```css /* Menyesuaikan tema dengan variabel CSS */ @import url('https://cdn.jsdelivr.net/gh/nelsenpro/framecss/dist/frame.min.css'); :root {     /* Mengubah warna latar belakang dan teks sesuai keinginan */     --blue: #4285F4;     --red: #DB4437;     --yellow: #F4B400;     --green: #0F9D58; } ``` contoh:  ``` <!DOCTYPE html> <html lang="id"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     ...
Baca selengkapnya

Bagaimana cara menggunakan Google Fonts di Framecss Framework

Oleh
Bagaimana cara menggunakan Google Fonts Framecss Framework? Lihat Google Fonts   ``` <style type="text/css" media="all">     /* hubungkan Framecss */     @import url(data/frame.css);          /* buat class google fonts kamu disini~ online */     .Exo {         font-family: Exo;     }     .Alegreya-Sans {         font-family: 'Alegreya Sans', sans-serif;     }     .Maven-Pro {         font-family: 'Maven Pro', sans-serif;     }     .Oxygen {         font-family: 'Oxygen', sans-serif;     }          /* modifikasi body */     body {         margin: 12px;     } </style> <h2 class="blue">Google Fonts :</h2> <p class="Source-Code-Pro merah">     Lorem ipsum dolor sit amet, consectetu...
Baca selengkapnya