PDA

View Full Version : [ISENG] Modifikasi Kotak Orange/Orange Bar Mozilla Firefox


Syahrani10
24th October 2012, 10:27 PM
http://static.kaskus.co.id/images/smilies/kisss.gif Assalamu'alaikum Wr Wb Agan-agan http://static.kaskus.co.id/images/smilies/kisss.gif



gw mau share trik iseng aj nih buat pengguna FireFox:D ,sapa sih yang ga tau firefox web browser satu ini udeh terkenal,apalagi di CCPB ini http://static.kaskus.co.id/images/smilies/sumbangan/26.gif btw kalo misalnya thread gw ini repost,ato udah ada yang tau triknya sejak lamahttp://static.kaskus.co.id/images/smilies/sumbangan/004.gif ngga usah di baca ya kk:D ini buat yg belum tau aj :D.oke langsung aj ini trik gampang banget


Sebelumnya gw kasih tau dlo yang namanya kotak orange/orange bar yg gw maksud tuh nyang ini nih:D:
[/spoiler] for kotak:




http://photoserver.ws/images/xlIg5041fa75054e0_thumb.jpg (http://photoserver.ws/view.php?xlIg5041fa75054e0)

click utk memperbesar









nah itu yg bakal kita modifikasi



Tools nya cuman : Notepad + Firefox 4.0 keatas



Step by Step:D



1. Klik orange barnya dan masuk ke Help > Troubleshooting information




for satu:




http://photoserver.ws/images/TgpA5041f7bbec630.png









2. pada bagian Application Basics,klik Open Containing Folder




for dua:




http://www.sevenforums.com/attachments/tutorials/165314d1310814062-firefox-customize-orange-bar-application.png









3. Sampai nanti muncul folder data firefox,cari folder chrome disana

jika ketemu buka folder chrome dan cari apakah ada file userChrome.css,namun jika tidak ada folder chrome disana,ente2 bisa buat folder baru disana dgn nama chrome

jika sudah di dalam folder chrome yg dibuat ato yg udah ada tadi buat file userChrome.css dgn notepad lalu isikan code berikut




Code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#appmenu-button
{
background: #orange !important;
}
#appmenu-button dropmarker:before {
content: "Mozilla Firefox" !important;
color: #FFFFFF !important;
}
#appmenu-button .button-text {
display: none !important;
}

save deh di folder chrome,

untuk yg udah ada file userChrome tinggal edit aj kode nya pada bagian




Code:

{
background: #orange !importan;
}

itu utk mengubah warna bar/kotaknya pada bagian #orange nya yg di edit,bisa pake HEX Color code atopun nama warna dlm bhs inggrishttp://static.kaskus.co.id/images/smilies/sumbangan/8.gif



pada bagian


Code:

content: "Mozilla Firefox" !important;

itu utk mengubah nama pada orange bar nya,misal ente ganti "Mozilla Firefox" jadi CCPB :D



pada bagian


Code:

color: #FFFFFF !important;

itu utk mengubah warna text pada nama orange barnya,pake HEX Code aj gan:D



ini beberapa list HEX code warna




Code:

Black: #000000
Red: #FF0000
Green: #00FF00
Blue: #0000FF
Yellow: #FFFF00
Cyan: #00FFFF
Pink: #FF00FF
Gray: #C0C0C0
White: #FFFFFF

jangan lupa restart firefoxnya dlo gan:D



hasil dari gw kyk gini nih :p




[spoiler=open this] for hasil ane:




http://photoserver.ws/images/37sU5041f7bc1262c.png









Sorry kalo salah tempatnya mod2:p http://static.kaskus.co.id/images/smilies/sumbangan/8.gif kalo harus dithread official mozilla ni post mohon di merge aj deh ya mod kesana:D



sekian ea,silahkan buat yang mau nimpuk ijo2,yang ngga nimpuk juga gapapa



:kabur2:



tambahan addons(Stratiform) buat edit FF agan dari agan kakoh:handshake:




Code:

Kaskus - The Largest Indonesian Community (http://www.kaskus.co.id/showpost.php?p=745204155&postcount=11)




</div>