Aller au contenu
Halo.fr Forums
  • Pub bloquée :(

Un nouveau thème pour Google aux couleurs de Bungie


lucifer

Messages recommandés

Bien sur que c'est possible (c'est même comme ca que l'on procède en général), si tu ne connais rien en css, je te conseille de jeter un œil sur:

:arrow:http://www.siteduzero.com/

:arrow:http://www.alsacreations.com/

:arrow:http://fr.selfhtml.org/

Pour réaliser ces diverses manipulations, je te conseille aussi le logiciel DreamWeaver, il s'agit d'un éditeur de site web de type WYSIWYG (What You See Is What You Get : ce que vous voyez est ce que vous obtiendrez)

Lien vers le commentaire

Mmm... je pense m'y connaitre en css vu que j'ai fait le forum, le wiki, et une partie du site ^^.

C'etait juste pour voir si c'est possible que je change un CSS pour un site bien particulier, et que les autres puissent en telechargant un package voir le CSS modifié.

Lien vers le commentaire

lol, effectivement tu dois en connaitre un rayon ^^

Pour répondre à ta question, oui c'est possible puisque c'est finalement ce que fait Stylish. :D

Rends toi sur le site concerné (celui que tu veux modifier) et fais un clic droit sur le logo stylish dans la barre d'état (en bas dans Firefox) et clique sur "Ecrire un style" !

Pour plus d'aide, n'hésite pas à aller jeter un œil sur le forum de Stylish: http://forum.userstyles.org/

Un exemple tout bête, j'ai créer un skin pour modifier le fond de page du site de H3i, voici ce que ca donne:

i545246_h3i.jpg

Et le code correspondant:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.halo3infinity.net/news.php"),

url-prefix("http://www.halo3infinity.net/news_cats.php"), url-prefix("http://www.halo3infinity.net/articles.php"), url-prefix("http://www.halo3infinity.net/viewpage.php") {


body {

background: #000000 url("http://photoshoplist.ke0.eu/crea/background.png")  top left repeat-x !important;

background-attachment: fixed !important;

margin:0 !important;

}


}

D'abord tu définis pour quel page tu appliques le style, ensuite tu le réécrits à ta sauce :enaccord:

Lien vers le commentaire
  • 2 months later...
  • 1 month later...
javou t'est calé, cepandant pour crée sont code CSS t'as pas un souci pour trouver les bon noms de balise, genre la barre de recherche google sa pourré très bien s'appelmé tartenpion*-+joli_oiseaux
Effectivement ca serait pas mal de faire un p'tit effort sur l'orthographe !

Pour répondre à ta question, non, ca n'est en rien difficile puisque dans le code source de n'importe quelle page, tu y retrouve ces balises, maintenant c'est sur qu'il faut chercher un peu mais ca n'est en rien compliqué quand on travaille de façon structurée (ainsi qu'avec de bon outils).

Sinon, je venais à la base pour vous fait part d'autre chose, actuellement je suis en train de réaliser un nouveau thème aux couleurs de la Xbox 360 pour Facebook, voici quelques images sur l'état d'avancement du projet:

facebox.th.png t706993_vue2.jpg

Attentions à vos yeux car comparé à l'interface basique de Facebook, c'est une explosion de couleurs que je vous prépare :wink:

En attendant, vous pouvez également découvrir mes autres compositions pour d'autres sites ainsi que pour l'interface utilisateur de Firefox:

http://userstyles.org/users/3164

Lien vers le commentaire
  • 2 months later...

Pour ceux que ca intéresse, voila également une petite variante de mon précédent thème Google avec Halo 3 ODST:

20479_after.png

:arrow:http://userstyles.org/styles/20479

Ainsi qu'un compagnon pour la recherche sur blogs (une prochaine variante pour l'actu est aussi au programme):

20556_after.png

:arrow:http://userstyles.org/styles/20556

EDIT: je suis aussi de train de préparer un p'tit thème pour le site halo.fr, je ne saurais pas vous dire exactement quand il seras fini mais je peux en tout cas affirmer qu'il sera aussi sympa que les autres :enaccord:

Voila un petit screen pour visualiser le rendu actuel:

app2g.png

POUR LES UTILISATEUR DE OPERA

Voici un petit tutoriel vidéo pour ceux qui voulaient savoir comment installer les thèmes de Stylish sur le navigateur Opera:

:arrow:http://www.dailymotion.com/user/martin4 ... h-sur_tech

Voila, j'attends bien entendu vos retours d'opinions 8O

Lien vers le commentaire

C'est pas mal :D .

Par contre, je pense que on ne pourra pas le faire passer en 'officiel', étant donné que l'on a habitué les gens a voir le site comme ça :D.

(si tu veux faires des theme different (avec des couleurs différentes donc) pour le forum, c'est totalement possible, et j'ai même simplifier la tache des gens comme toi en expliquant les 3 truc qu'ils fallait modifier pour changer les couleurs :D )

Lien vers le commentaire

Comme quoi il ne faut jamais dire jamais ^^

C'est pas mal :D .

Par contre, je pense que on ne pourra pas le faire passer en 'officiel', étant donné que l'on a habitué les gens a voir le site comme ça :D.

C'est justement l'intérêt de Stylish que de proposer aux habitués un thème alternatif sans pour autant perturber les habitudes de certaines personnes.

Et puis c'est vrai que j'ai plutôt bien réussi ce dernier :wink:

De plus, j'ai récemment découvert comment appliquer ces thèmes sur Opera et je vous l'expliquerais dans un prochain tutoriel vidéo (pour être bien certain que personne ne se plantera sur la marche à suivre).

EDIT: il est aussi possible de proposer le thème de base ainsi qu'un second thème alternatif (qui logiquement devrait fonctionner de la même façon sur tous les navigateurs) avec jQuery: http://blog.arnaud-k.fr/2009/developpem ... -switcher/

Et c'est là que Stylish peut être intéressant (ainsi maintenant qu'Opera) car ca permettrait de tester dans les moindres recoins tous les changements que l'on voudrait apporter avant de faire des modifications importantes !

Lien vers le commentaire
  • 3 months later...

Salut à tous, pour l'occasion de la sortie du trailer de Halo Reach, j'ai réaliser une seconde variante de mon thème pour personnaliser le moteur de recherche Google:

23308_after.png

Vous pouvez dès maintenant télécharger ce thème à cette adresse:

:arrow:http://userstyles.org/styles/23308

PS: pour ceux qui préfèrent voir apparaitre le gros logo sur l'accueil de Google, recherchez la ligne:

/* background-image: url("http://nsm02.casimages.com/img/2009/12/14/091214054352844575052534.png") !important; */

et supprimez les signes /* et */

Lien vers le commentaire
  • 3 months later...

Rejoindre la discussion

Vous pouvez poster dès maintenant et vous enregistrer plus tard. Si vous avez un compte, vous pouvez vous connecter ici pour poster avec votre profil

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement
  • Pub bloquée :(
×
×
  • Créer...