tutorial .::. JUSTSEV

.:: Archive pour le mot-clef ‘tutorial’::.

Parquet brillant

Lundi 11 décembre 2006 0

1 ouvrir un calque, sélectionnez une zone ou vous voulez mettre votre tuile parquet

2 Ajoutez un calque

3 Faites quelques trais verticaux blanc à l’aide du pinceaux en variant les tailles ou utilisez une tuile avec quelques traits blancs

parquetbrillant3

4 Baissez l’opacité du calque ou se trouve les trais blancs (entre 20 et 30 l’opacité) selon votre goût.

5 Voilà le résultat…

Maintenant c’est à vous de jouer !!!

Vous trouverez quelques tuiles parquet dans la section GOODIES

parquet, pixel, psp, tuile, Tuto, tutorial, tutoriel
plug toi__

Papier cadre pour les nuls

Vendredi 8 septembre 2006 0

Vous vous arrachez les cheveux a faire un papier cadre ????
Bon je vais vous aider encore un peu…. !!!!!!
1 Vous faites votre cadre

2 Vous le découpez en 9 parties

3 Vous renommez vos images comme ci dessous c’est important !!!

fond.gif
9 morceaux de cadre 1.gif, 2.gif, 3.gif, 4.gif, 5.gif, 6.gif, 7.gif, 8.gif, 9.gif,
logo.gif (optionel)
entete.gif (optionel)

4 Vous montez le tout dans lettor creator comme a l’habitude

votre police, votre couleur
votre collection
votre signature
etc, etc, …

6 – Vous enregistrez votre papier

7 – Vous re-cliquez sur enregistrer le projet et faites ouvrir le dossier

8 – Récupérez votre enveloppe orange

9 – Créez un dossier vide portant le même nom que votre enveloppe

10 – Clic droit sur l’enveloppe et ouvrir avec votre logiciel zip

11 – Extraire tout dans le dossier du même nom que l’enveloppe

12 – Ouvrir Flavor.htm dans votre éditeur html

13 – Dans le code source vous gardez la partie jusqu’à la ligne 5 ou 6 c’est tout le codage UNIQUE (ne peux servir qu’une fois) de votre papier incredimail jusqu’au dernier X-quelque chose

*Attention POUR FRONT PAGE !!!!!!

le code à ne pas effacer est vers la ligne 5 mais vous devez vous déplacer avec le curseur vers la droite pour atteindre le premier « <TABLE id » si vous ne le voyez pas !!!!!

14 – Vous effacer donc….. tout le reste du code source à partir de :

<TABLE id=INCREDIMAINTABLE.........

jusqu'a la fin   .....</TABLE></BODY></html>

15- Il vous reste a copier l’un des 2 codes à la place de ce que vous venez d’effacer

Pour un cadre qui s’élargit au maximum

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align="center" valign="top">

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0"><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<td width="100%" height="36" id="INCREDIHEADER" colspan="3">
<p align="center">&nbsp;</p>
<p align="center"><img src="entete.gif" width="262" height="41" border="0"></p>
<p align="center">&nbsp;</p>
</td>
</TR>
<TR>
<TD id=INCREDIHEADER width="46" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="1.gif" align=baseline border=0 width="46" height="138"></TD>
<td width="100%" id="INCREDIHEADER" background="2.gif" height="48"></td>
<td width="24" id="INCREDIHEADER" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="3.gif" align=baseline border=0 width="24" height="138"></td>
</TR>
<TR>
<TD id=CENTERROW width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding="0" width="100%" border=0>
<TBODY>
<TR>
<TD id=INCREDITEXTLEFT width=0% height="100%" background="4.gif"></TD>
<TD id=INCREDITEXTREGION style="FONT-SIZE: 10pt" vAlign=top width="100%" height="100%" background="5.gif">
<DIV>
<p>&nbsp;</p>
</div>
</TD>
<TD id=INCREDITEXTRIGHT width=0% height="100%" background="6.gif"></TD>
</TR>
</TBODY>
<TR>
<td width="1%" id="INCREDITEXTLEFT"><img src="7.gif" width="46" height="21" border="0"></td>
<td width="100%" valign="top" background="8.gif" id="INCREDITEXTREGION" style="font-size:10pt;"></td>
<td id="INCREDITEXTRIGHT"><img src="9.gif" width="24" height="21" border="0"></td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=INCREDIFOOTER width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>
<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD vAlign=bottom width="100%">
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<p align="center"><FONT face=Verdana size=1>Crédits</FONT></p>
</DIV>
<DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

Pour un cadre plus petit et « fixe »* en largeur

<TABLE id=INCREDIMAINTABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align="center" valign="top">

<TABLE cellSpacing=0 cellPadding=0 width="400" border=0"><!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->
<TBODY>
<TR>
<td width="100%" height="36" id="INCREDIHEADER" colspan="3">
<p align="center">&nbsp;</p>
<p align="center"><img src="entete.gif" width="262" height="41" border="0"></p>
<p align="center">&nbsp;</p>
</td>
</TR>
<TR>
<TD id=INCREDIHEADER width="46" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="1.gif" align=baseline border=0 width="46" height="138"></TD>
<td width="100%" id="INCREDIHEADER" background="2.gif" height="48"></td>
<td width="24" id="INCREDIHEADER" height="48"><IMG id=INCREDISETASATTACH alt="" hspace=0 src="3.gif" align=baseline border=0 width="24" height="138"></td>
</TR>
<TR>
<TD id=CENTERROW width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding="0" width="100%" border=0>
<TBODY>
<TR>
<TD id=INCREDITEXTLEFT width=0% height="100%" background="4.gif"></TD>
<TD id=INCREDITEXTREGION style="FONT-SIZE: 10pt" vAlign=top width="100%" height="100%" background="5.gif">
<DIV>
<p>&nbsp;</p>
</div>
</TD>
<TD id=INCREDITEXTRIGHT width=0% height="100%" background="6.gif"></TD>
</TR>
</TBODY>
<TR>
<td width="1%" id="INCREDITEXTLEFT"><img src="7.gif" width="46" height="21" border="0"></td>
<td width="100%" valign="top" background="8.gif" id="INCREDITEXTREGION" style="font-size:10pt;"></td>
<td id="INCREDITEXTRIGHT"><img src="9.gif" width="24" height="21" border="0"></td>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD id=INCREDIFOOTER width="100%" colspan="3">
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=bottom>
<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD id=INCREDISOUND vAlign=bottom align=middle></TD>
<TD id=INCREDIANIM vAlign=bottom align=middle></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD vAlign=bottom width="100%">
<TABLE contentEditable=true style="FONT-SIZE: 12pt; MARGIN: 3px; WIDTH: 100%; FONT-FAMILY: Times New Roman" width="100%">
<TBODY>
<TR>
<TD>
<DIV>
<p align="center"><FONT face=Verdana size=1>Crédits</FONT></p>
</DIV>
<DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

</TD>
</TR>
</TBODY>
</TABLE>

</BODY>
</html>

Vous pouvez mettre une taille de 400px ou 70% c’est a vous de voir

PS : fixe veut dire qu’il ne prendra pas toute la larguer de la page
mais s’agrandira sans se casser si vous faites une longue phrase ou collez une image dans votre email qui serait plus grande que votre cadre

16 – maintenant dans sur l’aperçu de votre page ….vos images risquent d’être déformées…. reste plus qu’à double cliquer dessus et restaurer la bonne taille.

Att !! juste pour le petit cadre !!!

vous changer la taille du tableau selon votre cadre de départ ( le mien faisait 400 px de large ) C’est au début de ce que vous avez copier et collez vers ligne 6 ou 7..

<TABLE  cellSpacing=0 cellPadding=0 width="400" border=0">
<!-- CHANGEMENT DE TAILLE ICI EN % OU PX -->

17 – Vous enregistrez et vous supprimer les fichier .bak et .temp dans votre dossier….

18 Pour finir faites votre archive.CAB et renommer en .imf

Bon j’espere que cette fois ça vous aidera !!!!
même pour celles qui savent déjà faire le papier cadre…c’est un gain de temps considérable si vous pensez à bien enregistrer vos images avec les noms que je vous ai donné 1.gif, 2.gif ect…
N’hésitez pas à me dire ce que vous en pensez ?

ou si vous avez des soucis c’set ci dessous…vous pouvez vous entraidez ou laissé également vos astuces pour les suivants !!

VIDEOS EN AIDE

papiercadre1
papiercadre2
TELECHARGEMENT DES VIDEOS
papier cadre nul1 - 10
papier cadre nul2 - 10

im, incredimail, papier cadre, Tuto, tutorial, tutoriel
plug toi__

Création doc.CAB sans logiciel

Vendredi 8 septembre 2006 0

Comment créer un fichier .cab sans logiciel ???
Tout ce dont vous avez besoin c’est de votre windows XP !!!!!!

On commence…..

1 Faites DÉMARRER – EXÉCUTER
Tapez iexpress

2 Ajoutez vos fichiers (pour im : images+flavor.htm+content.ini)

3 Donner un nom a votre archive – de 5 lettres sinon ça ne marche pas

4 On peut voir ici en gris pâle le chemin ou sera enregistré votre fichier.CAB
C:\Documents and Settings\VOTREORDI

5 Voilà ou se trouve votre archive une fois réalisée

C:\Documents and Settings\VOTREORDI

6 Pour les papiers incredimail renommez votre .cab en .imf

voilà

bon amusement !!!

cab, im, incredimail, Tuto, tutorial, tutoriel
plug toi__

Polaroid en css

Samedi 12 août 2006 0

Je cherchais un moyen simple de transformer mes images de blog en polaroid sans avoir a les retoucher avec un logiciel tel paint shop pro…
En passant tout simplement par la feuille css

LE CODE DANS VOTRE PAGE .CSS

Voici le code

/*le texte sous l’image dans le pola*/
.pola  {
background-color : #ffffff;
text-align : center;
padding-top : 10px;
padding : 6px 6px 10px 6px;
border : 1px solid #c3c3c3;
margin : 0 5px 5px 0;
float : left;
display : table;
width : 1px;
}

/*bordure pour l’image*/
.pola img {
border : 0 solid #c3c3c3;
}

/*le texte sous l’image dans le pola*/
.pola p.polatext {
font-size : 12px;
text-align : right;
padding : 2px 2px 2px 2px;
margin : 0;
color : #888888;
}

LE CODE DANS VOTRE PAGE HTML

sans lien

<div class="pola"><img src=’http://www.justsev.com/MON IMAGE.jpg’ alt=’Mon kdo’ /><p class="polatext">MON TEXTE</p></div>

avec lien

<div class="pola"><a href=’http://www.justsev.com/MON IMAGE.jpg’><img src=’http://www.justsev.com/wp-content/MON IMAGE miniature.jpg’ alt=’mon titre image’/></a><p class="polatext">Petit mix de fimo</p></div>

EXEMPLE

tassimo

tassimo et lien

A vous de personnaliser bordure, couleur du texte, espacement,…

css, polaroid, Tuto, tutorial, tutoriel
plug toi__

Diviser un cadre dans psp

Mardi 23 mai 2006 0

voici un petit tutoriel qui vous permettra de diviser facilement un cadre.

que ce soit pour votre site ou tout autre utilisation

voici le cadre sur lequel nous allons travailler.

LE CADRE

Dans votre psp

faites :

fichier
exporter
images fractionnée

cliquez sur la petite grille, comme ci-dessous et diviser en 3 et 3

Clic sur la grille

division 3 par 3

Régler avec les lignes avec la fleche pour garder un maximum d’espace au centre. Attention à ne pas couper une image, ou faites-le de manière à ce qu’elle se répète correctement (pour les cadre flexible).