• Désaturer une image


    votre commentaire
  • Ressources: image de fond - image

     

    Fusionner deux imagesFusionner deux imagesFusionner deux images


    2 commentaires
  • Installer une écriture

     

    Avec The Gimp vous allez créer des images ou scènes, et vous aurez certainement le besoin de rajouter du texte. Les polices par défaut ne se prêtent pas au graphisme mais plutôt à la bureautique. C'est pourquoi vous voudrez rapidement rajouter de nouvelles polices.

    De nombreux sites, proposant des polices gratuites, existent sur Internet. L'un des plus connus est www.dafont.com. Grâce à lui vous pourrez rechercher des polices par thème (fantastique, western,...)

     

      

    • Sous Windows 7/Vista :
      Sélectionnez les fichiers de polices (.ttf, .otf ou .fon) puis Clic-droit > Installer

    • Sous n'importe quelle version de Windows :
      Placez les fichiers de polices (.ttf, .otf ou .fon) dans le dossier Fonts, en général C:\Windows\Fonts ou C:\WINNT\Fonts
      (également accessible par le Menu Démarrer > Panneau de configuration > Apparence et thèmes > Polices).

      Notez qu'avec le dézippeur intégré de Windows (contrairement à Winzip) il n'est pas possible d'installer une police en faisant un simple glisser/déposer des .ttf depuis la fenêtre du zip vers la fenêtre du dossier Fonts. Il faut d'abord faire un glisser/déposer des .ttf n'importe où (par exemple sur le bureau) et ensuite dans le dossier Fonts.
      Vous pouvez aussi passer par le menu Fichier > Installer une nouvelle police... du dossier Fonts puis indiquer le chemin où se trouvent les polices, plutôt que de glisser simplement les polices dans la fenêtre. Bien que cette méthode soit plus laborieuse, il semblerait que ça fonctionne mieux dans certains cas.




    2 commentaires
  • Ressources: Render - 1ère texture - 2ème texture 

    Faire un avatarFaire un avatarFaire un avatar


    6 commentaires
  • Menu coulissant

    Pour votre image, elle doit faire une dimension de 90*70

    Alors déjà tu vas dans apparence => code css

    Et tu mets ça:

    #menugauchecoulissant {

    background:linear-gradient(top right,#313131,#000000);

    border: 2px solid grey;

    boder-radius: 8px 0px 8px 8px;

    box-shadow: 0px 0px 3px white;

    position: fixed;

    width: 9px;

    height: 70px;

    top: 80px;

    left: 0px;

    padding: 0px 0px 0px 6px;

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    transition-duration: 0.5s;

    }

     

    #menugauchecoulissant:hover {

    width: 80px;

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    transition-duration: 0.5s;

    box-shadow: 0px 0px 8px white;

    }

    Après tu vas dans un module SIMPLE déjà UTILISER et tu mets ce code:

    <div id="menugauchecoulissant"><a href="URL DU LIEN"><span style="color: #ffffff;"><img style="float: right;" src="URL DE L'IMAGE" alt="" /></span></a></div>

    Ce qu'il y a marqué en bleu turquoise tu le remplace par le l'url du lien

    Ce qu'il y a marqué en mauve tu le remplace par l'url de l'image


     

    Et puis normalment dans ton module simple ça va faire ça :

    (sur le blog de Miniko et Vongola)

     

    © Tuto de Minineko et de Vongola

     

    1° code HTML 

    <div id="menugauchecoulissant"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" /></span></a></div>

    2° code HTML  

    <div id="menugauchecoulissant" style="top: 160px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    3° code HTML  

    <div id="menugauchecoulissant" style="top: 240px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>

    4° code HTML  


    <div id="menugauchecoulissant" style="top: 320px;"><a href="Url du lien"><span style="color: #ffffff;"><img style="float: right;" src="Url de l'image" alt="" width="90" height="70" /></span></a></div>


    20 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique