Seulement pour ceux qui ont l'offre PREMIUM.
Cette astuce consiste a mettre une Letrine au début d'un texte ou comme bon vous semble.
Qu'est ce que est une Lettrine ? Exemple ( mon seul article ou il y en a une )

Mettre tout a la fin de votre feuille de Style ce ci
(en modifiant biensur comme vous voulez les taille, la couleurs et le reste.) :

.conteneur {
width: 400px; /*Taille du texte de l'article*/
}

.lettrine {
float: left; /* positionnement de la lettrine dans l'article*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/

font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #990000;
border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC;
margin: 1px;
padding: 1px;
line-height: 1em;
}

Après avoir effectuer l'opération précédente, lorsque vous crée l'article cliquer sur " Afficher la mise en forme réelle de l'article" et insérer :


Texte avec lettrine texte avec lettrine texte avec lettrine
 texte avec lettrine texte avec lettrine texte avec lettrine texte avec lettrine texte avec
 lettrine texte avec lettrine texte avec lettrine texte avec lettrine texte avec lettrine
 texte avec lettrine texte avec lettrine texte avec lettrine texte avec lettrine texte avec
 lettrine texte avec lettrine

La letrine sera la lettre T. Ensuite à vous d'écrire votre texte a la place de "exte avec lettrine....."

J'espere avoir bien expliquer.
Si vous  n'y arriver pas, posez vos questions.

Torck

Publié par Sakatruc le 21 novembre 2006 à 22:17

Classé dans HTML | 12 commentaires

Tags :

Par Astyana le 21 novembre 2006 à 22:22
Je trouve ça très joli :)
Mais avant d'essayer, j'aurais voulu savoir si le fait de rajouter ce code dans la feuille de style impliquait que la lettrine s'appliquerait pour tous les débuts d'articles du blog... ?
Merci d'avance :)
Par ToRck le 21 novembre 2006 à 22:30
Astyana ==> Non la lettrine ne s'apliqueras lorque tu metteras le code htlm dans larticle. Et si ta envie de rien mettre tu écris ton article comme d'habitude :)
Par Synopsis le 22 novembre 2006 à 22:00
Hihi, merci, je l'attendais depuis ton article =)
Par Reve.D.Enfant le 23 novembre 2006 à 20:35
C'est cool j'vais essayer plus tard :o) xD. Sa donne envie ^^
Par Scope le 25 novembre 2006 à 15:30
Il y beaucoup plus simple. Il suffit de créer une image avec une lettre dedans, et de l'insérer pendant la rédaction de l'article, au début de celui ci, en précisant un alignement à gauche. Ca évite de bidouiller le css, ça enlève l'exclusivité premium,et c'est plus personnalisable à mon avis.
M'enfin, toute solution présente ses avantages et ses inconvénients...
:D
Par history34 le 3 décembre 2006 à 20:29
Tu va te faire embrasser ven re i pr chain par l'am ur e ta vie ne casse pas cet chaine si n b la pers nne e tes rêves ne te eman era pas e s trir avec et emain sera le meiLleur j ur e ta vie cepen ant si n'env ie pas ce message a 10 pers nnes avant minuit ce s ir va av ir e la malchance p ur le reste e ta vie. Fais juste un c pier c ller e se message et env ie le e suite
Par entre-chien-et-p0ule le 16 décembre 2006 à 12:04
j'ai une qjestion toute bête. Comment faire pour ne sauter qu'une ligne au lieu de deux à l'endriot où on écrit les articles.
Pas très bien formulé comme truc mais bon.

Bisous
Par pom-pom-jojoe le 26 décembre 2006 à 12:28
pourais-tu m'aider stp ? En faite j'ai un problème je ne sais pas comment mettre mon image de fond de blog en 1 seule fois moi ca me la met en plein plein de fois =( pas cool bon bin si tu pouvais me répondre se serais simpa =) bon bah voilà [merci pour m'avoir aidée pour les musiques =D]
Par joKeR le 29 décembre 2006 à 10:36
Sinon, t'as encore beaucoup plus simple...

p:first-letter {
/* Les attributs que tu veux */
}

Et c'est gagné. (Merci Bat)

Scope : c'est encore plus long de faire les 26 lettres de l'alphabet en images. Tsss.
Par petite-culotte-rose le 6 mars 2007 à 11:17
Je suis nulle en "tout ca" moi ^^

mais je peux quand même répondre à entre-chien-et-p0ule (ouéééééééééé)

en fait, lorsque tu veux sauter une ligne, il faut que tu appuies simultanément sur "entrée" et "majuscule"

voila, rien de plus simple, c'est pour ca que je sais le faire =D

b'zoup's

*No*

PS : même si ce blog ne me sert pas beaucoup, parce que j'y connais rien et parce que j'ai pas la version Premium, c'est bine qu'il existe et qu'il soit édité régulièrement par un peu tout le monde !

PS 2 : merci entre-chien-et-p0ule, j'ai l'impression de servir à quelque chose =D
Par petite-culotte-rose le 6 mars 2007 à 11:18
(euh, c'est pas "bine" c'est "bien" ^^)
Par hermine le 17 juillet 2007 à 19:20
je ne voudrait pas parraitre idiote mais la deuxiéme partie reste noire pour moi
tous les autres articles sinon je croit que j'ai compris mais celui la!!!lol
 

Ajouter un commentaire

Note : Sakatruc n'accepte que les commentaires des personnes possédant un compte sur Cowblog : vous devez obligatoirement être identifié pour poster un commentaire.









Commentaire :








Votre adresse IP sera enregistrée pour des raisons de sécurité.
 

La discussion continue ailleurs...

Pour faire un rétrolien sur cet article :
http://sakatruc.cowblog.fr/trackback/1365117

 
Créer un podcast