flipper's profileAstuce...Découverte...Am...PhotosBlogLists Tools Help

Blog


    Mettre des cadres

     

          
        Suite à mon diaporama on m'a demandé comment j'avais fait mon cadre autour....
    il existe plusieurs façons d'agrementer un texte une image....
    Peut être un peu compliquer à première vue mais tres simple quand on a compris ....
    il faut un peu de methode et surtout ne pas hésiter à recommencer quand on s'embrouille les pinceaux...faîtes régulierement une sauvegarde de votre travail en l'enregistrant comme brouillon cela évite bien des catastrophes...
     
               il faut d'abord  ouvrir un billet puis cliquer sur <HTML>
                       vous devez voir <DIV></DIV>
                              C'est bon vous y êtes... 
                               éffacez <DIV></DIV>     
     Il ne vous reste plus qu'à entrer le code qui vous interresse
                         et revenir sur votre billet
                    (cliquez à nouveau sur <HTML>)pour 
            voir le résultat et inscrire votre texte à l'interieur
          
                style de cadre
                    
                                                                                      dèmo
       Avec cette formule beaucoup de possibilité...
                       Le cadre s'adapte à votre texte...
                             A vous d'y mettre couleur... bordure....
     
     

     

    <TABLE style="WIDTH: 136px; HEIGHT: 23px" borderColor=#336699 cellSpacing=2  width=136 border=2>
    <TBODY>
    <TR>
    <TD>
    <P ></P></TD></TR></TBODY></TABLE>

     

           La formule reste la même, seul quelques paramètres changent

    <TABLE style="WIDTH: 136px; HEIGHT: 23px" borderColor=#993366 cellSpacing=5 width=136 align=center border=2>
    <TBODY>
    <TR>
    <TD>
    <P></P></TD></TR></TBODY></TABLE>

    ce qui change : borderColor=#993366   ( la couleur )

                           cellSpacing=5     (l'épaisseur entre les deux traits)

    <TABLE style="WIDTH: 136px; HEIGHT: 23px" borderColor=#ff5879 cellSpacing=5 width=136 align=center border=10>
    <TBODY>
    <TR>
    <TD>
    <P></P></TD></TR></TBODY></TABLE>

    ce qui change : borderColor=#ff5879  (couleur)

                           border=10  (épaisseur du trait)

                                                

    <TABLE style="WIDTH: 136px; HEIGHT: 23px" borderColor=brown cellSpacing=0 width=136 align=center border=10>
    <TBODY>
    <TR>
    <TD>
    <P></P></TD></TR></TBODY></TABLE>

    ce qui change  bordercolor=brown

                          cellSpacing=0

     Voila vous avez bien compris qu'il existe une infinité de possibilité  en changeant les valeurs de border color, cellSpacing ou border .Maintenant à vous de jouer   ...en ce qui concerne les couleurs vous pouvez mettre leur nom en anglais à la place du code couleur (exemple :borderColor=black) ici la couleur sera noir comme sur le cadre ci-dessous  

                      Pour l'encadrement de photo ou d'image le code est presque identique 

     

       

    <TABLE style="WIDTH: 136px; HEIGHT: 23px" borderColor=black cellSpacing=5 width=136 align=center border=2>
    <TBODY>
    <TR>
    <TD>
    <P align=center><IMG src="adresse de votre image"
    ></P></TD></TR></TBODY></TABLE>

                   Vous trouvez votre photo ou image trop grande pas de souci

                          revenez sur votre billet (cliquez à nouveau sur <HTML>)

                      vous voyez votre image vous cliquez dessus des petits carrés

                   apparaissent réduisez alors votre image en prenant ceux des angles

                     pour garder les proportions comme j’ai fais ici pour notre planète

                     

                                      Il existe d'autre cadre que vous pouvez integrer dans vos blogs

                                           beaucoup plus decoratif que je vais vous expliquer la

                    premiere deco

                                            un cadre en faux 3D

    <TABLE style="WIDTH: 248px; HEIGHT: 96px" height=96 borderColorDark=darkred width=248 align=center borderColorLight=red border=10>
    <TBODY>
    <TR>
    <TD></TD></TR></TBODY></TABLE>

           Comme on a vu precedemment à vous d'adapter les couleurs ...

     

    <TABLE height=100 borderColorDark=darkblue width=150 align=center borderColorLight=blue border=10>
    <TBODY>
    <TR>
    <TD></TD></TR></TBODY></TABLE>

           Dans cet déco vous pouvez tres bien utiliser 2 couleurs diffentes

                ce qui donne:

     

    <TABLE height=100 borderColorDark=darkorange width=150 align=center borderColorLight=purple border=10>
    <TBODY>
    <TR>
    <TD></TD></TR></TBODY></TABLE>

             Voila maintenant il ne reste plus qu'a écrire dedans

                 ou mettre une image avec le code suivant

    <TABLE style="WIDTH: 248px; HEIGHT: 96px" height=96 borderColorDark=darkpink width=248 align=center borderColorLight=purple border=10>
    <TBODY>
    <TR>
    <TD>><IMG src="adresse de votre image"></TD></TR></TBODY></TABLE>

          Pour integrer une image cela se complique un peu..

        car il faut adapter l'image au cadre  le plus simple

        est de rentrer le code en html  et de revenir sur son billet

     de cliquer sur le cadre pour faire apparaître les petits carrés

     et de l'ajuster si cela n'est pas correct et faire la même chose

     avec l'image jusqu'a entière satisfaction du rèsultat final.

       Bien sur si vous connaissez les dimensions, rentrer les

     valeurs en lieu et place de width et heigth en rouge ci dessous

    pour l'image et en bleu pour le cadre

    <TABLE style="WIDTH: 417px; HEIGHT: 350px" height=350 borderColorDark=darkyellow width=417 align=center borderColorLight=brown border=10>
    <TBODY>
    <TR>
    <TD><IMG style="WIDTH: 390px; HEIGHT: 339px" src="adresse de votre image></TD></TR></TBODY></TABLE>

     

          deuxieme déco :

     Utilisation de glitter pour mettre un peu d'animation dans vos créations

     

     

    <TABLE style="WIDTH: 237px; HEIGHT: 164px"

    borderColor=#5b00ea cellSpacing=10 

    align=center background=adresse de votre glitter border=5>
    <TBODY>
    <TR>
    <TD>
    <P align=center>
    <P align=center><IMG src="adresse de votre image
    " align=center></P></TD></TR></TBODY></TABLE>

     

        Comme vous pouvez voir le glitter est une image de fond

    vous rentrez ce code en mode HTML(cliquez sur<HTML>)

    Sachez que comme pour les autres codes

    vous pouvez ajuster l'image(ainsi que le glitter)

    en revenant en mode normal(cliquez à nouveau sur<HTML>)

    Toutes les valeurs en rose peuvent être changer...

                       petit rappel:

              . borderColor  (couleur)     

              . border  (épaisseur du trait)

              . cellspacing (épaisseur entre les deux traits)

              . width (largeur)

              . height (hauteur)

      

    Ils sont mignon Non !!!

      vous pouvez écrire sous votre images comme ici

    rentrez le code ci dessous en <html>

    <TABLE style="WIDTH: 203px; HEIGHT: 182px" borderColor=#5b00ea cellSpacing=10 align=center background=adresse de votre glitter border=5>
    <TBODY>
    <TR>
    <P></P>
    <TD><IMG src="adresse de votre image" align=center> <P align=center>
    </P></TD></TR></TBODY></TABLE>

      Une fois le code mis revenez en mode normal sur votre billet

    et ecrivez votre message sous l'image et voila..

     j'espère avoir été assez clair dans mes explications....

      Deux adresses bien utile pour trouver des glitters

       http://d21c.com/dolphinsdream/diamonddust.html

       http://seira55.tripod.com/glitterfiles2.htm

       une adresse pour le code couleur

       http://services.absolute3d.net/couleur.html

    Voila je crois que maintenant vous pouvez vous lancer...

    Bon courage!!!

     

      Si vous rencontrez quelques problemes..dites le moi..

     

     

    mettre une image

    Image hébérgée par hiboox.com

               •••attention ••• 

       Surtout ne pas oublier de vérifier les copyrights et de demander l’autorisation à l’auteur quand cela est possible avant de publier une image ou photo trouvé sur le net. Car quoi de plus désagréable que d’être plagié.

              ••• apprenons à respecter le travail des autres •••

    Pour  mettre une image sur un billet il y a plusieurs solutions :

    •La plus simple mais pas la plus pratique. En bas de votre billet vous cliquer sur ajouter une photo à votre blog. Votre image sera prélevée sur votre ordinateur mais vous ne pourrez  ni la déplacer ni l’agrandir. Elle sera en bas de votre billet.

    •Faire un copier coller directement sur le billet, mais je ne le conseille pas personnellement.. Car lorsque la source sera supprimer ou remanier votre image disparaîtra.

    •faire héberger votre image avant de l’utiliser. Un fois chez votre hébergeur celui-ci vous donne un code du genre chez hiboox (<a href="http://www.hiboox.com" target="_blank"><img alt="Image hébérgée par hiboox.com" src="http://www.hiboox.com/images/. . . . . . . . . . .  . ." /></a>) ou les . . . . . sont remplacés par les données propre à votre image..  (pour trouver un hébergeur sur le net je vous conseille de lire mon article « hébergeur sur le net » que vous trouverez dans la catégorie astuce msn space.) une fois le code en  «  poche , vous ouvrez un nouveau billet  ou reprenez celui que vous aviez commencé…vous cliquez sur « HTML » vous insérez  votre code (en faisant un copier/coller)et vous revenez en mode normal après avoir cliquer à nouveau sur « HTML » la, vous verrez apparaître votre image. Les hébergeur ne sont pas infaillible non plus..mais en général assez stable .

                 •••attention ••• 

     Je vous conseille de noter  votre code quelque part dans un document Word ou autre car  il est très facile de perdre son image  suite à une mauvaise manipulation et puis «  mieux vaut prévenir que guérir »

                            JJJJJJJJJJJJJJJJJJJJJJJJJJJ 

        Une simple image toute seule n’a pas grand intérêt à moins que celle-ci soit spectaculaire…en règle général il est plus intéressant d’y ajouter un texte…un commentaire …un poème… on va voir  comment mettre en place votre billet.

    •• Modifier la taille de votre image : lorsque celle-ci est sur votre billet vous cliquez dessus vous verrez apparaître des points d’ancrage sur les bords de votre image .Il suffit alors de cliquer en maintenant la pression sur la touche de votre souris. Pour éviter de déformer votre image choisissez l’agrandissement dans les angles (au niveau des points)

    ••Alignement de votre image : Une fois sur votre billet vous cliquer droit sur votre souris et vous choisissez  la sélection qui vous intéresse alignement vertical ,horizontal,  centre…  faites des essais jusqu'à  ce que vous soyez satisfait de l’emplacement de votre image

    ••Mettre un texte à coté de son image :  lorsque celle-ci est sur votre billet Ne chercher pas à écrire à coté cela ne sert a rien… vous vous placer dessous votre image et vous écrivez votre texte…. Une fois fini vous cliquez droit avec votre souris et vous selectionné  alignement horizontal  puis • gauche  (votre image sera à gauche de votre texte) ou                                                                                                    droite (votre image sera à droite de votre texte)

                                    Voila pour un premier jet  j’espère avoir été assez clair dans mes explications j’y ajouterez bientôt d’autre possibilités ….

    mettre de la musique (suite)

    Image hébérgée par hiboox.com

    Musique en fond sonore :

         rien de plus facile  quand on respecte certaine règle....

         il faut ouvrir un billet et se mettre en HTML...c'est à dire cliquer sur <HTML> 

        vous copier ce code  en remplaçant  ce qui est écrit en rouge par l'adresse de votre hébergeur de musique .Mais attention ce code doit être écrit à la fin du billet car sinon il disparaît et votre musique ne fonctionnera pas.

                          <BGSOUND balance=0 src="ici l’adresse de votre musique" volume=0 loop=infinite> 

      Faîtes un essai en enregistrant un brouillon et vérifier que votre code est toujours la...si  c'est correct vous pouvez publier.

                   •••attention •••:

       • verifiez bien que votre musique est libre de droit (voir mon article dans la catégorie infos importante à savoir 

      • l'adresse de votre musique doit obligatoirement se terminer par .mp3  .wma  .waw  .mid ou.asf  

          •ne pas oublier que la musique se mettra en route à l'ouverture de votre billet..(mais seulement à la lecture de celui   dans              lequel vous avez introduit le code...alors imaginez si celui ci se trouve en dernier...)une petite astuce consiste à copier /coller votre code régulièrement dans votre nouvelle publication de manière à ce que celui ci se trouve toujours en tête de liste dans votre blog.

            •  votre musique ne sera entendu que par les personnes utilsant internet explorer

            •   évitez d’utiliser pour chaque billet une musique… une video….car imaginez le BROUHAHA  que cela pourrai donner…

                                   voila vous êtes prêt à mettre de la musique...

                       j'espere avoir été assez clair dans mes explications et avoir pu vous aider dans votre tache

     

                                                                   ....Bon courage....

                                                           

    Hébergeur sur le net

      Hébergeur sur le net… 

      Il existe plusieurs types d’ hébergement sur le net.. je vais essayer  de vous expliquer simplement…

      Hébergement veux aussi bien dire hébergement de site Internet .. Mais je m’en tiendrais ici a ce qui nous interresse.

    C'est-à-dire des hébergeurs GRATUIT d’images… de musiques …

                       •hébergement  en français ou vous pouvez gérer vos  images  : 

                                   http://www.grafx-upload.com/

                                   http://www.voiloo.net/grafx/      format utilise gif , jpg , jpeg et png

                       •hébergement anonyme pour vos images   en français :

                                    http://www.hiboox.com/           format utilise jpg, gif, png

                       •hébergement pour vos musiques et images  en anglais :

                                     http://filelodge.bolt.com/  

                                 ATTENTION vos musiques ne doivent pas dépasser 5Mo  pour ce site

                     pensez aussi que vous avez

            la possibilité d’héberger  vos fichierS

        chez votre fournisseur  d’accé –Internet

                       (FAI)  renseignez vous !!!

      La liste est longue en ce qui concerne les hébergeurs je n’en ai pris que quelque exemple

            que j’ai moi-même testé.  Je n’en ai pas trouvé pour la musique en français.

           Si vous avez connaissance d’un ou plusieurs je serais  heureuse de les ajouter

                                                   Bon courage …

                                             ...Dernieres nouvelles... 

     http://www.grafx-upload.com/      fait aussi  l'hébergement de vidéo mais je n'ai pas encore testé...

     

    Bon A Savoir

     

    Petit message… Petit message…Petit message…

     Ce qu'il faut savoir avant toute chose...C'est  que vous ne pouvez pas télécharger ni musique ...ni vidéo ...ect... directement de  votre ordinateur... pour le mettre sur votre  blog

      La seule exception sont les photos ou images que vous introduisez directement dans l'album photo...mais tout n'est pas perdu...Il suffit de trouver un hébergeur sur le net ....gratuit de préférence...pour stocker ...ce que vous voulez...

     Pour comprendre toutes les astuces qui suivront dans les jours à venir ..il vous faudra savoir utilisez ....votre  tête...votre   imagination...votre inspiration...enfin savoir simplement écrire un billet dans votre blog devrait suffire...du moins pour la plupart des   astuces...

    Mettre de la Musique

     
    Image hébérgée par hiboox.com
       il y a plusieurs façons de mettre de la musique sur son blog msn...

       je vous propose dans un premier temps d'installer un lecteur window media

              Musique sur le lecteur Window Média Player Powertoy

       Le lecteur window média est un module que l'on peut rajouter sur son blog ...ce n'est pas trop difficile...il suffit de suivre ..les   explications ....                                                                                                                                                                                           

       Quand vous êtes sur votre espace perso il faut se mettre en mode édition(sur la page d'accueil vous devez voir en haut à droite : afficher  votre espace perso) il faut vous ajouter a l'adresse dans le navigateur d'internet explorer le code suivant 

                                                                           &powertoy=musicvideo

      Vous devriez avoir quelque chose du genre : 

                                       http://votre nom space.live.com/….owner=1&powertoy=musicvideo

     •••attention •••:

          ne mettez pas d'espace sinon l'adresse deviendrait invalide...et se serait dommage ...faites un copier/coller du code cela sera plus simple...

    une fois l’adresse inscrite taper  OK

    laisser se charger la page puis cliquer sur PERSONNALISER

    choisissez MODULE puis AUTRES

    vous verrez s’afficher le module POWERTOY : LECTEUR WINDOW MEDIA cliquez dessus et le lecteur apparaitra dans votre blog..maintenant il ne reste plus qu’a enregistrer pour sauvegarder

        voila en ce qui concerne la mise en place du lecteur...maintenant  voyons  comment ça  fonctionne

      •••explication•••

                differentes fonctions à cocher ou remplir :

          • URL : mettre l’adresse de votre musique(attention il faut qu'elle soit libre de droit voir mon article dans la catégorie infos importante à savoir

            en ce qui concerne ces fonctionnalités à vous de voir si vous souhaitez certaine particularité sinon laisser tel quel

                                        Position in sec

                                        Times to play

                                         Rate to play    

     • Auto start : cocher la case si vous souhaitez que votre musique démarre automatiquement à l’ouverture de votre espace perso

     Display Mode :      →  invisible : le lecteur sera invisible

                                     → None : les boutons du lecteur n’apparaîtront pas

                                     → Mini : bouton visible

                                     → Full : bouton + barre de defilement visible  

     • Right Click Menu :   information sur votre musique

     •••attention •••    

             N'oubliez pas de cochez la case Auto Start si vous utilisez les modes Invisible ou None 

           n'oubliez pas de sauvegarder votre travail  en cliquant sur save

                                          voila vous êtes prêt à mettre de la musique...

                       j'espere avoir été assez clair dans mes explications et avoir pu vous aider dans votre tache

     J’utilise personnellement le site   http://www.emp3finder.com/ pour mes liens musicaux .  Mais il existe   des hébergeurs mais j’en parlerais dans un autre billet… 

                                                                         Bon Courage ...