Aller au contenu


Photo

BoDegrad


  • Please log in to reply
5 replies to this topic

#1 BorakLeRouge

BorakLeRouge

    Hamster d'or (dort ?)

  • Membres
  • PipPipPipPipPipPipPip
  • 3 987 Messages :
  • Configuration:Mac Mini Core i7 2019 - 16Go - 2x1To SSD
  • Sexe:Masculin
  • Localisation:Cormeilles en Parisis.rb
  • Passions:Macintosh, Photo, Haute-fidélité, Ski, Roller, Call of Duty, Tactical Ops, Counter Strike, Worms 1

Posté 20 décembre 2011 - 00:11

Voila mon dernier petit utilitaire (toute petite application).

Le but est de générer une image "png" qui permet d'ajouter un dégradé sur une couleur de fond grace à un simple effet de transparence.
Avantage, le fichier png, peut s'appliquer sur toute couleur pour produire un effet de dégradé. En fait, ça fonctionne comme un filtre sur une couleur de fond.

En CSS, l'écriture ressemblera à ça :
h1 { background-color: #00318E ;
 background-image: url(degrad.png) ;
 background-attachment: scroll ;
 background-repeat: repeat ;
 background-position: center center ; }
Bon, ce n'est pas une grosse application, c'est même une de mes plus petites. Mais pour faire un petit dégradé de couleur je le trouve bien pratique.

L'applicatif est ici

Au fait, l'image générée est pour l'instant placée à coté de l'application.

Ce message a été modifié par BorakLeRouge - 20 décembre 2011 - 12:11 .

Je fais mes sauvegardes sur NSA-Cloud !

Au bout de 10 ans, le vieux MacPro vient de laisser sa place à un MacMini i7...


#2 FredoMkb

FredoMkb

    ...bosseigne...

  • Membres
  • PipPipPipPipPipPipPip
  • 2 645 Messages :
  • Configuration:iMac-SowLeopard
  • Sexe:Masculin
  • Localisation:StÉ
  • Passions:À part rien, absolument tout le reste !

Posté 20 décembre 2011 - 11:37

Très sympa ton logiciel Borak, simple mais efficace :up:

Juste dommage qu'on ne puisse pas entrer des valeurs numériques précises, avec un simple champ texte par exemple (formaté pour ne recevoir que des nombres), car c'est parfois un peu chiant d'obtenir une valeur exacte avec les curseurs... sinon, à part ça, ça fonctionne bien et c'est plutôt une bonne idée je trouve ! :clap:

;)
Fredo
"Un pas à la fois me suffit..." Gandhi
"Il n'y a rien de plus inutile que quelque chose d'inexistant. Il n'y a rien de plus utile que de tenter de le créer." FredoMkb

#3 BorakLeRouge

BorakLeRouge

    Hamster d'or (dort ?)

  • Membres
  • PipPipPipPipPipPipPip
  • 3 987 Messages :
  • Configuration:Mac Mini Core i7 2019 - 16Go - 2x1To SSD
  • Sexe:Masculin
  • Localisation:Cormeilles en Parisis.rb
  • Passions:Macintosh, Photo, Haute-fidélité, Ski, Roller, Call of Duty, Tactical Ops, Counter Strike, Worms 1

Posté 20 décembre 2011 - 12:11

Bonne idée pour les valeurs en dur...

Il faut aussi que je donne la possibilité de choisir le fichier cible.

Je fais mes sauvegardes sur NSA-Cloud !

Au bout de 10 ans, le vieux MacPro vient de laisser sa place à un MacMini i7...


#4 Amarok II

Amarok II

    NeoAdmin

  • Administrateurs
  • PipPipPipPipPipPip
  • 1 473 Messages :
  • Configuration:Un petit truc en alu avec un grand rectangle lumineux qui affiche des choses qui bougent quand je chatouille un autre truc en alu, là... tout plat.
  • Sexe:Mystère
  • Localisation:Perpignan, France
  • Passions:MacFr bien sûr !

Posté 20 décembre 2011 - 15:05

pas mal du tout ton appli borak :)

il faudrait pouvoir aussi changer la couleur de fond pour tester et/ou générer un png NON transparent (plus petit en taille), pour l'intégrer.

pour ma part, je vais sur le site css3 gradient generator qui permet de faire des choses assez sympathiques :)

au final, un peu comme toi dans l'idée, je me suis fait une feuille de style contenant deux types de dégradés, que j'utilise avec des classes.
par exemple :
<div class="gradient-inverted blue light"></div>
va me faire un dégradé du foncé au clair, sur un fond bleu avec un texte clair, l'avantage ici, c'est que je n'ai pas besoin d'image justement :-)
et le code généré par le site cité ci-dessus ( :P ) est compatible avec IE aussi (au cas ou, mais dans l'ensemble, je m'en tape pas mal).

MacBook Pro (13", fin 2012)
8Go RAM - 256Go SSD - 1To HD

Technicien certifié ACMT et plein d'autres trucs...

"On peut voir de bien des façons. On peut être aveugle de bien des façons." (Frank Herbert, Dune)

"Tu ne feras point de machine à l'esprit de l'homme semblable." (Frank Herbert, Dune)


#5 BorakLeRouge

BorakLeRouge

    Hamster d'or (dort ?)

  • Membres
  • PipPipPipPipPipPipPip
  • 3 987 Messages :
  • Configuration:Mac Mini Core i7 2019 - 16Go - 2x1To SSD
  • Sexe:Masculin
  • Localisation:Cormeilles en Parisis.rb
  • Passions:Macintosh, Photo, Haute-fidélité, Ski, Roller, Call of Duty, Tactical Ops, Counter Strike, Worms 1

Posté 20 décembre 2011 - 16:16

il faudrait pouvoir aussi changer la couleur de fond pour tester

C'est déjà effectif. Pour changer la couleur de fond, il suffit de cliquer sur l'image.

Comme j'utilise un format png, ma méthode n'est pas compatible IE6. mais pour le reste, ça marche...

De toute façon, utiliser IE6 c'est mal.

Sinon, j'ai un petit exemple de page de test sur laquelle on peut afficher des dégradés (avec seulement deux tailles de png toujours identiques selon la couleur choisie). Le changement de style se fait uniquement par un ajout de classe.

Effectivement, je sais que l'on peut le faire en CSS3, mais j’hésite encore à l'utiliser à cause d'Explhorreur.

Je fais mes sauvegardes sur NSA-Cloud !

Au bout de 10 ans, le vieux MacPro vient de laisser sa place à un MacMini i7...


#6 BorakLeRouge

BorakLeRouge

    Hamster d'or (dort ?)

  • Membres
  • PipPipPipPipPipPipPip
  • 3 987 Messages :
  • Configuration:Mac Mini Core i7 2019 - 16Go - 2x1To SSD
  • Sexe:Masculin
  • Localisation:Cormeilles en Parisis.rb
  • Passions:Macintosh, Photo, Haute-fidélité, Ski, Roller, Call of Duty, Tactical Ops, Counter Strike, Worms 1

Posté 20 décembre 2011 - 21:45

Modifications :

- Ajout de champs pour la saisie des valeurs (en complément des curseurs).

- Possibilité de sauvegarder la couleur de fond dans le "png" (Même si on perd le fonctionnement filtre que je préfère utiliser).

- Ajout d'un dialogue de sauvegarde (avec pré-renseignement du nom).

- Ajout de GDI+ dans la compilation Windobe pour que ça marche aussi (à vérifier).

Toujours au même endroit

Ce message a été modifié par BorakLeRouge - 20 décembre 2011 - 21:53 .

Je fais mes sauvegardes sur NSA-Cloud !

Au bout de 10 ans, le vieux MacPro vient de laisser sa place à un MacMini i7...





1 utilisateur(s) en train de lire ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)