trot
Administrator foruma
Pridružen/-a: 15.12. 2006, 15:34
Prispevkov: 15166
|
 Objavljeno: 25 Jan 2013 16:40 Naslov sporočila: |
 |
|
How to Customize the Appearance of the Orange Firefox Menu Button
 Kako prilagodite videz Menu oranžni gumb Firefox
http://webdesigns.ms11.net/chromeditp.html
http://webdesigns.ms11.net/chromeditp.html
| Koda: | @namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-button {
background: #orange !important;
}
#appmenu-button dropmarker:before {
content: “Firefox” !important;
color: #FFFFFF !important;
}
#appmenu-button .button-text {
display: none !important;
} |
Morda že imate userChrome.css datoteko, pri čemer se bo tam že besedilo na kartici userChrome.css. Kopiraj vse besedilo zgoraj, razen za prvo linijo, @ namespace črto in jo prilepite na kartici nekje po liniji @ namespace. Če želite ohraniti tisto, kar že imate, ga lahko prilepite zgornje besedilo na koncu datoteke.
POMEMBNO: Prepričajte se, da so vsi citati v userChrome.css NISO pametnih ponudb, vključno s tistimi v skladu @ namespace. Morajo biti navadne, ravne narekovaje. Če kateri od njih so pametni ponudb, datoteka ne bo vplivala na videz Firefoxa sploh.
Kliknite Znova znova zagnati Firefox z novo ali revidirano userChrome.css datoteko.
Če želite spremeniti barvo ozadja, spremenite "# oranžni" besedilo o "ozadju" črto v "# appmenu na gumb" oddelku v drugačni barvi, s hex barvno kodo ali kode HTML barve. Na primer, smo izbrali temno modro z hex kodo barvo # 2C4362.
OPOMBA: Če želite ugotoviti, hex kodo barve za barvo, ki jo želite, si oglejte članke o pridobivanju hex kode barve iz barv RGB decimalnih , izbiro barve od kjerkoli na zaslonu , in dobili barvne oznake v različnih oblikah .
Če želite spremeniti besedilo na gumbu, spremenite "Firefox" besedilo o "vsebine" vrstico v "# appmenu gumba dropmarker: pred" oddelku za želeno besedilo, kot so "Kako naj Geek". Dodali smo prostor za besedilo, da imajo več prostora med besedilom in v spustnem puščico na gumbu.
Lahko se odločite, da spremenite barvo besedila, kot tudi s spremembo "barvno" črto v isti "# appmenu gumba dropmarker: pred" oddelku. Smo pustili barvo besedila v belo (# FFFFFF), lahko pa jo spremenite v nekaj podobnega svetlo sivo (# F2F2F2), ali kaj podobnega.
Kliknite Shrani in nato znova zaženite, da so se spremembe začele veljati.
Gumb je sedaj temno modra in reče: "Kako naj Geek"
Dodate lahko tudi sliko ozadja na gumb poleg spreminja barvo ozadja. Ustvarili smo sliko, ki ima nasveti za Geek favicon na levi in pregleden ozadje tako temno modra barva ozadja kaže skozi. Če želite dodati sliko za ozadje gumba, dodajte naslednjo vrstico "# appmenu na gumb" sekcija, spreminjanje poti v narekovajih na lokacijo vaše slike na računalniku. Pusti "file :/ / /" na poti.
ozadja-image! url ("file :/ / / C :/ Users / Lori / Slike / htg_background.png") pomembno;
______________________________________________-
You can also add a background image to the button, in addition to changing the background color. We created an image that has the How-To Geek favicon on the left and a transparent background so the dark blue background color shows through. To add a background image to your button, add the following line to the “#appmenu-button” section, changing the path in the quotes to the location of your image on your computer. Leave the “file:///” in the path.
| Koda: | | background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important; |
Kako prilagodite videz Menu oranžni gumb Firefox
_________________
www.google.si |
|
Pogosta vprašanja
Išči
Seznam članov
Skupine uporabnikov
Registriraj se
Tvoj profil
Zasebna sporočila
Prijava
