Nouveau logo et bannière custom pour HFR

Nouveau logo et bannière custom pour HFR - Galerie - Graphisme

Marsh Posté le 19-05-2011 à 18:34:35    

Salut,
 
Le HFR nouveau est arrivé et comme pour le beaujolais y'en a qui aime, d'autres pas.
 
Marc ne compte pas revenir sur le logo mais sait-on jamais.
Et quoi qu'il en soit il est possible via quelques lignes de code de modifier l'affichage du forum sur son navigateur.
 
Donc si vous avez des propositions à faire, faites vous plaisir.
 
Voir toutes les banières
 
______________________________________________
 
Pour cibler l'image de la bannière et la remplacer ça peut donner un truc comme ça (vrariable selon ce que l'on veut faire):
 

Code :
  1. table.hfrheadmenu tr {background : #222a34 ;}  // couleur du fond du menu de la bannière
  2. img[src*="forum_logo"] {visibility: hidden ;}       // virer l'image du logo par défaut
  3. td.header2 {background : url(http://adresse_de_l'image_remplaçante) no-repeat !important;}


 
Pour info l'image bannière d'origine fait 750/71px

Message cité 1 fois
Message édité par Skopos le 22-05-2011 à 16:31:08

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 19-05-2011 à 18:34:35   

Reply

Marsh Posté le 19-05-2011 à 18:34:49    

Comment faire ? (surement pas à jour et pas complet, perso j'utilise principalement FF :spamafote: )

 

Extensions pour Firefox, Chrome et Opera
Stylish : permet de modifier les styles d'un domaine, sous domaine ou d'une url.
Le site http://userstyles.org/ répertorie et permet de rechercher les styles disponibles. L'installation des styles se fait en 1 simple clic et leur désactivation en 2, vraiment très simple.
A noter que les styles peuvent être installé au choix pour Stylish ou GreaseMonkey.
Stylish pour Chrome
Stylish pour Opera

 

Le site répertorie déjà quelques modifs faites pour HFR :)

 


Extension dispo pour Firefox, Epiphany, Opera et IE; nativement géré par Chrome.
GreaseMonkey : bien plus puissante cette extension permet de rajouter du JavaScript sur les pages. Ce qui permet non seulement de modifier les styles comme avec Stylish mais aussi de rajouter des comportements et fonctionnalités.

 

Toutefois, l'usage de GM provoque une latence où on voit apparaitre le thème d'origine. Donc privilégiez Stylish pour l'instant avec les thèmes pur CSS.

 

Il existe déjà des modifs faites pour HFR ainsi qu'un topic sur la cat sofware/windows.

 


Si vous voulez aller plus loin que la simple custom du header, il existe un topic dédié.


Message édité par Skopos le 19-05-2011 à 18:47:37

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 19-05-2011 à 18:41:26    

Cool j'ai été surpris, c'est bien mieux qu'avant.
Moi j'aime bien !


---------------
Si vis pacem, para bellum
Reply

Marsh Posté le 19-05-2011 à 18:42:07    

Pas top du tout je trouve ...
Il faudrait essayer de rester dans le même code couleur que l'ancien au moins non ..? :/

Reply

Marsh Posté le 19-05-2011 à 18:45:46    

moi aussi j'aime bien... Mais je prefere la police du precedent logo


---------------

Reply

Marsh Posté le 19-05-2011 à 18:54:58    

Ben l'autre était bien vieillot (police brushscript des années 80 je crois… bah là c'est de l'Arial).
Il faudrait maintenant harmoniser effectivement le reste du fofo avec ce gris/bleu pétrole…


---------------
Si vis pacem, para bellum
Reply

Marsh Posté le 19-05-2011 à 19:15:08    

Tout est paramétrable via le profil sauf cette putain de barre de menu sous la bannière :spamafote:


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 19-05-2011 à 19:29:29    

Bah c'est logique hein...

Reply

Marsh Posté le 19-05-2011 à 19:49:48    

oui je dis pas, moi je m'en fous j'ai déjà changé mais c'est chiant pour ceux qui savent pas faire :/


Message édité par Skopos le 19-05-2011 à 19:50:05

---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 19-05-2011 à 20:00:47    

J'avais mm pas vu le changement ! comme quoi la routine ...

Reply

Marsh Posté le 19-05-2011 à 20:00:47   

Reply

Marsh Posté le 19-05-2011 à 22:02:11    

Harrybeau1 a écrit :

Ben l'autre était bien vieillot (police brushscript des années 80 je crois… bah là c'est de l'Arial).
Il faudrait maintenant harmoniser effectivement le reste du fofo avec ce gris/bleu pétrole…

mais l'autre avait un style, là maintenant c'est juste des majuscules toutes droites...
 
Mais je prefere celui  là  
http://www.hardware.fr/marc/hfr.png
 
 
Sinon effectivement faudrai au moins armoniser les couleurs du forum  
http://www.hardware.fr/marc/marron.png


Message édité par -cas- le 19-05-2011 à 22:02:43

---------------

Reply

Marsh Posté le 20-05-2011 à 08:04:39    

C'est fait, Marc a fait la modif. Le menu reprend la couleur définie dans le paramètre "haut de tableau".


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 20-05-2011 à 12:54:08    

Drap, faites quelque chose  [:fegafobobos:2]


Message édité par elfe_errant le 20-05-2011 à 13:09:01
Reply

Marsh Posté le 20-05-2011 à 12:57:54    

Moi j'ai modifié la bannière, je la trouve mieux comme ça:
 
http://hfr-rehost.net/preview/self/pic/4d188a78d4b8b1d6ef6fc691c33acbea9d118bdb.png
 
:o


---------------
HFR Links Preview | HFR Giphy
Reply

Marsh Posté le 20-05-2011 à 13:44:42    

[:julian33:4]


---------------
HFPonss - Désactivez votre Adblock sur HFR - Découper le monde à coup de rasoir pour voir au cœur du fruit, le noyau noir.
Reply

Marsh Posté le 20-05-2011 à 13:49:27    

Reply

Marsh Posté le 20-05-2011 à 14:06:24    

Sur une idée originale de shimay :D
http://uppix.net/9/0/5/369b2d8a5d15d93b316af2b9d8658.jpg

 

tagban


Message édité par Skopos le 22-05-2011 à 16:29:24

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 20-05-2011 à 15:29:04    

[:drapal]

Reply

Marsh Posté le 20-05-2011 à 16:02:24    

Un goatse ? :D
 
XaT


---------------
"Xat le punk à chien facho raciste. C'est complexe comme personnage." caudacien 05/10/2020
Reply

Marsh Posté le 20-05-2011 à 16:03:06    

XaTriX a écrit :

Un goatse ? :D
 
XaT


ouay :D bricolé vite fait sous paint


Message édité par sire de Botcor le 20-05-2011 à 16:03:24

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 20-05-2011 à 22:05:46    

Salut
 
Je suis un pur noob en ce qui concerne le HTML, CSS, scripts, .user.js, et autres hiéroglyphes  :o  
 
J'aime bien le thème Darkpaper V1, par contre je voudrais virer le logo du theme Darkpaper V1 dans stylish qui est trop personnalisé à mon gout par son auteur et mettre une image perso à la place! savez vous comment modifier la CSS pour faire ça ?  
 
http://sifr.free.fr/Gfx/Stylish_img/logo_cat12.jpg
 
http://sifr.free.fr/Gfx/Stylish_img/logo_cat12.jpg
 
comme certaines personnes n'aime pas le H penché sa serai bien de faire un essai à partir de la bannière actuelle en virant le H ?
http://forum-images.hardware.fr/img/forum_logo_1.gif
 
http://forum-images.hardware.fr/img/forum_logo_1.gif

Message cité 2 fois
Message édité par Acrylic le 21-05-2011 à 07:53:48

---------------
Mes vANTes HFR
Reply

Marsh Posté le 21-05-2011 à 11:45:52    

Acrylic a écrit :

Salut
J'aime bien le thème Darkpaper V1, par contre je voudrais virer le logo du theme Darkpaper V1 dans stylish qui est trop personnalisé à mon gout par son auteur et mettre une image perso à la place! savez vous comment modifier la CSS pour faire ça ?


Ca peut être plus ou moins chiant selon l'intégration voulue de l'image mais c'est faisable. Tu peux la montrer ?


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 21-05-2011 à 11:48:27    

Pour la cat graphisme, j'ai essayé de mettre le nouveau logo. Ça n'envoie pas du rêve, mais c'est peut-être déjà plus discret que l'actuel.
http://pix.toile-libre.org/upload/original/1305971241.png


---------------
Librarything|Last.fm|RYM
Reply

Marsh Posté le 21-05-2011 à 11:54:45    

bronislas a écrit :

Pour la cat graphisme, j'ai essayé de mettre le nouveau logo. Ça n'envoie pas du rêve, mais c'est peut-être déjà plus discret que l'actuel.
http://pix.toile-libre.org/upload/ [...] 971241.png


Si tu fais la même avec juste le logo et typo sur fond transparent ça devrait s'intégrer mieux.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 21-05-2011 à 12:01:55    

http://pix.toile-libre.org/upload/original/1305972231.png
 :)

 

tagban


Message édité par Skopos le 22-05-2011 à 16:28:56

---------------
Librarything|Last.fm|RYM
Reply

Marsh Posté le 21-05-2011 à 12:03:49    

D'ailleurs c'est quoi l'interet d'avoir "H HARDWARE.FR" plutot qu'un simple "HARDWARE.FR"? :/

Reply

Marsh Posté le 21-05-2011 à 12:05:58    

C'est un logo pour donner une identité au site je pense, pour la favicon, même si ça fait justement débat. Personnelement ça ne me choque pas plus que ça. On pourrait aussi vectoriser une image de carte graphique comme pour l'ancienne mouture de l'ancienne bannière.


---------------
Librarything|Last.fm|RYM
Reply

Marsh Posté le 21-05-2011 à 12:16:43    

Ca donne ça.
http://sifr.free.fr/Gfx/Divers/capt_newHFR.jpg


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 21-05-2011 à 12:22:02    

C'est un chouïa vide, je vais prendre les mesures de l'ancienne bannière, pour que le texte soit mieux centré, et essayer d'ajouter quelque chose qui "fasse" composant informatique. J'ai fait quelques tests, pas vraiment concluants pour l'instant car le logo perd beaucoup de lisibilité au passage.


---------------
Librarything|Last.fm|RYM
Reply

Marsh Posté le 21-05-2011 à 12:31:37    

AnthonyD a écrit :

D'ailleurs c'est quoi l'interet d'avoir "H HARDWARE.FR" plutot qu'un simple "HARDWARE.FR"? :/


Le pictogramme du H complète l'identité qui n'est pas bien mémorisable sinon (car il n'y a aucun particularisme dans le typogramme HARDWARE.FR).
 
Par ailleurs il permet aussi dans sa forme carré d'être utilisé comme "raccourcis" identitaire pour être utilisé comme favicon, bouton d'application,... facile à caser.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 21-05-2011 à 12:33:57    

bronislas a écrit :

C'est un chouïa vide, je vais prendre les mesures de l'ancienne bannière, pour que le texte soit mieux centré, et essayer d'ajouter quelque chose qui "fasse" composant informatique. J'ai fait quelques tests, pas vraiment concluants pour l'instant car le logo perd beaucoup de lisibilité au passage.


Moi j'aime bien comme ça... possible que je l'intègre par défaut dans le thème à la prochaine maj car c'est vrai que l'autre est très typé :gratgrat:
J'ai une autre idée d'intégration de ce nouveau logo mais là j'ai pas le temps.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 21-05-2011 à 12:58:52    

Bah c'est bien les gars !
C'est du bénévolat quoi, faut pas être plus royaliste que le roi non plus.
 
Bon taf !


---------------
Si vis pacem, para bellum
Reply

Marsh Posté le 21-05-2011 à 13:37:13    

J'en ai refait deux avec la carte graphique. Ça vaut ce que ça vaut, je les laisse au cas où voudrait les utiliser pour personnaliser son thème.
http://pix.toile-libre.org/upload/original/1305977759.png
http://pix.toile-libre.org/upload/original/1305977782.png

 

tagban


Message édité par Skopos le 22-05-2011 à 16:29:09

---------------
Librarything|Last.fm|RYM
Reply

Marsh Posté le 21-05-2011 à 13:58:15    

Trop haut.


---------------
HFPonss - Désactivez votre Adblock sur HFR - Découper le monde à coup de rasoir pour voir au cœur du fruit, le noyau noir.
Reply

Marsh Posté le 21-05-2011 à 14:11:52    

C'est parce que j'ai réutilisé les dimensions du thème à l'origine, en le retravaillant, ça passe :
http://pix.toile-libre.org/upload/original/1305979854.png


---------------
Librarything|Last.fm|RYM
Reply

Marsh Posté le 21-05-2011 à 14:39:54    

[:gaga drapal]


---------------
FEEDBACK HFR  
Reply

Marsh Posté le 22-05-2011 à 12:08:49    

Skopos a écrit :

Salut,
 
Le HFR nouveau est arrivé et comme pour le beaujolais y'en a qui aime, d'autres pas.


 
Surtout que je ne me souviens pas qu'on ai demandé l'avis des hfriens  [:w3c compliant]


---------------
Broadcast4Reps♥  Dreams-Cars.net | Before Black | >> Le topic du V8 <<  
Reply

Marsh Posté le 22-05-2011 à 12:13:49    

JFKen a écrit :


 
Surtout que je ne me souviens pas qu'on ai demandé l'avis des hfriens  [:w3c compliant]


 
Si on reprend l'exemple du beaujolais, on demande ton avis pour le concevoir ?
 
Et puis un peu de changement ça fait pas de mal.
Y aura un petit temps d’adaptation.
 
Z'êtes vraiment des frileux du changement [:cerveau afrojojo]

Reply

Marsh Posté le 22-05-2011 à 13:38:55    

Stadire que le nouveau il a été prévu pour durer 15 ans, donc autant pas se gourray [:dawao]


---------------
HFPonss - Désactivez votre Adblock sur HFR - Découper le monde à coup de rasoir pour voir au cœur du fruit, le noyau noir.
Reply

Marsh Posté le 22-05-2011 à 14:01:40    

:o

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed