Pre didukung oleh semua jenis browser, baik dari Safari, Chrome, IEsuckbrowser paling rewel, Firefox, dll. Bagi para MPer yang biasa menampilkan contoh-contoh kode css, html, php, sql atau kode yang lain dalam posting, bisa memperindah tampilannya dengan mengkreasikan elemen pre dalam css customized masing-masing.
Untuk saya yang biasa menggunakan bahasa SQL misalnya, akan menuliskan dalam MP saya seperti ini
<pre>SELECT NOW();</pre>
Maka hasilnya akan seperti ini:
SELECT NOW();
Pre dapat memiliki atribut : lang, class, id, style, title dll, dimana semuanya dapat dikreasikan dengan style tertentu.
Pre ini bagus juga digunakan untuk yang biasa menuliskan tablature gitar misalnya seperti hasil berikut
When the Children CryPada halaman saya, pre telah saya set pada css saya dengan kode kira kira seperti ini:
White Lion
Intro:
e|0-------12-------|10-------8--7----|10-------8-------|7----------3--2--|
B|--0---0----0---0-|---0---0---0--0--|---0---0---0---0-|---0---0---------|
G|----0--------0---|-----0-----------|-----0-------0---|-----0-----------|
D|-----------------|-----------------|-----------------|-----------------|
A|-----------------|-----------------|-----------------|-----------------|
E|0----------------|-----------------|-----------------|-----------3--2--|
e|0-------12-------|10-------8--7----|10-------8-------|7----------------|
B|--0---0----0---0-|---0---0---0--0--|---0---0---0---0-|---0---0---0--3--|
G|----0--------0---|-----0-----------|-----0-------0---|-----0-----------|
D|-----------------|-----------------|-----------------|-----------------|
A|-----------------|-----------------|-----------------|-----------------|
E|0----------------|-----------------|-----------------|-----------3--2--|
pre{
font-family:courier;
width:90%;
overflow:auto;
font-size:11px;
color:#111;
background:#eee;
border:1px solid #b07d14;
padding:5px 5px 5px 5px;
font-weight:bold;
}
pre .sql{
color:#000;
}
pre .html{
color:#0000e1;
}Dengan demikian saya pun tinggal memilih styling ketika sebuah text atau post membutuhkan styling khusus sesuai Pre seperti berikut..
<pre class="html"><html><head><title>MDRCCT</title><link rel="stylesheet" href="css/style.css" type="text/css"></head></pre>
Mudah bukan? hmm semoga berguna, tapi mbuh juga ini postingan apa? Daripada bingung MP dianggurin
Iki marai tumaku semaput..
BalasHapusbanget!
BalasHapusBwahahahha... thanks ilmu nya ya om! :D
BalasHapuslha tumamu wis marai aku semafut sik jeeeh
BalasHapusmari kita nidur
BalasHapusiseng , lagi lupa cara psting sih hahahahaa
BalasHapusehem.. klo mainan ini ada jaminan gak tar gak kena jotos :D
BalasHapusmaklum hal-hal dari mas Bim ini sering membahayakan hehehe
ah ndak... tenang aja... siapa berani joTOS, aku lari dah
BalasHapusckckck...^^
BalasHapusseperti suara seseorang yang sedang memanggil ayam... ::D
BalasHapusAh, ente koq bisa bahasa kode ayam ya. Gimana ceritanya? @_@
BalasHapusiya hahahaha, dulu bapak saya juragan ternak ayam hibro..
BalasHapusBapak ente itu juragan ayam ya? #koq tauw?# Soalnya ente telah men-ckckck-an hatiku..... :xd
BalasHapusapa kabar mas bimo?
BalasHapusSy ngertinya cuma htlm dan css doang. Ooo jadi 'pre' itu nantinya juga disisipi di CSS ya? *manggut2
lah elemen PRE we ra ngerti artine kok kang hahahaa
BalasHapuswakakakakakak... dulunya iya... sekarang saya aja deh juragan ayam...
BalasHapus*carimodal buat ternak
nggak usah ngerti mba Niez..
BalasHapusRibet..
gak baik untuk rambut kriwil hihi
alhamdulillah baik...
BalasHapussetahu saya , pre adalah elemen seperti a, table, h, p, body, head, yang dia elemen utama yang bisa diikuti dengan atribut id, style dll... kira kira gitu mas
eh artine apa ya??? nek mbiyen ono game jenenge pre, Prehistorik hahahah
BalasHapusemangnya saya nggak kriwil?????? udah kriwil, rontok lagi!!!
BalasHapus*lempar helem ... anti diskriminasi kriwil
laah dikau kan udah cepak gitu.
BalasHapussealiran ama gotrek yang hemat sampo haha
kalau ini khan menyembunyikan kekriwilan ajaaa...
BalasHapusWokey, manteb ilmune meski aku lom paham² juga hahaha.
BalasHapusWeh.. weh, jyan aku mringis delok kode koyok ngene kie, Yawes tak pelajari maning, sopo eruh mengko aku duwe web dewe.. Suwon ilmune pakdhe
BalasHapusikutan belajar, ah...:)
BalasHapusapa kabar, mas Bimo?
seneng white lion juga yah...
sebenarnya saya nggak bisa mas, cuma ini sekalian belajar, saya catat di MP heheheh
BalasHapusaku yo mringis kok
BalasHapusmonggo mas suga, apa kabar juga, saya senantiasa baik... mestinya njenengan juga...
BalasHapussaya seneng slowrock ballad lama mas... :D
mudah mbahmu kiper ik...
BalasHapus:(
howasyu ik? :(( mbahku ki tukang nadahi lengo je, dudu kiper
BalasHapusEMOSI AKU!!!
BalasHapusNEK KIPER NJUR NGOPO??????
hmm
BalasHapushmm
hmm
Kiper..? Kok iso yo pisuhan kok kiper? Ketemu pirang perkara.....
*kepikiran...
Tab gitar T__T
BalasHapusGek ngerti nek itu courier
yen nganggo sing ra jenis kui, mawut... soale antar karakter beda width nya
BalasHapusIya, emang mawut, tapi nek di print dadi hemat tempat :p
BalasHapusJadi ada yg kuhapus2..termasuk tanda pemisah bar-nya juga didelete..hwkwk..
ha nek ngisor nduwur akeh 0 karo 1 ne khan remuk tampilane dik, belum lagi sing melibatkan tanda teknis bending, pull-up, tapping, hammer, sliding dll
BalasHapusWah, belom nyampe situ *rung iso moco bending, pullup, tapping, hammer, sliding*
BalasHapusBiasane tak siasati pake tanda penghubungnya. Yang penting angkanya ada, tempo dll, belajarnya langsung dari lagunya,,,hak hak
*abisnya bisa baca tab gitar dengan cepet jg baru2 ini*
tetep ramudeng..
BalasHapuswong aku sing nulis yo ra mudeng kok
BalasHapusha kiper o'on weee...
BalasHapusmosok ngadepin barca isa kejebolan lima kosong...
huuuuuuuuuuu
coba...coba....
BalasHapusngertiku pre-wed...
BalasHapus