Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1503 connectés 

  FORUM HardWare.fr
  Graphisme
  Galerie

  Nouveau logo et bannière custom pour HFR

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

Nouveau logo et bannière custom pour HFR

n°1127097
Skopos
Posté le 19-05-2011 à 18:34:35  profilanswer
 

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
mood
Publicité
Posté le 19-05-2011 à 18:34:35  profilanswer
 

n°1127098
Skopos
Posté le 19-05-2011 à 18:34:49  profilanswer
 

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
n°1127100
Harrybeau1
Verba volant, scripta manent
Posté le 19-05-2011 à 18:41:26  profilanswer
 

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


---------------
Panem et circenses. Nihil novi sub sole.
n°1127101
the one_
# Never ' ! ♪
Posté le 19-05-2011 à 18:42:07  profilanswer
 

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

n°1127102
-cas-
Bescherelle proof
Posté le 19-05-2011 à 18:45:46  profilanswer
 

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


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

n°1127103
Harrybeau1
Verba volant, scripta manent
Posté le 19-05-2011 à 18:54:58  profilanswer
 

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…


---------------
Panem et circenses. Nihil novi sub sole.
n°1127105
Skopos
Posté le 19-05-2011 à 19:15:08  profilanswer
 

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

n°1127108
AnthonyD
»»───(knee)───►
Posté le 19-05-2011 à 19:29:29  profilanswer
 

Bah c'est logique hein...

n°1127110
Skopos
Posté le 19-05-2011 à 19:49:48  profilanswer
 

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
n°1127112
leserigrap​he
Stop the music and go home
Posté le 19-05-2011 à 20:00:47  profilanswer
 

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

mood
Publicité
Posté le 19-05-2011 à 20:00:47  profilanswer
 

n°1127118
-cas-
Bescherelle proof
Posté le 19-05-2011 à 22:02:11  profilanswer
 

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

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

n°1127124
Skopos
Posté le 20-05-2011 à 08:04:39  profilanswer
 

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

n°1127142
elfe_erran​t
A consommer avec modération
Posté le 20-05-2011 à 12:54:08  profilanswer
 

Drap, faites quelque chose  [:fegafobobos:2]


Message édité par elfe_errant le 20-05-2011 à 13:09:01
n°1127143
garath_
Posté le 20-05-2011 à 12:57:54  profilanswer
 

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
n°1127144
Timoonn
Moune pour les intimes :o
Posté le 20-05-2011 à 13:44:42  profilanswer
 

[: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.
n°1127145
cHacAL31
Jamais parlé de Boobs&Guns !
Posté le 20-05-2011 à 13:49:27  profilanswer
 
n°1127147
sire de Bo​tcor
Armorican way of life
Posté le 20-05-2011 à 14:06:24  profilanswer
 

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
n°1127151
Gein
Posté le 20-05-2011 à 15:29:04  profilanswer
 

[:drapal]

n°1127152
XaTriX
Posté le 20-05-2011 à 16:02:24  profilanswer
 

Un goatse ? :D
 
XaT


---------------
"Xat le punk à chien facho raciste. C'est complexe comme personnage." caudacien 05/10/2020
n°1127153
sire de Bo​tcor
Armorican way of life
Posté le 20-05-2011 à 16:03:06  profilanswer
 

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
n°1127170
Acrylic
Rock stable à 1,243 Ghz...
Posté le 20-05-2011 à 22:05:46  profilanswer
 

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
n°1127173
Skopos
Posté le 21-05-2011 à 11:45:52  profilanswer
 

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 ?

n°1127174
bronislas
Posté le 21-05-2011 à 11:48:27  profilanswer
 

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
n°1127175
Skopos
Posté le 21-05-2011 à 11:54:45  profilanswer
 

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.

n°1127177
bronislas
Posté le 21-05-2011 à 12:01:55  profilanswer
 

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
n°1127178
AnthonyD
»»───(knee)───►
Posté le 21-05-2011 à 12:03:49  profilanswer
 

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

n°1127179
bronislas
Posté le 21-05-2011 à 12:05:58  profilanswer
 

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
n°1127181
Skopos
Posté le 21-05-2011 à 12:16:43  profilanswer
 

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

n°1127182
bronislas
Posté le 21-05-2011 à 12:22:02  profilanswer
 

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
n°1127184
Skopos
Posté le 21-05-2011 à 12:31:37  profilanswer
 

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.

n°1127185
Skopos
Posté le 21-05-2011 à 12:33:57  profilanswer
 

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.

n°1127186
Harrybeau1
Verba volant, scripta manent
Posté le 21-05-2011 à 12:58:52  profilanswer
 

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 !


---------------
Panem et circenses. Nihil novi sub sole.
n°1127187
bronislas
Posté le 21-05-2011 à 13:37:13  profilanswer
 

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
n°1127189
Timoonn
Moune pour les intimes :o
Posté le 21-05-2011 à 13:58:15  profilanswer
 

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.
n°1127190
bronislas
Posté le 21-05-2011 à 14:11:52  profilanswer
 

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
n°1127191
noobzed
Where is Brian ? DTC !
Posté le 21-05-2011 à 14:39:54  profilanswer
 

[:gaga drapal]


---------------
FEEDBACK HFR  
n°1127210
JFKen
Un V8, une femme, une pipe
Posté le 22-05-2011 à 12:08:49  profilanswer
 

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 <<  
n°1127211
Gein
Posté le 22-05-2011 à 12:13:49  profilanswer
 

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]

n°1127216
Timoonn
Moune pour les intimes :o
Posté le 22-05-2011 à 13:38:55  profilanswer
 

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.
n°1127219
leserigrap​he
Stop the music and go home
Posté le 22-05-2011 à 14:01:40  profilanswer
 

:o

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Galerie

  Nouveau logo et bannière custom pour HFR

 

Sujets relatifs
Besoin d'aide pour bannière de site web[Aide] Création logo
Creation de logoBannière avec Gimp
Critique / Amélioration de mon logoQuel logiciel pour réaliser un logo
LOGO - Peut on reprendre un vieux logo ???demande de bannière forums
Projet logo université Ville d'Avray 
Plus de sujets relatifs à : Nouveau logo et bannière custom pour HFR


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR