DarkFire Posted June 26, 2008 Report Share Posted June 26, 2008 Thx Kinsemon!! I was just waiting for this... Here it is... Preview: It includes a basic guide explaining how to apply the new settings and scripts for Stylish and Chrome.css ** Important: It DOES NOT include any theme/skin. Comments will be much appreciated Thx!! _____________________________________________________________ Update 1: - Changed Bookmark and Tab Fonts Color and Shadow - Fixed Menu separator height - Fixed Bookmark Itens positions Link to comment
Aronnax Posted June 26, 2008 Report Share Posted June 26, 2008 Hi, i have tried this stuff on XP and it work more or less, but without "Hide Menu-Bar" and without the Lucida Grande font looks it terrible. Please make it more complete!It would have otherwise the side effect that i receive countless support question and when way too many Windows support questions arrive will i add code in the themes, which make it impossible to install it on Windows or Linux.change for example; font-family: Lucida Grande !important;to: font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;add a download link for the Lucida Grande font make it usable without "Hide Menu-Bar" and fix some other bugs ... and so on and change by the way: tree:not([hidecolumnpicker=true]) treechildren::-moz-tree-row(odd) { background-color: -moz-oddtreerow;}richlistitem[type=download][alternate=true]:not([selected=true]) { background-color: -moz-oddtreerow;}replace the -moz-oddtreerow with a CSS color Cheers Link to comment
DarkFire Posted June 26, 2008 Report Share Posted June 26, 2008 WOW!!First of all Thx so much for the theme!!!Really great job!!And Its an honor hearing from you!!!Sorry.. But I really didnt undertand many things you said..Once you are a professional and im a beginner.Actually this is the first time i working with this...So I cant do much about it.im trying to do this changing the minimum code as possible...To not to turn a good code into a horrible one...Although, Ill give my best to modify somethings like making the menu usable without hide menu-bar...but the only things ive managed to understand how it work, until now, are margin, padding, color, font, shadow.... I dont have any idea about the code you posted do... (after the fonts...)My challenge is to fix the major bugs the theme have on WindowsTo make it minimally usable and with a Safari look..No matter how many and wich plugins/fonts i have to use..Because i think the kind of people that will use this theme on Windows arent the same that will use it on Mac...For example, Im sure many people here on Aqua-Sof are using thiswith the same propose that im using: to simply emulate a Safari lookBut personally i think its quite functional, good looking and the best Safari theme for Firefox 3 on Windows by far.Your help would be MUCH appreciated, not just by me but for everybody who tries to emulate Mac on Windows.Thx again for the theme and for the comment!!! Link to comment
Aronnax Posted June 26, 2008 Report Share Posted June 26, 2008 use for example tree:not([hidecolumnpicker=true]) treechildren::-moz-tree-row(odd) {background-color: #ECF3FE !important;}or use #F0F0F0and look then for example in the Download-Manager or the Dom-Inspector to see why. ---and use #BFBFBF for the main menu background and for the inactive state #E1E1E1, when you (or other) add something to support it without the "Hide Menu-Bar" extension is it necessary.(and remove the borders there) ----and "To make it minimally usable ...Yes, that is the main problem with nearly all these Mac Firefox themes, which are build for Windows. They are countless, which have these "minimally usable " demand. Nearly all are only terrible ;-) When you or other here have the same demand ... Ok, but is then waste of time. The main reason, why i build no windows versions are support questions .. i don`t want to answer every day countless Windows/Linux support questions .. I would help here (a little), but not with these "minimally usable" demand Cheers Link to comment
DarkFire Posted June 26, 2008 Report Share Posted June 26, 2008 I see..But "Minimally usable" its the only i can do...Sry for that...Im doing my best, but ,just like you probably did, i would have to study a lot to do something better...Last night ive spent 3 hours to just change shadows and fonts color...Im not even working with the whole code...Just with the codes that was posted here and some other that i got on the site that kinsemon posted...Also i really dont see the need of so much work, once i think the theme is very good and without major bugs... (not anymore, i think)Thx Link to comment
monstr Posted June 26, 2008 Report Share Posted June 26, 2008 lol, i just stumbled upon this thread. why could't i have noticed it earlier >_> i had to figure out all that stuff on my own, damit.. this is what mine looks like now: Link to comment
kinsemon Posted June 27, 2008 Report Share Posted June 27, 2008 @Darkfire,As per Aronnnax hints.If you can open tha .jar file, find and edit this lines...> In globaltree.css:tree:not([hidecolumnpicker=true]) treechildren::-moz-tree-row(odd) {background-color: #ECF3FE !important;}> in mozappsdownloadsdownloads.css:richlistitem[type=download][alternate=true]:not([selected=true]) {background-color: #ECF3FE !important;}This is supposed to make the alternate lightblue-white-lightblue rows in the specified list or menu.@AronnaxInstead of Hide MenuBar, most (if not all) windows firefox users trying to simulate/emulate the safari look use Compact Menu2 which by the way just got updated for Firefox3.And your skin indeed look much better than even Safari for Windows 3. People being people, they will skin and/customize your theme in every whichway possible (look at Monstr's version, LOL!). So just watch and enjoy (or feel indignant!) the whole show, and probably wonder if they'll give you credit for the original theme or not. Link to comment
FatAxl Posted June 27, 2008 Report Share Posted June 27, 2008 I installed the GRApple theme for Firefox 3, but my only problem is, What would be a visual style that would match that theme, to make everything look perfect?I would appreciate any help that is offered. Thanks !! Link to comment
DarkFire Posted June 27, 2008 Report Share Posted June 27, 2008 Hmm..Now ive got it Kinsemon..Ill try it later..But is there a way to use it without changing the original theme files?Im trying to fix menu colors now..And im almost there..Ive managed to change background color for both window statesBut i cant figure out how to take off the line separator...Also ive noticed that the size of hover:active menu light is bigger than hover light...Maybe thats the problem, but i dont know how to change it either...Any Help???Oh..One more thing..Is there a way to add some shadows to Menu fonts??@AronnaxSee..Im not the only one who think like that... Link to comment
bSAYZ Posted June 27, 2008 Report Share Posted June 27, 2008 hi, I am back After trying to customize ff3 with good advised/instruction from your guys (thankz). I decided to remove all ff old profile, and started at begining;). ...and this is my ff3 Oh! how to show fav icon on tab bar? Link to comment
Seckoa Posted June 27, 2008 Report Share Posted June 27, 2008 I am using Gr4pple Firefox Theme (Blue) and I was wondering how to get the fonts to look like Safari's fonts in Firefox 3. Link to comment
DarkFire Posted June 27, 2008 Report Share Posted June 27, 2008 Take a look at my guide...at the top of this page... Link to comment
alabanco Posted June 27, 2008 Report Share Posted June 27, 2008 Could I list the things that I have faced and couldn't fix yet.1. Bookmarks iconDo you know howt to make it like in Safari on bookmarks panel with hover effect ?2. Progress bar problemcan't see that progress blue line in downloads section.3. Sidebar on the right problemand a wish4. Highlighted active form on a pageIs it possible to make stylish to highlight any active form field like in Safari. like on Aqua-soft search filed. Link to comment
kinsemon Posted June 27, 2008 Report Share Posted June 27, 2008 Could I list the things that I have faced and couldn't fix yet.1. Bookmarks iconDo you know howt to make it like in Safari on bookmarks panel with hover effect ?2. Progress bar problemcan't see that progress blue line in downloads section.3. Sidebar on the right problemand a wish4. Highlighted active form on a pageIs it possible to make stylish to highlight any active form field like in Safari. like on Aqua-soft search filed.1 if you mean this...http://www.kwikpiks.com/files/32/favicon.png/* Show favicons on bookmarks */ .bookmark-item > .toolbarbutton-icon { display: -moz-box !important; max-width: 20px; max-height: 16px; padding-right: 6px !important;} /* Show a minimalistic background on hover on bookmarks */ .bookmark-item:hover > .toolbarbutton-icon { background: url("chrome://global/skin/toolbar/toolbarbutton-customhover-mid.png"); } .bookmark-item:hover:active > .toolbarbutton-icon { background: url("chrome://browser/skin/bookmark-open-mid.png"); }Note the references to images in GrApple skin. 2. For the following, in userChrome.css. You have create an image (eg. "progresschunk.png") and place it in your Chrome folder... progressmeter { -moz-appearance: progressbar; margin: 2px 4px; min-width: 128px; height: 13px; progressmeter[mode=undetermined] { background: url("progresschunk.png") repeat-y top left; height: 13px;}.progress-bar { -moz-appearance: none; height: 13px; background: url("progresschunk.png") repeat;}Haven't tried userchrome.css. I just extracted my tweaks from inside the skin's .jar.3./4. Well....EDIT: Here, use this for progresschunk.pnghttp://www.kwikpiks.com/files/32/chunks.png Link to comment
alabanco Posted June 27, 2008 Report Share Posted June 27, 2008 kinsemon1. Bookmarks icon This problem solved. Thank you!!2. Still no luck3.4. These are my ask for Aronnax Link to comment
Aronnax Posted June 27, 2008 Report Share Posted June 27, 2008 @AronnaxInstead of Hide MenuBar, most (if not all) windows firefox users trying to simulate/emulate the safari look use Compact Menu2 which by the way just got updated for Firefox3.And your skin indeed look much better than even Safari for Windows 3. People being people, they will skin and/customize your theme in every whichway possible (look at Monstr's version, LOL!). So just watch and enjoy (or feel indignant!) the whole show, and probably wonder if they'll give you credit for the original theme or not.Do whatever you want ;-) (but don`t build theme ports with the GrApple name)i wonder only, why all these windows themes are crap, and here is one example more, why it happen.by the way, /* Show favicons on bookmarks */the suggestion here is as well incomplete (crap) use for example the stuff from: http://www.takebacktheweb.org/CaE.htmlCheers Link to comment
kimaihiri Posted June 27, 2008 Report Share Posted June 27, 2008 I'm using Proto 1.1 for Windows.. this one's for Mac: https://addons.mozilla.org/en-US/firefox/addon/6050 this ones for Windows: https://addons.mozilla.org/en-US/firefox/addon/7540 Link to comment
Phoshi Posted June 27, 2008 Report Share Posted June 27, 2008 I tried that, but it screwed up with All in One Sidebar. Link to comment
Seckoa Posted June 27, 2008 Report Share Posted June 27, 2008 Take a look at my guide...at the top of this page...I did it... But how do I know if it worked? It kinda looks the same. Link to comment
DarkFire Posted June 27, 2008 Report Share Posted June 27, 2008 You would have noticed..It changes a lot from the original one..The shadows gets to the right place, the navigation bar fonts changes, menus isnt transparent anymore..If you really dont know if it worked post a screen and i will tell you... Link to comment
Seckoa Posted June 28, 2008 Report Share Posted June 28, 2008 You would have noticed..It changes a lot from the original one..The shadows gets to the right place, the navigation bar fonts changes, menus isnt transparent anymore..If you really dont know if it worked post a screen and i will tell you...Nah, it sure didn't work. I tried to do the stylish one. How do you do the one w/o using stylish? It's confusing what you mean on the guide. Link to comment
DarkFire Posted June 28, 2008 Report Share Posted June 28, 2008 Good News!!! Ive Updated the script!! I Think it is much better now... Preview: The main change is the addition of Bookmark Icon. The bookmark's name have to be "bookmark" to work, but it is possible to configure it to use with any name. To do it simply change "label="bookmark"" to "label="YourName"" in the end of the code. Ive also included the code to add another "Icon Only" bookmark. Its configured to use the name "Teste" but you can change it the same way ive explained before It also uses a Little House Icon, but you can change that modifying the code: list-style-image: url("chrome://browser/skin/home.png") !important; To add more icons, just copy any times you want the "Change Icons For other Itens" and change name and image value. _________________________________________________________ Update 2: - Added the bookmark icon and the code for other icons - Fixed fonts/shadows (once again... but now i think it is Ok) - Fixed Download Bar Background color - Included the necessary Fonts Firefox 3 to Safari - Guide - Update 2.zip Link to comment
Seckoa Posted June 28, 2008 Report Share Posted June 28, 2008 Good News!!!Ive Updated the script!! I Think it is much better now... Preview: The main change is the addition of Bookmark Icon. The bookmark's name have to be "bookmark" to work, but it is possible to configure it to use with any name. To do it simply change "label="bookmark"" to "label="YourName"" in the end of the code. Ive also included the code to add another "Icon Only" bookmark. Its configured to use the name "Teste" but you can change it the same way ive explained before It also uses a Little House Icon, but you can change that modifying the code: list-style-image: url("chrome://browser/skin/home.png") !important; To add more icons, just copy any times you want the "Change Icons For other Itens" and change name and image value. _________________________________________________________ Update 2: - Added the bookmark icon and the code for other icons - Fixed fonts/shadows (once again... but now i think it is Ok) - Fixed Download Bar Background color - Included the necessary Fonts Where can I find the Lucida Grande Font I looked on Google. Link to comment
Björn Posted June 28, 2008 Report Share Posted June 28, 2008 It´s in the Guide.zip. Where in the jar is the Background file for the Navigation bar? Link to comment
Seckoa Posted June 28, 2008 Report Share Posted June 28, 2008 It´s in the Guide.zip. How do I manage to get the Bookmarks icon (Book) on the favorites bar? Oh thanks. Link to comment
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now