Tutofaf

Un blog d'aide fait par les femmes au foyer pour les cyberquiches !

17 mai 2006

TRANSFORMER UNE BANNIERE EN BOUTON

C'est ma technique, elle n'est sans doute pas unique, ni la meilleure, mais c'est celle que je connais !!

Je lance le logiciel PAINT (Logiciel livré avec Windows, que je trouve dans le menu DEMARRER puis PROGRAMME et ACCESSOIRES.

Je vais ensuite sur le blog choisi...et j'affiche la page avec sa bannière.

Puis j'appuie sur la touche de mon clavier "Impr écr. Syst" (si, si cherchez bien...elle se trouve tout en haut à cpté de la touche F12) - il ne se passe rien, c'est normal.

Je vais dans PAINT et là je vais dans le menu EDITION puis je fais COLLER !

Surprise, la page du blog apparait !

J'utilise ensuite l'option SELECTION de Paint (en haut à gauche, le rectangle en pointillés) puis je sélectionne soigneusement la bannière.

Je me positionne à l'intérieur de ce que je viens de sélectionner et j'actionne le clic droit de ma souris.

Je choisis l'option COPIER VERS.

Je sauvegarde alors la bannière en lui donnant un nom (exemple "bannière01).

La bannière est alors sur mon disque dur.

Pour l'inclure dans mes liens sous forme de bouton, je n'ai qu'à suivre les instructions "PLACER DES BOUTONS DE LIEN DANS UNE COLONNE"


Posté par damouredo à 19:09 - PETITS EXTRAS - Commentaires [18] - Rétroliens [0] - Permalien [#]


18 août 2006

GENERATEUR DE COULEURS

En mode normal comme en mode avancé !

E
t on peut s'amuser avec un petit générateur de couleurs !!

 
On trouve la "bête" ICI

Et les explications ICI

Posté par damouredo à 01:23 - PETITS EXTRAS - Commentaires [1] - Rétroliens [0] - Permalien [#]

LA PHRASE REBONDISSANTE

En mode normal comme en mode avancé !

Que du nouveau en ce moment !!

Alors aujourd'hui, on va apprendre à faire des effets...REBONDISSANTS !!

Rien de plus simple !!

Faites un COPIE-COLLE de ce code HTML...

<marquee bgcolor="#FFFFFF" behavior="alternate"><p><font color="#000000">Comment faire une phrase rebondissante</font></p></marquee>

Puis cliquez dans la barre d'outils de création de votre message sur le symbole  <> (Tout le monde le voit ?)

Puis collez votre code en ayant soin de modifiier "Comment faire une phrase rebondissante" par la phrase que vous souhaitez faire rebondir !!

Puis vous recliquez sur sur le symbole  <> et continuez normalement votre message.

Comment faire une phrase rebondissante

Posté par damouredo à 12:07 - PETITS EXTRAS - Commentaires [18] - Rétroliens [0] - Permalien [#]

13 janvier 2007

LE MENU DEROULANT DE FRAISALO

Il est beau mon texte défilant qui donne les news hein? bah je vais vous expliquer comment faire pareil sur votre blog à vous!

La formule magique c'est :

<noscript>Texte défilant<br></A></noscript><marquee Class="Scroller" behavior="scroll" direction="up" width="100%" height="60" scrollamount="1.90" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font color="#000000"><font size="1.70" face="Arial, Helvetica, sans-serif"><strong><em>et voici un tuto pour faire un texte defilant sur votre blog!!<em> </strong></font></font></marquee>

et voici un tuto pour faire un texte défilant sur votre blog!! 

là ça fait un texte qui se déroule de bas en haut, vous pouvez en changeant juste un mot faire un texte qui défile à l'horizontale:

à direction="up"
changez le up par left

je suis plutot pratique pour passer en dessous d'une banniere comme ça! 

la vitesse de déroulement est également modifiable:

scrollmount="1.90";
changez le chiffre pour modifier la vitesse, prenez un plus petit pour aller plus lentement et un plus grand pour aller plus vite!

hop, 3 au lieu de 1.90 c'est beaucoup plus rapide!!! 

vous pouvez également changer la longueur:
height=60
plus le chiffre est grand plus c'est large!

j'ai beaucoup moins le temps d'être vu avec une hauteur de 30 au lieu de 60! 

ici: font color="#000000" vous pouvez modifier la couleur en utilisant des codes de couleurs html: #000000 veut dire noir!, la couleur ci dessous est #dc143c

je peux voir la vie en rose en changeant le code de couleur! 

font size="1.70" vous permet d'agrandir votre texte en remplacer le chiffre par un plus grand ou retrecir en mettant un plus petit

ici dans font size j'ai mis 3 au lieu de 1.75!! 

et j'allais oublier! pour enlever l'italic retirez les "lt;em"gt; .. "lt;/em"gt; qui encadrent le texte, pour le gras c'est "lt;strong"gt; .. "lt;/strong"gt;

voila tout ce que je sais, j'espère avoir pu aider quelqu'un, si mes explications ne sont pas claires n'hésitez pas à me le signaler!!

ps: pour aller à la ligne dans votre texte il suffit de mettre ce code "lt;/br"gt; entre deux mots
ex : bienvenue sur mon blog"lt;/br"gt;bonne visite!

Merci à Fraisalo

Posté par damouredo à 12:45 - PETITS EXTRAS - Commentaires [6] - Rétroliens [0] - Permalien [#]

28 janvier 2007

SAUVEGARDER SON BLOG par Casa Dolce Casa

"Voilà un post que plusieurs d'entre vous attendent depuis quelques temps (sorry, je n'ai pas eu le temps avant ! sniff!)...

Nous avons des blogs, qui reflètent notre personnalité et aussi notre quotidien. Et, tout comme un journal intime, je pense que chacune d'entre nous souhaiterait pouvoir le garder et le consulter quand on sera toute vieilles et toutes ridées au coin du feu !

Alors, en quelques étapes, voici comment récupérer son blog (ou site)"

La suite c'est ICI


Merci à CASA pour ce tuto

Posté par damouredo à 13:26 - PETITS EXTRAS - Commentaires [2] - Rétroliens [0] - Permalien [#]

07 mars 2007

Ouvrir le lien d'un autre site dans une autre fenêtre

"target="_blank" ... ou comment ouvrir vos liens dans une autre fenêtre !!

Voilà comment ouvrir les liens vers d'autres sites dans une nouvelle fenêtre plutôt que dans la fenêtre courante.

Il suffit, dans la ligne URL du lien, de taper après l'adresse de celui ci (et après avoir mis un espace bien sûr) l'instruction suivante : "target="_blank"

puis vous validez.

Un petit extra que nous devons à Clochette93. Merci à elle.

Posté par damouredo à 17:56 - PETITS EXTRAS - Commentaires [0] - Rétroliens [0] - Permalien [#]

28 juillet 2007

NETVIBES mode d'emploi

Si, comme moi vous surfez beaucoup, que vous aimez feuilleter pleins de blogs et que vous discutez sur quelques forums, vous savez le temps que ça peut prendre et pendant ce temps votre vaisselle ne se fait pas :D !

Grâce à ma grande fille (24 ans), qui a toujours des bons plans, j'ai découvert Netvibes.

Il s'agit d'un portail français (cocorico), personnalisable et gratuit. Il permet d'avoir tous ses blogs, forums et mails en un seul coup d'oeil et de ne pas perdre de temps à tout ouvrir. Comme quelques images valent mieux qu’un grand discours, je vais vous montrer de quoi il s’agit.

Voilà à quoi cela ressemble :
Netvibes_14
Il y a un onglet pour général ou j'ai mis la météo, un sudoku, le moteur Google, un moteur de recherche vidéo, un traducteur et j'ai ajouté un onglet pour chaque thème de blogs, selon mes goûts, enfin un onglet pour mes boîtes de mail. L'originalité de Netvibes, c'est que des internautes peuvent créer ou traduire des nouveaux outils, c'est là que j'ai trouvé mon sudoku (voir personnaliser votre portail).

Comment s’inscrire à Netvibes ?

C’est bête comme chou, vous allez sur http://www.netvibes.com/, un portail tout fait s’ouvre. Il faut vous inscrire pour qu’il devienne votre page, il suffit de mettre une adresse mail et un mot de passe dédié à votre portail  (pas le mp de votre adresse mail, hein !).

Netvibes_1

A partir de là, c’est à vous de le personnaliser. Fermez les blocs déjà existants
et dont vous ne voulez pas en cliquant sur la croix en haut à droite du bloc.
 

Comment rajouter un flux ?


Il s’agit de rajouter l'adresse d'un blog, d' un mail ou d'un forum; ici, je vais rajouter mon blog. Attention, tous ces médias n'ont pas toujours de flux, dommage mais ça viendra de plus en plus.

Netvibes_flux

Comment lire les blogs ?
Un chiffre, indiquant les nouveaux articles, apparaît dans l'onglet. D'un seul coup d'oeil vous savez si il y a des nouveautés.Netvibes_onglets

Pour lire ces nouveaux articles, soit vous glissez la souris sur le titre, une bulle apparait avec le résumé, soit vous cliquez sur l'article pour en avoir le contenu complet, il s'ouvre dans une plus grande fenêtre. Les articles déjà lus deviennent grisés dans les listes (le petit jeux est, lorsque vous avez pleins de blocs, de découvrir où est le nouvel article, lol).

Netvibes_lecture

Personnaliser votre portail.
Pour choisir un thème, une langue, un wallpaper c'est dans option. J’ai pris Coriander, il permet de mettre des petites icônes et de redimensionner les blocs, mais j’ai vu qu’il y en régulièrment des nouveaux, à vous de découvrir.
Netvibes_th_me

Vous pouvez déplacer vos blocs dans la fenêtre pour les ranger comme vous le voulez ou carrément les changer d'onglet en les glissant vers l'onglet désiré.
Netvibes_deplacement

Dans la colonne de gauche pour ouvrir les flux vous avez aussi un annuaire de flux, et des outils intéressants; soyez curieux, ouvrez et fouillez pour trouver votre bonheur.
Netvibes_rajout_flux

Vous pouvez mettre des icônes (sous Coriander) et des couleurs à vos onglets et blocs.
Netvibes_15  Netvibes_18

Si vous voulez rajouter des modules rigolos ou utiles comme des jeux, calculateurs, bloc-notes, calendriers, outil de traduction etc. suivez ce lien http://eco.netvibes.com/. Sur ce même lien, vous pouvez proposer vos propres modules ou d'en traduire, car Netvibes est aussi fait par ses utilisateurs.

Voilà, dans les grandes lignes, comment utiliser Netvibes, le reste vous le découvrirez en l'utilisant.

Pour une information complète, sachez qu'il existe d'autres types de portail, voici ceux que je connais LiveEskobo, Goowy par windows.

Edit du 19/10/07 :

Je rajoute le lien des aides sur le faq de netvibes. Si vous avez des questions ou rencontrez un souci allez sur :

http://faq.netvibes.com/fr

 

Posté par la gauloise à 22:25 - PETITS EXTRAS - Commentaires [1] - Rétroliens [0] - Permalien [#]

05 septembre 2007

Un petit diaporama?

Un petit diaporama comme celui là ça vous tente? En mode normal ou en mode avancé?

 

Album powered by ComBoost zooms: 1 2

Alors vous allez voir c'est tout simple!

Sur le site :

Tout d'abord vous devez vous inscrire ici http://www.comboost.com

Puis se connecter avec son identifiant et son mot de passe.

Choisir Comboost photo. Là, choisir "télécharger photo". Le reste est très bien expliqué sur le site.
Quand toutes vos photos seront téléchargées et que votre album sera créé, vous irez à "ma page comboost" et vous choisirez "Diaporama gratuit pour sites et blogs"

Il y aura un cadre avec "code à insérer". Vous faite un "copier" avec le clic droit de la souris.

Sur votre blog :

Vous allez sur votre page "poster un message" sur votre blog. Vous selectionnez <> sur la barre, et là vous coller le code. Pour rédiger du texte qui accompagnera votre diaporama vous appuyez à nouveau sur <>. Et votre écran va apparaitre sur votre billet.

Ce diaporama est idéal pour créer des index mais aussi bien plus convivial que les albums photos de canalblog. Le concepteur du site envisage de mettre au point des diaporama à mettre dans les colonnes et des diapo à  styliser pour les intégrer esthétiquement dans le blog.

Autre projet en cour : intégrer les légendes sous les photots du diapo. Bref plein de bonnes choses à venir.

@ suivre de près.

Posté par Lavande34 à 09:13 - PETITS EXTRAS - Commentaires [9] - Rétroliens [0] - Permalien [#]

10 septembre 2007

Art rage 2, la peinture plus vrai que nature !

Grâce à la version gratuite du logiciel Art rage 2, vous allez réveiller l'artiste qui sommeille en vous et vous faire des bannières top créatives !

Ce logiciel en version française, permet de faire de vrais dessins avec des outils comme le pinceau, le crayon à papier ou encore le fusain. En tout six outils dont on peut choisir la taille, l'intensité ou naturellement la couleur pour un résultat plus vrai que nature !! Voici quelques oeuvres vues sur le forum Art rage  :

byzantium_842if_lettersLNL_ar_waheednasirragenew22jungleredflwrsposter_standard_e_mail_view_185


Vous téléchargez Art rage, vous l'installez. Un petit tuto plus tard, vous êtes la petite soeur de Michel Ange ;D


Tutotaf artrage
envoyé par titituto

Voici en plus gros quelques textures obtenues :

artragetextures

Bonne création et amusez-vous bien !

Posté par la gauloise à 14:46 - PETITS EXTRAS - Commentaires [2] - Rétroliens [0] - Permalien [#]

19 février 2008

Insérer une bannière sur BLOGSPOT

A garder sous le coude...

http://forum.hardware.fr/hfr/Graphisme/Divers-5/blogger-quelqu-aider-sujet_25031_1.htm

Egalement :

Je commence par créer une image sur photoshop en .pict ou .gif (format 742x70pixels pour moi, mais évidemment c'est comme vous voulez du moment qu'elle n'est pas plus large que le blog)
- Pour l'insérer dans le blog, allez dans MODELE, ELEMENTS DE LA PAGE,et clic sur MODIFIER du bloc EN-TETE, et hop insérez votre image
- Vous pouvez choisir de mettre votre image derrière la description blogger (c'est ce que j'ai fait) ou dessus pour une plus grande personnalisation ...

Posté par damouredo à 23:57 - PETITS EXTRAS - Commentaires [0] - Rétroliens [0] - Permalien [#]
« Accueil  1  2   Page suivante »
Haut de Page