Home
Computer
DAFTAR ISI
PROFILE
Border adalah sebuah bentuk garis yang mengelilingi area gambar atau tulisan yang berbentuk kotak.
tujuannya bisa bermacam-macam tergantung jenis Border/kotak tersebut.
Saya akan memberikan 2 (Dua) contoh kotak border tersebut.
pertama adalah kotak border auto:
Kotak border ini dapat difungsikan untuk menandai satu area posting yang akan dipisahkan dari artikel lainnya didalam kotak.
lebar dan panjang secara otomatis akan mengikuti banyaknya tulisan/gambar yang akan Diberi batas
misalnya, jika Anda membuat tulisan yang akan diberi kotak adalah 10 baris, maka kotak tersebut akan menyesuaikan dari margin awal baris atas dan menutup di bawah akhir barisan, sehingga 10 baris tulisan menjadi full post ( terlihat seluruhnya dalam kotak, sedang samping kanan kiri akan menyesuaikan kotak post background.
kedua adalah border kotk scroll atau kotak scroll:
sebanyak apapun tulisan yang ada dalam kotak akan tampak menurut ukuran kotak yang dibuat.
misalnya, jika Anda menulis 10 baris yang diberi kotak scroll, sedangkan ukuran yang Anda buat
adalah 400 px x 75 px maka lebar tulisan yang tampak adalah 400px dan baris tulisan tampak sebatas 75px, untuk melihat tulisan keseluruhannya adalah dengan cara menggulung keatas atau kebawah, sehingga fungsi Kotak scroll ini dapat menghemat ruang Posting.
Okey..Uraian diatas malah akan membuat bingung anda, sebaiknya mari kita praktekan langsung;
KODE BORDER
pertama Anda harus tahu Kodenya dulu untuk membuat Korak Border tersebut.
1. Untuk Border Otomatis Kodenya adalah sbb:
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>letakkan tulisan/gambar yang akan diborder disini</blockquote>
</span></div>
2. Untuk Kode Border Kotak scroll adalah:
<div style="overflow:auto; padding:5px; width:400px; height:75px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">letakkan tulisan/gambar yang akan diborder disini</div>
PENERAPAN:
cara penulisan kode harus berada pada mode HTML bukan COMPOSE.
Untuk Contoh 1. border Otomatis:
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;"><span class="fullpost"><blockquote>
Sifat Malaikat
Sifat-sifat malaikat yang diyakini oleh umat Islam adalah sebagai berikut:
1. Selalu bertasbih siang dan malam tidak pernah berhenti.
2. Suci dari sifat-sifat manusia dan jin, seperti hawa nafsu, lapar, sakit,
makan, tidur, bercanda, berdebat, dan lainnya.
3. Selalu takut dan taat kepada Allah.
4. Tidak pernah maksiat dan selalu mengamalkan apa saja yang
diperintahkan-Nya.
5. Mempunyai sifat malu.
6. Bisa terganggu dengan bau tidak sedap, anjing dan patung.
7. Tidak makan dan minum.
8. Mampu mengubah wujudnya.
9. Memiliki kekuatan dan kecepatan cahaya.
Sehingga jika diterapkan pada Mode Html menjadi:
Untuk contoh 2. border Kotak Scroll:
Penulisan sama dengan diatas, pada tulisan yang berwarna merah adalah yang diganti dengan tulisan artikel Sifat Malaikat.
sehingga menjadi seperti berikut :
Atau jika untuk gambar maka postingannya menjadi seperti ini:
tujuannya bisa bermacam-macam tergantung jenis Border/kotak tersebut.
Saya akan memberikan 2 (Dua) contoh kotak border tersebut.
pertama adalah kotak border auto:
Kotak border ini dapat difungsikan untuk menandai satu area posting yang akan dipisahkan dari artikel lainnya didalam kotak.
lebar dan panjang secara otomatis akan mengikuti banyaknya tulisan/gambar yang akan Diberi batas
misalnya, jika Anda membuat tulisan yang akan diberi kotak adalah 10 baris, maka kotak tersebut akan menyesuaikan dari margin awal baris atas dan menutup di bawah akhir barisan, sehingga 10 baris tulisan menjadi full post ( terlihat seluruhnya dalam kotak, sedang samping kanan kiri akan menyesuaikan kotak post background.
kedua adalah border kotk scroll atau kotak scroll:
sebanyak apapun tulisan yang ada dalam kotak akan tampak menurut ukuran kotak yang dibuat.
misalnya, jika Anda menulis 10 baris yang diberi kotak scroll, sedangkan ukuran yang Anda buat
adalah 400 px x 75 px maka lebar tulisan yang tampak adalah 400px dan baris tulisan tampak sebatas 75px, untuk melihat tulisan keseluruhannya adalah dengan cara menggulung keatas atau kebawah, sehingga fungsi Kotak scroll ini dapat menghemat ruang Posting.
Okey..Uraian diatas malah akan membuat bingung anda, sebaiknya mari kita praktekan langsung;
KODE BORDER
pertama Anda harus tahu Kodenya dulu untuk membuat Korak Border tersebut.
1. Untuk Border Otomatis Kodenya adalah sbb:
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>letakkan tulisan/gambar yang akan diborder disini</blockquote>
</span></div>
2. Untuk Kode Border Kotak scroll adalah:
<div style="overflow:auto; padding:5px; width:400px; height:75px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">letakkan tulisan/gambar yang akan diborder disini</div>
PENERAPAN:
cara penulisan kode harus berada pada mode HTML bukan COMPOSE.
Untuk Contoh 1. border Otomatis:
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;"><span class="fullpost"><blockquote>
Sifat Malaikat
Sifat-sifat malaikat yang diyakini oleh umat Islam adalah sebagai berikut:
1. Selalu bertasbih siang dan malam tidak pernah berhenti.
2. Suci dari sifat-sifat manusia dan jin, seperti hawa nafsu, lapar, sakit,
makan, tidur, bercanda, berdebat, dan lainnya.
3. Selalu takut dan taat kepada Allah.
4. Tidak pernah maksiat dan selalu mengamalkan apa saja yang
diperintahkan-Nya.
5. Mempunyai sifat malu.
6. Bisa terganggu dengan bau tidak sedap, anjing dan patung.
7. Tidak makan dan minum.
8. Mampu mengubah wujudnya.
9. Memiliki kekuatan dan kecepatan cahaya.
</blockquote></span></div>
Sehingga jika diterapkan pada Mode Html menjadi:
Sifat Malaikat
Sifat-sifat malaikat yang diyakini oleh umat Islam adalah sebagai berikut:
1. Selalu bertasbih siang dan malam tidak pernah berhenti.
2. Suci dari sifat-sifat manusia dan jin, seperti hawa nafsu, lapar, sakit,
makan, tidur, bercanda, berdebat, dan lainnya.
3. Selalu takut dan taat kepada Allah.
4. Tidak pernah maksiat dan selalu mengamalkan apa saja yang diperintahkan-Nya.
5. Mempunyai sifat malu.
6. Bisa terganggu dengan bau tidak sedap, anjing dan patung.
7. Tidak makan dan minum.
8. Mampu mengubah wujudnya.
9. Memiliki kekuatan dan kecepatan cahaya.
Untuk contoh 2. border Kotak Scroll:
Penulisan sama dengan diatas, pada tulisan yang berwarna merah adalah yang diganti dengan tulisan artikel Sifat Malaikat.
sehingga menjadi seperti berikut :
Sifat Malaikat
Sifat-sifat malaikat yang diyakini oleh umat Islam adalah sebagai berikut:
1. Selalu bertasbih siang dan malam tidak pernah berhenti.[29]
2. Suci dari sifat-sifat manusia dan jin, seperti hawa nafsu, lapar, sakit,
makan, tidur, bercanda, berdebat, dan lainnya.
3. Selalu takut dan taat kepada Allah.
4. Tidak pernah maksiat dan selalu mengamalkan apa saja yang diperintahkan-Nya.
5. Mempunyai sifat malu.
6. Bisa terganggu dengan bau tidak sedap, anjing dan patung.
7. Tidak makan dan minum.
8. Mampu mengubah wujudnya.
9. Memiliki kekuatan[37][38] dan kecepatan cahaya.
Sifat-sifat malaikat yang diyakini oleh umat Islam adalah sebagai berikut:
1. Selalu bertasbih siang dan malam tidak pernah berhenti.[29]
2. Suci dari sifat-sifat manusia dan jin, seperti hawa nafsu, lapar, sakit,
makan, tidur, bercanda, berdebat, dan lainnya.
3. Selalu takut dan taat kepada Allah.
4. Tidak pernah maksiat dan selalu mengamalkan apa saja yang diperintahkan-Nya.
5. Mempunyai sifat malu.
6. Bisa terganggu dengan bau tidak sedap, anjing dan patung.
7. Tidak makan dan minum.
8. Mampu mengubah wujudnya.
9. Memiliki kekuatan[37][38] dan kecepatan cahaya.
Atau jika untuk gambar maka postingannya menjadi seperti ini:
MOUSE
MEYSE
MEYSE
Semoga Bermanfaat dan mudah untuk Anda terapkan. Salam sukses untuk Anda.
No comments:
Post a Comment