Mise en page: Comment faire des cadres?

Tout d'abord, il faut savoir faire des bandes de couleurs.
On y arrive en mettant la même couleur de texte et de fond à des cacactères: %%%

Nous aurons besoin de la couleur de fond de votre skyblog! Je donne les codes couleur dans un article plus loin dans mon blog!
Mon habillage est le 21, ma couleur est donc: #4a4c52
Ca permet de faire des décalages lorsque l'on met des caractères dans cette couleur:

%%%Décalage ;)

Maintenant, nous pouvons commencer! Ecrivez votre texte à encadrer!
Atte
ntion, si une phrase est sur plusieurs lignes, vous devez la scinder!
J'entend par phrase une suite de caractères finie par un retour à la ligne.

Vous devez mettre des bandes de couleurs assez grandes au début
et à la fin pour que votre texte soit à l'intérieur!
Ensuite, Vous devez mettre une bande assez petite au début et à la fin de chaque ligne.
Vous
les espacez de votre texte graçe à des caratères "invisible" donc, vous les écrivez dans la couleur de fond de votre blog! (#4a4c52 dans mon cas)

%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%
%%%%%Texte à encadrer%%
%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%

Voilà un cadre rudimentaire!
Vous pouvez voir qu'il y a un défaut à la ligne où il y a du texte!
Et bien nous allons modifier le cadre pour ne plus avoir ce défaut!

Pour ce faire, je vais mettre quelques largeurs (en pixels) de caractères!
(
Les pixels, c'est les points de votre écran, plus il y a de pixels, plus c'est grand)

Dans mon exemple, le cadre est trop à gauche, je dois ajouter un caracre!
Le caractère ajouté est '.' car je dois décaler mon bord de 4 pixels vers la droite!
(Vous devez le faire pour chaque ligne mais attention, les caractères à ajouter diffèrent d'une ligne à l'autre)


Ecriture normale:

%%3 px :::'_*
%%4 px :::.__
%%5 px ::::%
%%6 px :::_::
%%7 px :::*O
%%8 px :::++
%%9 px :::O*
%%11 px :'%:



Ecriture gras:

%%3 px :::'_*
%%4 px :::.__
%%5 px :::-%
%%6 px :::"::
%%7 px :::_O
%%8 px :::B+
%%9 px :::+*
%%11 px :'m:
%%12 px :'W.
%%13 px :'%'


Sorry, je n'ai pas fait pour l'écriture italique, ni en gras et italique!


Maintenant, vous pouvez corriger votre cadre pour que ce soit tout lisse.
Si vous voulez déplacez vers la gauche, vous devez mettre des caractères invisibles plus petits en terme de pixels, si vous devez déplacer vers la droite, vous devez mettre des caractères invisibles plus grands en terme de pixels!

%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%
%%%%%Texte à encadrer%.%
%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%


Vous pouvez évidemment faire de plus belles présentations comme des effets de dégradés:

%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%
%%%%%Texte à encadrer%.%
%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%



http://www.boosterblog.com/blog-5232.phtml http://www.boosterblog.com/blog-5232.phtml

Ajout du 13/07/2005:

Site temporaire pour faire des bandes en dégradé de couleur: Bande colorée


Ajout du 17/07/2005:

Vous êtes nombreux à me demander pourquoi le site des bandes est temporaire et de ne pas le supprimer!
En faite, le site principal de dégradé de texte fera dans le futur un dégradé de texte et de fond en même temps, il sera donc plus puissant que le site de dégradé de bande actuel!

Vous pourrez donc faire des bandes dégradées avec l'autre site, c'est pour cela que je supprimerai l'autre! Mais ne vous en faites pas, je ne le supprimerai pas avant que l'autre site propose ce service! Quand je donne une astuce, je ne la reprend pas après lol
# Posté le mardi 12 juillet 2005 12:36
Modifié le samedi 19 novembre 2005 11:53

Astuce : Comment prendre le code d'une couleur que vous voyez à l'écran?

Astuce : Comment prendre le code d'une couleur que vous voyez à l'écran?
Une thode simple de prendre le code d'une couleur qui nous vient de Nic0:

Vous téléchargez ce programme : GetRGBColor
Vous l'installez et ensuite, ouvrez ce programme, une petite fetre s'ouvrira.
Baladez votre souris sur l'écran et le code décimal et hexadécimal de la couleur se trouvant sous la souris s'affiche dans la fetre!

Encore merci à Nic0
___________________________________________________

Un autre programme pour prendre le code d'une couleur, merci ted:

Vous téléchargez ce programme : Color Picker Pro
Une fois installé, et ouvert, il ouvre une petite fenetre, avec plein de petites cases cochées, comme quoi il faut payer $19.99 pour avoir la version complete.
Il ne faut pas y preter attention ! Il faut simplement cliquer sur le bouton : "Close this windows" Et le logiciel est operationnel ! =D

Une des flagrante difference avec GetRGBColor est que l'on a un aperçu de la couleur ;) C'est deja beaucoup mieux ;)

Par contre le code n'affiche pas les 6 caracteres à la suite, ils sont supperposés 2 par 2 (Voir l'image de l'article - capture d'ecran)

Encore merci à ted
# Posté le jeudi 07 juillet 2005 12:01
Modifié le samedi 19 novembre 2005 11:53

Version 1.1 du site des dégradés de couleur

Version 1.1 du site des dégradés de couleur























Voici l'adresse du site:


Site des dégradés de couleurs


Ou directement les adresses selon l'habillage du blog:

Habillage 1
Habillage 2
Habillage 3
Habillage 4
Habillage 5
Habillage 6
Habillage 7
Habillage 8
Habillage 9
Habillage 10
Habillage 11
Habillage 12
Habillage 13
Habillage 14
Habillage 15
Habillage 16
Habillage 17
Habillage 18
Habillage 19
Habillage 20
Habillage 21
Habillage 22
Habillage 23
Habillage 24


Par défaut, vous dever choisir la couleur pour le début du dégradé, à gauche sur le site.
Soit, si vous connaissez le code de la couleur,
en la choisissant directement grâce aux boites de sélection.
Soit en cliquant sur la palette de couleur
(on peut voir un appercu de la couleur au dessus des boites de lection)


Pour choisir la couleur de fin du dégradé, il faut cliquer sur l'appeu au dessus
des boites de lection, à droite sur le site!
Ou bien modifier les boites de sélections à droite sur le site!


Vous devez voir un apperçu de l'effet du gradé avec la phrase qui doit changer de couleurs:
"Sélectionnez le texte à colorier et cliquez ici pour mettre les balises automatiquement!"


Vous avez le choix entre deux palettes:
La première par faut (positive) donne beaucoup de choix dans les couleurs claires et offre moins de couleurs sombres.
La deuxième (négative) d