 |
DarkWolf Lair
L'antre du loup
|
| View previous topic :: View next topic |
| Author |
Message |
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
 Posted: Sun Oct 09, 2005 1:18 pm Post subject: [FIREFOX 3.6] Skin DARKYBLACK (+ archives) |
 |
|
La dernière mise à jour du thème par défaut de Firefox 3 (Strata), aux teintes plus sombres :
Téléchargement DarkyBlack (version compatible Firefox 3.6)
Téléchargement DarkyBlackXP (menus transparents sous Windows XP)
Des skins pour aller avec :
Big Size
L'userchrome qui va avec :
| Quote: |
/* IMAGE DE FOND POUR LE NAVIGATEUR */
#navigator-toolbox {
-moz-appearance : none !important;
background-image : url("Tool-background10.png") !important;
background-position: top left !important;
background-repeat : repeat-x !important;
background-color : #000000 !important;
border : 0px !important;
}
/* SUPPRESSION DE L'ENTREE OUVRIR DANS LES ONGLETS */
.openintabs-menuseparator, .openintabs-menuitem
{
display: none !important;
}
/* METTRE EN EVIDENCE l'ONGLET ACTUEL */
/* ou border: none !important */
menubar, toolbox, toolbar
{
border-style: none !important;
}
.thumbnail[selectedtab="true"] {
background-color: Highlight !important;
}
.thumbnail[selectedtab="true"] > caption {
background-color: Highlight !important;
}
.thumbnail[selectedtab="true"] .thumbnail-title {
color: HighlightText !important;
}
/* SUPPRESSION DES SEPARATEURS DANS LES BARRES D'OUTIL */
toolbar {
-moz-appearance: none !important;
background-attachment: fixed !important;
border-style: none !important;
}
toolbarseparator
{
display: none !important;
}
/* EFFETS DE TRANSPARENCE */
#urlbar, #GBL-Toolbar-MainItem,#searchbar {
opacity: 0.3 !important;
}
#main-window.tabbrowser-tab {
background-color: -moz-dialog;
opacity: 0.6;
}
#main-window.tabbrowser-tab[selected="true"] {
opacity: 0.8;
}
/* SUPPRIMER LE MENU HISTORIQUE */
menu[label="Historique"] {
display: none !important;
}
|
=============================
Ancien projet : ThunderFox
=============================
Je viens de me mettre à la réalisation de skins pour Firefox, et j'ai eu l'idée d'appeler mon projet "ThunderFox".
Donc voici ma première skin, qui en réalité est un mix de plusieurs, ne sachant jamais laquelle choisir. J'ai donc pris le meilleur de chaque, j'ai reprogrammé le tout pour obtenir cette skin:
Bien évidemment, il subsiste encore quelques bugs très minimes, qui n'empêchent en rien la fonctionnalité du meilleur des navigateurs!! 
Le fond est modifiable à souhait, il suffit de créer dans la zone chrome de votre profil firefox un png de la taille désirée, et de le nommer en "Tool-background.png", et d'inscrire dans le fichier userchrome.css les données suivantes (pour cela, vous pouvez vous aider de l'extension ChromeEdit):
| Quote: |
#navigator-toolbox {
-moz-appearance : none !important;
background-image : url("Tool-background.png") !important;
background-position: top left !important;
background-repeat : repeat-x !important;
background-color : #FFFFFF !important;
border : 0px !important;
|
Le lien pour télécharger ma skin:
http://darkyvrac.free.fr/mozilla/ThunderFox2.jar
Objets utilisés:
-Icones Noia2 Extreme, Knot, Vmm3, Enigma Machine,...
-Sheilafox pour la page d' "a propos", pour le design utilisé dans le fond.
-Skin Longhorn Inspiriat Safari 6.
_________________
Cogito Lycanthropus ergo sum Lycanthropus.
Last edited by DarkWolf on Thu Feb 11, 2010 3:46 pm; edited 15 times in total |
|
| Back to top |
|
 |
Morcar
Demi-Dieu
Joined: 29 Mar 2005
Posts: 438
Location: Morcar à Vannes
|
| Posted: Mon Oct 10, 2005 7:59 am Post subject: |
|
|
Pas pour moi qui aime les choses sobres, désolé 
_________________
 |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Fri Dec 16, 2005 6:15 am Post subject: Version 1.5 Beta dispo |
|
|
quelques bugs encore à corriger au niveau de l'assignation des boutons "secondaires", mais c'est une version très stable, que j'utilise depuis plus d'une semaine sans aucun souci.
Télécharger la skin
Last edited by DarkWolf on Mon Nov 16, 2009 11:37 am; edited 2 times in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Tue Jul 18, 2006 5:04 pm Post subject: |
|
|
Le nouveau fond, beaucoup plus sobre, avec bump mapping pour l'effet relief:
Last edited by DarkWolf on Mon Nov 16, 2009 11:37 am; edited 1 time in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Mon Sep 04, 2006 4:43 pm Post subject: |
|
|
Et voici l'ensemble, avec une nouvelle organisation des icônes:
Last edited by DarkWolf on Mon Nov 16, 2009 11:37 am; edited 1 time in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Tue Sep 26, 2006 6:29 pm Post subject: |
|
|
Et voici la version 1.5.0.7 de ThunderFox, avec un bon paquet de bugs en moins:
-Désormais les icones ne disparaissent plus en mode "small icons"
-les icones "couper-copier-coller-mail-report d'une page" sont maintenant visibles
Et des modifs de l'interface:
-les icones sont plus sombres
-le fond d'arrière plan a été modifié
-le bouton pour l'imprimante est plus cohérent avec la charte graphique (comme s'il en existait une... ^^)
A télécharger ici
et une petite capture pour vous montrer ce que cela donne avec des customisations d'autres extensions (Smiley Xtra et MenuButtons):
Last edited by DarkWolf on Mon Nov 16, 2009 11:37 am; edited 1 time in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Sat Sep 30, 2006 7:11 am Post subject: La version finale |
|
|
Voici donc la version finale, 100% fonctionnelle, en attendant une hypothétique version "Ultimate" 
Pour arriver à ce résultat, il faut bien évidemment la skin du dessus, mais aussi quelques ajouts, en fonction du souhait de customisation souhaité.
Tout d'abord, les menus en OfficeXP. Avec l'extension ChromeEdit, ajouter les lignes suivantes dans le Userchrome.css:
| Quote: | /*===============================================*/
/* Office XP style Menus*/
/*===============================================*/
/* Menu border and background */
menupopup, popup {
-moz-border-top-colors: #666666 !important;
-moz-border-left-colors: #666666 !important;
-moz-border-right-colors: #666666 !important;
-moz-border-bottom-colors: #666666 !important;
padding: 1px !important;
border: 1px solid !important;
background-color: #F9F8F7 !important;
background-image: url(menubg2.png) !important;
background-repeat: repeat-y !important;
}
/* Give all Menu items a 1px invisible border */
menu, menuitem {
border: 1px solid transparent !important;
}
/* Open Main Menu Effect */
menubar > menu[_moz-menuactive="true"][open="true"]{
border: 1px solid #666666 !important;
border-bottom: #DBD8D1 !important;
background-color: #DBD8D1 !important;
}
/* Menu Seperator */
menuseparator {
margin-left: 20px !important;
margin-right: 0px !important;
}
/* Enabled Menus on mouseover */
menubar > menu[_moz-menuactive="true"],
menupopup > menu[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"] {
color: MenuText !important;
background-color: #B6BDD2 !important; /* Highlight background colour */
border: 1px solid #0A246A !important; /* Highlight border colour */
}
/* Disabled Menus on mouseover */
menu[disabled="true"][_moz-menuactive="true"],
menuitem[disabled="true"][_moz-menuactive="true"] {
color: GrayText !important;
background: transparent !important;
border: 1px solid transparent !important;
}
/* Autocomplete popups use white background */
popup[type="autocomplete"], listbox {
background-color: -moz-Field !important;
background-image: none !important;
} |
Pour avoir le petit démarqueur à gauche, il vous faudra cette petite image, à mettre dans le même répertoire que le fichier Userchrome.css (son adresse se situe tout en bas dans ChromeEdit, un copier coller dans l'explorateur suffira):
L'imagette menu
Enfin, voici le nouveau Tool-Background (voir quelques posts au dessus), à une taille donnée de 1280*123.
Bien évidemment, vous n'êtes pas obigés de mettre ce fond, vous pouvez même le mettre à nu.
Mais pour ceux qui voudraient le conserver et l'adapter à leur guise, voici le fichier au format the Gimp, où vous pourrez jouer comme bon vous semble avec les calques:
PS: n'oubliez surtout pas en cas de modification des calques d'enregistrer votre création au format PNG, tout en gardant le nom original!!
Les calques sous Gimp
Last edited by DarkWolf on Mon Nov 16, 2009 11:36 am; edited 1 time in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Sat Oct 28, 2006 2:25 pm Post subject: THUNDERFOX 2 Disponible |
|
|
La skin a été mise à jour pour la sortie de Firefox 2
vous pouvez la télécharger ici.
Prochainement des captures d'écran, en attendant que toutes les extensions soient compatibles.
Last edited by DarkWolf on Mon Nov 16, 2009 11:36 am; edited 1 time in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Thu Nov 02, 2006 8:57 am Post subject: |
|
|
Une mise à jour minime: certaines icônes disparaissaient provisoirement lorsqu'on appuyait dessus. Elles sont maintenant visibles. 
Last edited by DarkWolf on Mon Nov 16, 2009 11:35 am; edited 1 time in total |
|
| Back to top |
|
|
DarkWolf
Site Admin
Joined: 20 Mar 2005
Posts: 4037
Location: Geekland
|
| Posted: Fri Dec 22, 2006 7:50 am Post subject: |
|
|
Une MAJ pour la prise en charge jusqu'à la sortie de la version 3 de Firefox.
Téléchargement ThunderFox2
Last edited by DarkWolf on Mon Nov 16, 2009 11:35 am; edited 1 time in total |
|
| Back to top |
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
