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) donne beaucoup de choix dans les couleurs sombres et offre moins de couleurs claires.
Vous choisissez la palette grâce à la boite de sélection en dessous de la palette!


Une fois vos couleurs choisies, vous écrivez votre article dans le cadre blanc. Vous sélectionnez toute ou une partie de votre texte et vous cliquez sur la phrase:
"Sélectionnez le texte à colorier et cliquez ici pour mettre les balises automatiquement!"
Vous devez voir le balises de couleur se mettre dans le texte.


Ensuite, vous venez coller votre article sur skyblog et le tour est joué!


Le site doit normalement fonctionner avec internet explorer 4 et version supérieur.
Le site ne fonctionne pas pour tout autre explorateur! Dans le futur, Mozilla et netscap fonctionneront!

Si le site, ne fonctionne pas, dites moi quel explorateur internet vous utiliser!
Et dites moi aussi ce qui ne fonctionne pas!
(Rien ne se passe lorsque vous cliquez sur la palette? Il n'y a rien dans les boites de sélection? ...)

# Posté le mardi 14 juin 2005 11:10

Modifié le samedi 19 novembre 2005 11:54

Moi au resto chinois 10/06/2005

Moi au resto chinois 10/06/2005
Admirez la gravure de mode! J'ai po un physique de rêves? :D
/me se jette des fleurs!!!
rieux, les filles, pourquoi sister? Chui libataire en plus! lol
/me est l'homme ial!!! :p

Je me montre un peu plus paske j'ai un ptit fan club.
Keske vous croyez? Je le vaux bien L'Oréal)

Je passe mon annonce:
"rech. proj. pr. proj. priv. self dem-brt Poss s'adr. à l't. MAR. et plus si affini"
La cide la peur)

Plus sérieusement, le resto chinois, ctait trop délicieux, en plus, kesk'on est bien accueilli!

Pour ceux qui se demandent quel age je peux bien avoir, je vais avoir 25 ans le 28/08, et vui, mon premier quart de siècle, tout un évènement!!!

# Posté le samedi 11 juin 2005 10:02

Modifié le samedi 19 novembre 2005 11:55

Je vais vous faciliter la tache pour le site des dégradés :p

Je vais vous faciliter la tache pour le site des dégradés :p
Depuis un ptit temps, je pense à faire une palette de couleur pour remplacer les barres colorées rouge verte et bleue, yaura toujours les boites de sélection!
Bientôt, on pourra choisir directement les couleurs sur cette palette!

Je vais proposer deux palettes en fait, ici, la palette "positive" qui offre plus de choix dans les couleurs claires. Je ferai une palette qui sera le "négatif" de celle qui se trouve dans cet article pour proposer plus de choix dans les couleurs sombres!


si vous vous demandez à quoi peut servir la fonction "arc cos" en math, pour construire la palette, j'en ai eu besoin ;)

Ne vous inquiéttez pas, j'ai dit que j'allais supprimer les barres colorées rouge, verte et bleue mais je n'ai pas dit que je supprimerais les boites de sélection qui se trouvent juste en dessous!

Si vous avez le code d'une couleur, vous pourrez toujours l'insérer par les boites de sélection!
Si vous connaissez po de code couleur, vous pourrez cliquer directement sur la palette de couleur! J'essaie de proposer un max de couleur, c'est pour ca qu'il y aura deux palettes ;) (positive et gative)

# Posté le lundi 06 juin 2005 08:44

Modifié le samedi 19 novembre 2005 11:55