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 :

Bien bien bien je vois ... je viens d'écrire un article j'y ai passé moulte piecette de temps et PAF en moins d'une seconde tout s'est éffacé ! ahhh c'est ca la magie ! en tout cas j'ai un peu les nerfs alors hop hop hop reprenons tout ça!

---------------------------------------------------------------------------------------------


Cet article parlera donc du

HTML libre

Comme vous avez pu le voir on dispose désormais d'un cadre dans lequel on peut mettre (presque) tout ce qu'on veut ( radioblog, photo, texte, horloge, webcam, ect) pour celà on dispose de nombreuses balises html.


Alors si vous voulez insérer une webcam, un radioblog, une horloge, un compteur de visite... il y a des sites qui en proposent et ils donnent le code !

Pour les textes la methode la plus simple que j'ai trouvée pour apprendre c'est d'aller sur "Ajouter un article" vous écrivez n'importe quoi après vous le surligner vous les soulignez vous le mettez en gras etc et après "afficher la mise en forme html de l'article". Comme ca vous avez directement les codes html que vous cherchez !

Sinon pour faire un texte déroulant il y a <marquee> ... comment ca marche ?? par exemple <marquee> texte au choix </marquee>

Autre chose de très pratique c'est <br> pour aller à la ligne
et <hr> pour tracer une ligne (pour + de détails sur cette ligne regardez quelques articles après celui-ci). Voilà je n'ai sûrement pas tout dit mais... Je suis fatiguée là!!


Je vous laisse quelques liens...

Radioblog    -    Horloges   -   Pellicules photos animées   -   Gifs   -   Horloges2   -   Horloges3   -   Compteurs   -   Webcam.

Pour le reste, si vous avez d'autres idées je vous laisse chercher !!!

Pour + d'info sur les balises html... C'est par .

---------------------------------------------------------------------------------------------

Sinon... Juste au passage... L'offre premium est renouvellée par moi-même.

----------------------------------------------------------------------------------------------


Et puis j'en profite pour vous dire à tous de profiter du forum de cowblog ;)

Voila ! Bonne chance à tous !

Aude-Line

Publié par Sakatruc le 14 octobre 2006 à 15:53

Classé dans HTML | 9 commentaires

Tags :

Hello les cows'

Une petite astuce pour tracer des lignes dans les articles, comme ceci :



Pour obtenir cette ligne, allez dans la section "Afficher le code source HTML de l'article" et collez ce code :
<hr align="left" color="#3399cc" size="4" width="170">

Vous pouvez modifier les attributs de la ligne :
¤ "Align" détermine la position de votre ligne. Pour qu'elle soit au centre : "center", à droite : "right" et à gauche : "left"
¤ "Width" détermine la longueur de votre ligne, modifiez le nombre à votre guise, si vous souhaitez que la ligne fasse la largeur de l'article, supprimez toute la partie Width.
¤ "Color" comme vous l'avez compris détermine la couleur de votre ligne, remplacez le chiffre entre guillemets par une couleur en anglais (white, black, blue, red, green etc...) ou par une valeur hexadécimale *.
¤ "Size" détermine l'épaisseur de la ligne. Vous pouvez entrer une valeur de 1 à 6.

* Valeur hexadécimale: Il s'agit d'un nombre à 6 chiffres précédé d'une #, ces valeurs caractérisent les couleurs. Pour obtenir ces valeurs, vous pouvez aller dans la catégorie "Habillage/CSS du blog", choisissez la couleur de votre choix dans la palette et copiez la valeur...








J'éspère vous avoir éclairé, si vous avez des questions, n'hésitez pas en commentaires...!

A bientôt...

Softdream

Publié par Sakatruc le 30 août 2006 à 19:22

Classé dans HTML | 3 commentaires

Tags :

Ici Defouloir. Pour les doués de l' HTML ( ce qui serait contradictoire car ils ne viendraient pas ici ), vous pouvez toujours modifier le truc en y rajoutant des paramètres...

Il suffit encore une fois de choisir le mode ' afficher la mise en forme réelle de l'article ' et de placer les bandes suivantes :


Pour un text arrivant par la droite :



<marquee direction="right"> Text </marquee>



Pour un text arrivant par la gauche :



<marquee direction="left"> Text </marquee>



Pour un text oscillant de gauche à droite :



<marquee align="center" direction="left" behavior="alternate" width="85%"> Text </marquee >

Publié par Sakatruc le 14 mai 2006 à 12:41

Classé dans HTML | 16 commentaires

Tags :

Pour toutes ces mises en forme, veuillez sélectionner le mode
' afficher le code source HTML de l'article '


Cadre simple :


Dans la fenêtre code source, copier coller ceci :



<div style="text-align: center; background-color: rgb(3, 2, 0);"> TEXT </div>





En suite, changer la couleur de votre fond en changeant les ' numéros ' du code rgb. N'oubliez pas de mettre à la fin pour arrêter votre cadre.


Aperçu :



APERCU



Article avec photo en fond :


Dans la fenêtre code source, copier coller ceci :


<div style="margin: 10px; padding: 40px; background-image: url( Votre URL ); background-repeat: no-repeat;"> TEXT </div>



N'oubliez pas de mettre
à la fin pour arrêter votre cadre.


Paramêtre ' repeat '
Si vous ne voulez pas que l'image se repete : no-repeat
Si vous voulez que l'image se repete en hauteur : repeat-Y
Si vous voulez que l'image se repete en largeur : repeat-X



Aperçu :



APERCU


Attention ! Votre image doit être une adresse 'internet' c'est à dire commencant par http://.





Publié par Sakatruc le 12 mai 2006 à 12:59

Classé dans HTML | 18 commentaires

Tags :

Créer un podcast