Reflected XSS On mirror.22xploitercrew.com

on
2

Learn Basic CSS With OFFICIALFCA

on
Learn Basic CSS With OFFICIALFCA



CSS adalah bahasa kedua setelah HTML yang harus dipelajari seorang web developer.
Pengetahuan tentang CSS sangatlah penting bagi seorang web developer, karena dengan CSS kita bisa:
  • Halaman landing page yang menarik;
  • Template atau tema blog;
  • Mengubah PSD (Desain web) menjadi HTML;
  • dan sebagainya.
  • Contoh yang tidak pake CSS & Contoh yang pake CSS

Aaowkaowkaowko

Oke ke latihanya yah cuk cukque

untuk yang user android kalian bisa gunakan Dcoder & Untuk Pengguna PC/LAPTOP bisa gunakan SublimeText

- Lantihan Mempercantik
Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v 
<html>
<head>
    <title>OFFICIALFCA</title>
        <style type="text/css">
          h1 {color:#000000;}
          h2 {color:#ffffff;}
          h3 {color:#006600;}
</style>
</head>
<body>
<h1> FRI3NDS CYBER ARMY </h1>
<h2> ./CR0T_D1LU4R </h.>
<h3> Desain Website </h3>
</body>
</html>

Lalu Kalian Pastekan Di Tempat Kalian Coder, Nah Nanti Kalian Save Dengan Nama Kalian contoh. FCA.html 

nah nanti tampilan nya akan seperti ini 

Sangat Sangat Ambyar akowkawoakw oke skrng kita coba bikin cakep bet cakep pokok nya

Kalian buka file yang kalian save tadi yang hasil copas :v trus tambahkan code ini

<html>  

<head>
    <title>OFFICIALFCA</title>
        <style type="text/css">
          h1 {
          text-align:center;
          color:#990000;
          text-decoration:underline;
          letter-spacing:1.2cm;
          }
          h2 {
          text-align:left;
          color:#000099;
          text-decoration:overline;
          }
           h2 {
          text-align:right;
          color:#006600;
          text-decoration:line-through;
          }

</style>
</head>
<body>
<h1> FRI3NDS CYBER ARMY </h1>
<h2> ./CR0T_D1LU4R </h2>
<h3> Desain Website </h3>
</body></html>

Nah kalo sudah di ubah kalian save ulang bedain nama file nya ( fca2.html ) nanti tampilan nya akan seperti ini


Nah berubah kan lebih cakep bet cakep ke gua terlalu cakep awokoawko tapi ini masih dasar yah

- Latihan Membuat TEXT TRANSFORM 

Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v 

<html>
  <head>
    <title> OFFICIALFCA </title>
    <style type="text/css">
      h1 {text-transform:none;}
      h2 {text-transform:capitalize;}
      h3 {text-transform:lowercase;}
      h4 {text-transform:uppercase;}
    </style>
 </head>
 <body>
    <h1> FRI3NDS CYBER ARMY </h1>
    <h2> https://crotdiluar.blogspot.com </h2>
    <h3> Latihan CSS </h3>
    <h4> Author ./CR0T_D1LU4R </h4>
  </body>
</html>

nah itu nanti jadi nya seperti ini asu


nah jadi nya seperti ini yah cuk itu source code bisa kalian ubah sesuka hati kalian karna ini buat latihan jadi saya buat simple aja.

- Latihan Perindah Text

Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v

 <html>

<head>

<title>OFFICIALFCA</title>
  <style type="text/css">
  indah {
  border-color:#ff9900;
  border-style:solid;
  border-width:thin;
  background-color:#000000;
  color:#FFFFFF;
  }

  </style>
  </head>

  <body>
    <h1>
   <span class="indah">Latihan CSS -> Memperindah Teks By ./CR0T_D1LU4R ! OFFICIALFCA</span>
      </h1>
      </body>
   </html>

Nanti tampilan nya akan seperti ini ea cuk


yupss seperti ini tampilan nya oke kita lanjut ke latihan berikutnya.

- Latihan Membuat DropCap

Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v

<html>

 <head>
<title> Latihan CSS By ./CR0T_D1LU4R</title>
  <style type="text/css">
 p {text-align:justify;}
 dropcap {
 width: 2px;
 height: 2px;
 float:left;
 text-align:center:
 font-size: 40px;
 color:black;
 font-style:italic
 }
 </style>
 </head>
 <body>
   <p>
     <span class="dropcap">FRI3NDS CYBER ARMY Is A Technology Science Community Established On 12/5/2018 Led By ./CR0T_D1LU4R Which Is Developing In The Field Of Programmers And Defacers</span>
     </p>
   </body>
 </html>

nanti tampilan nya akan seperti ini.


nah contoh sedikit seperti itu lah, kita lanjut ke latihan berikut nya untuk mengetahui jenis font yah

- Latihan Membuat Jenis Font

Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v

 <html>
  <head>
    <title> OFFICIALFCA </title>
    <style type="text/css">
    h1 {font-family:sans-serif;}
    h2 {font-family:Times New Roman;}
    h3 {font-family:verdana;}
  </style>
</head>
<body>buat
   <p>

      <h1> FRI3NDS CYBER ARMY </h1>
      <h2> Latihan CSS </h2>
      <h3> Author By ./CR0T_D1LU4R </h3>
    </p>
 </body>
</html>

Nanti gambar nya akan seperti ini


nah akan seperti ini lah cuk gua buat nya yang simple simple aja yah karna kalo terlalu paten ber paten cape gua ngetik nya yang ada ni tutorial lama jadi nya anjg, next kita latiahan buat ukuran font yah

- Latihan Membuat Ukuran Font
Buatlah Seperti Source Code ini / Copy Paste Juga Boleh :v

<html>

<head>

<title> Belajar Css By .CROT_D1LU4R </title>
<style type="text/css">
h1 {font-family:Arial;
font-size:14px;
color:#ff0000;
}
h2 {font-family:verdana;
font-size:10px;
color:003399;
text-align:justify;
}
</style>
</head>
<body>
   <p>
     <h1>Teknik : Mempercantik Tampilan Website Dengan Css By ./CR0T_D1LU4R ! OFFICIALFCA.</h1>

     <h2>Untuk Mempercantik Tamplian Website Cuk Dengan Script Yang Dapat Klean Gunakan Yaitu CSS (Cascading Style Sheet)</h2>
      </p>
      </body>
</html>

Nanti tampilan nya akan seperti ini yah cuk


Nah cuk klean lihat itu di pict Text yang warna MERAH lebih besar di banding yang BIRU nah itu lah fungsi nya
kalo kalian ngira nya ko cuma gini ?

NETIZEN: kalo gini doang mah gua mending copy paste punya orang lebih bagus dari ini :v

Nah cuk gini yah lebih baik kita belajar dari dasar dari pada kita so PRO padahal SCRIPT KIDDIE

Oke Mungkin Cukup Sekian yah Latihan Dasar Belajar CSS nya nanti kita sambung di articles berikut nya

Learn Basic CSS Simple Code

Oke Seeyou di Tutor CSS berikut nya

Author: ./CR0T_D1LU4R

Join WIth Me On Instagram: Touch Me

Comments

Post a Comment