CSS Tabbed menu navigation

menu tabbed navigation

hasil akhir nya seperti ini

akhir

untuk itu butuh dua buah source:

tabbed sebelah kiri tableft8

tabbed sebelah kanantabright8

save-as saja gambar-gambar source diatas

buat sebuah file html baru dan masukan kode html berikut

  1. <html>
  2. <head><title>Tabbed Navigation</title>
  3. <link href=“tabbed8.css” rel=“stylesheet” type=“text/css”>
  4. <body>
  5. <div id=“tabs8”>
  6. <ul>
  7. <li><a href=“1.php”><span>1</span></a></li>
  8. <li><a href=“2.php”><span>second</span></a></li>
  9. <li><a href=“3.php”><span>third ketiga</span></a></li>
  10. <li><a href=“long.php”><span>looooooong text</span></a></li>
  11. <li><a href=“5.php”><span>Ipsum</span></a></li>
  12. </ul>
  13. </div>
  14. </body>
  15. </html>

buat sebuah file css baru beri nama tabbed8.css dan masukan kode-kode berikut:

body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

#tabs8
{
float:left;
background:#fcf1cc;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #E276A7;
}

#tabs8 ul {
margin:0px; /* membuang jarak */
padding:10px 10px 0 50px; /* posisi list */
list-style:none; /* membuang dooted list*/

}

#tabs8
li {
display:inline; /* membuat list menjadi horizontal */
margin:0px;
padding:0px;
}

#tabs8
a {
float:left;
background:url(tableft8.gif) no-repeat left top; /*gambar tabbed kiri */

margin:0;
padding:0 0 0 4px;
text-decoration:none; /* membuang underline */
}

#tabs8
a span {
float:left;
display:block;
background:url(“tabright8.gif”) no-repeat right top;
padding:5px 15px 4px 6px;
color:#333;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span {float:none;}
/* End IE5-Mac hack */

#tabs8 a:hover span {
color:#591333;
}


#tabs8
a:hover {
background-position:0% -42px;
}

#tabs8
a:hover span {
background-position:100% -42px;
}

rahasia tabbed ini adalah

memindahkan posisi background gambar

saat mouse berada diatas objek (hover)

pada html jangan lupa untuk menambahkan <span> (lihat kode html) sehingga gambar source tabbed kanan dapat ditampilkan

Advertisements

garis disekeliling hyperlink gambar

jika kirim email dengan hyperlink dan objek hyperlink tersebut memakai gambar, atau membuat hyperlink dengan objek image.

maka secara otomatis disekeliling gambar akan muncul garis

hasil_1dan kode pembentuk  (sengaja saya buat sederhana sekali)

code_start

garis ini kadang membuat desain web menjadi ‘tidak enak’ dilihat

jadi hilangkan saja dengan sedikit css pada tag img

dan hasil nya

code_hasil_finish

garis hyperlink menghilang …

Script PHP format email HTML

Beberapa hari yang lalu, bulan mei tanggal 20 an

membuat mekanisme sederhana untuk sebuah pemesanan eticket theone-management untuk konser Maliq d’essential yang ke 7.judul nya 7 7 7 apagitu lupa deh.

mekanisme nya cukup sederhana,

pemesan melakukan pesanan di website, dan kirim email ke client dan operator tiket

yang jadi masalah adalah keinginan (pribadi sih, maap ya kawan2 team, inisiatif tanpa bilang2) untuk menampilkan banner 7 year celebration dan gambar + url inksomnia solution pada email yang dikirimkan.

karena metode yg selama ini dipakai implementasi pada inksomnia streetwear. adalah mengirimkan email dalam bentuk format text.

<?PHP
$alamat_tujuan = “G3n1k@yahoo.com”;
$subject_mail = “Biliard Bersama”;
// ubah isi message menjadi format html
$isi_message = “<a href=’https://g3n1k.wordpress.com&#8217; alt=’powered by:Wordpress’>”;
$isi_message .= “<img src=http://0.gravatar.com/avatar/6abae3358bfa1b9ba2b012da63d93648?s=128&d=identicon&r=G></a>”;
$isi_message .= “<br/><h1>Final Biliard <br>tanggal 05 <br>bulan mei <br>jam 21:00. <br>jangan telat ya</h1>”;

// penambahan header agar email dibaca sebagai format html
$header_mail = ‘MIME-Version: 1.0’ . “\r\n”;
$header_mail .= ‘Content-type: text/html; charset=iso-8859-1’ . “\r\n”;
// alamat untuk reply
$header_mail .= From: Admin Biliard bersama <x.g3n1k@gmail.com>”;
$header_mail .= Reply-to:x.g3n1k@gmail.com”;

$laporan_kirim = mail($alamat_tujuan, $subject_mail, $isi_message, $header_mail);
// pesan email terkirim
if($laporan_kirim) {
echo “email pemberitahuan terkirim”;}
else {
echo “Error, kegagalan pengiriman email”;
}
?>

bagian terpenting disini adalah pada line 11 dan 12

tanpa deklarasi header ini maka email berformat html tidak akan terkirim

note:

jika ingin mencoba scripting email ini pastikan bahwa server hosting andamendukung untuk pengiriman email.saya melakukan hosting pada 100webspace.com dan script ini tidak berhasil saya jalankan

kemudian saya mencoba pada hosting berbayar dan hasilnya seperti ini

hasil

<?PHP

$alamat_tujuan = "G3n1k@yahoo.com";
#$alamat_tujuan = "G3n1k@yahoo.com";
$subject_mail = "Hasil suervey Notebook ";
// ubah isi message menjadi format html
$isi_message =
'
<h3>Test</h3>
 <a href="http://h10010.www1.hp.com/wwpc/th/en/sm/WF30a/321957-321957-64295-3955552-3955552-4145442.html"><img alt="HP ProBook 4421S" src="http://leadership-park.com/tomail/file/HP-ProBook-4421s-Notebook-PC.jpg" style="border: medium none;" /></a></p>

';
// penambahan header agar email dibaca sebagai format html
$header_mail = "MIME-Version: 1.0" . "\r\n";
$header_mail .= "Content-type: text/html; charset=iso-8859-1" . "\r\n";
// alamat untuk reply
$header_mail .= "From: Indra Sadik <G3n1k@yahoo.com>";
$header_mail .= "Reply-to:G3n1k@yahoo.com";

$laporan_kirim = mail($alamat_tujuan, $subject_mail, $isi_message, $header_mail);
// pesan email terkirim
if($laporan_kirim) {
echo "email pemberitahuan terkirim";}
else {
echo "Error, kegagalan pengiriman email";
}
?>

NTLDR Missing

Masalah Clasic NTLDR Missing …

malam itu jam 1 lebih melihat ada laptop dengan alasan tidak jelas nyangkut di atas meja, dengan pesan manis yang inti nya adalah titipan buat gw betulin ūüė¶ .

buka pembungkus nya, laptop toshiba, tidak jelas tahun berapa, tapi dari susunan tipe keyboard terlihat ini laptop lama.

ok langsung tekan power untuk menyalakannya. dua baris tulisan muncul

NTLDR is missing

press Ctrl + Alt + Del to restart

missing

yah pokoknya pesannya kaya gitu deh.

teringat pesan mbah SiRo, yg beberapa hari yang lalu kena masalah begini juga. mbah Siro pake jurus ‘copy-paste’ buat memperbaikinya

oche langsung bereskan

  1. booting dari cd, pake cd installer Microsoft Windows XP
  2. tekan ‘R’ untuk masuk ke konsol recovery
  3. masukan angka yang tertera (baca baik2 perintahnya) lalu enter
  4. masukan password administrator (umumnya tidak terpassword)
  5. kita akan masuk pada C:\WINDOWS>
  6. cari dimana drive cd booting berada (pada kasus ini ada di E:\)
  7. copy file NTLDR dengan perintah copy E:\i386\ntldr c:\
  8. copy file ntdetect.com dengan perintah copy E:\i386\ntdetect.com c:\
  9. ketik exit untuk merestrat komputer
  10. keluarkan cd dan botting dari hardisk
  11. sip, seharusnya komputer kembali normal

ada juga beberapa cara yang lebih mudah seperti

fixboot dan fixmbr

thanks mbah Siro

beres, sekarang tidur udah hampir jam 2 pagi

123654

cara menuliskan CSS pada html & alasannya

3 cara menuliskan css pada html

1. deklarasikan aturan css pada file html itu

tulis_css_1

cara ini mudah dilakukan jika kita hanya membuat aturan CSS hanya untuk halaman website tersebut. Tetapi jika kita membuat banyak halaman website misal 5 halaman dan sebenarnya mereka memakai ‘theme’ yang sama, maka cara ini adalah ‘mimpi buruk’, karena jika kita merubah sedikit saja themes, maka kita harus merubah semua halaman website. Bad Idea untuk website dengan halaman lebih dari 1.

2. menuliskan css pada file terpisah

tulis_css_2

pilihan (sangat) bijak  jika kita membuat banyak halaman website, karena dengan sebaris perintah kita bisa mendeklarasikan pada seluruh halaman web. jika melakukan sebuah perubahan pada themes desain web, kita hanya perlu melakukan sekali dan semua halaman akan berubah secara otomatis, kerja dan struktur yang efisien.

3. menuliskan didalam tag sintaks html

tulis_css_3

adakala nya kita tidak membutuhkan CSS yang panjang dan menjlimet, mungkin kita hanya membutuhkan css agar gambar dalam email berformat HTML yang kita kirim kan tidak memiliki border/ garis disekelilingnya. sehingga kita hanya membutuhkan sebaris kecil CSS maka cara ini cukup efisien.

Conficker Memburu Sharing Folder

siang itu sedang berada di lab komputer

sibuk cari posisi yang unek buat tidur

+ denger mp3 di laptop sambil buka fb di lab kampus, dengan koneksi wireless

saat sedang kesadaran tinggal 5 wat, lagi enak-enaknya melayang

tiba-tiba peringatan anti virus muncul

file komputer ada yang terjangkiti Conficker ( McAfee )

semula ga perduli karena McAfee telah meng clean script virus dari file tersebut (clean, berbeda dengan delete)

tapi beberapa menit kemudian kejadian tersebut terulang lagi, setelah beberapa kali memberikan peringatan

mulai ada pertanyaan, dari mana file saya bisa kena Conficker, karena saya tinggal di lingkungan komputer rumah yang ‘clean’, jika memang Conficker ini menyerang dari lingkungan komputer rumah, maka banyak file aplikasi yang dibawa terjangkiti.

ups! lupa sekarang sedang ada di lingkungan jaringan komputer kampus

iya, tapi saya tidak melakukan tukar menukar data dengan media flash disk.

begitu diperhatikan, Conficker hanya menyerang satu tree folder yang berisi file EXE (aplication), padahal pada laptop ini banyak file aplikasi lainya. tapi kenapa hanya folder ini yang diserang

ternyata folder yang diserang itu adalah folder sharing dengan permission tulis dan baca

sharing

segera otoritas sharing folder itu dicabut, tetapi muncul peringatan ada user yang sedang melakukan koneksi ke folder.

sharing2

halah, ini perbuatan si Conficker, oke kita TrackBack dari komputer mana Conficker berasal

buka Start -> Run -> cmd lalu ketik netstat

bangke-nih-virus

ternyata komputer yang terkena Conficker memiliki address 192.168.2.101 dan menggunakan port 1042

shutdown komputer penyebar Conficker tersebut

ubah aturan baca tulis folder share menjadi hanya membaca

agar si Conficker tidak bisa menjangkiti file komputer

Manual Ganti Serial Office 2007

masih laptop yang sama

ternyata serial Office 2007 nya juga minta di ganti

gimana cara nya Uninstal, Restart, Install lagi, masukin Serial nya.

ada beberapa masalah jika memakai metode itu

  1. ga ada waktu kerjain kerja membosankan tersebut
  2. kalo cara “potong kompas” begitu tidak ada yang bisa dipelajari
  3. lagi males + ngantuk

pikiran langsung menebak gw harus ubah registry lagi deh

  1. buka regedit
  2. cari key , biasanya angka {90 berbeda pada banyak komputer, jadi cukup cari sampai Registration lalu klik saja key yang ada di dalam nya
  3. office1
  4. hapus Key  DigitalProductID dan ProductID
  5. tutup regedit
  6. nyalakan salah satu program office 2007 (misalnya word)
  7. masukan serial number yang baru .. beres

efektif – efisien – humanity – itulah sikap dari IT