A savoir

Télécharger Mozilla Firefox

L'utilisation de Firefox comme navigateur est chaudement recommandée
Un plus est l'installation de l'extension web developer

 
Un blog secondaire pour réunir diverses astuces et aides.

Vous êtes invités à vous exprimer sur les didacticiels dans les commentaires, que ce soit pour demander un surplus d'informations, pour préciser un point un peu vague ou juste pour donner votre avis.

Merci d'éviter de me contacter via le formulaire de contact en bas de ce blog, je ne lis presque jamais les mails reçus à cette adresse là. Il est préférable d'utiliser les commentaires ou le lien email colonne de gauche.


Actuellement, série d'articles détaillant les différentes classes des CSS V2



Les articles de la catégorie mon blog est tout cassé sont là pour expliquer comment réparer son blog en cas d'insertion de jacascript là où il ne fallait pas. Pour ceux qui ne comprennent pas l'article T'as cassé ton blog ? de Francisek.

La catégorie trucs et astuces en confiance rassemble quelques tutoriels.
Les multiples façons de mettre de la musique sur son blog sont en partie recensées dans la catégorie lecteurs de musique pour OB.
Et enfin, la rubrique Logiciels à avoir vous conseille quelques logiciels (libres bien sûr) bien pratiques.
liste de communautés utiles

communauté : Aide

Suite à une question sur le forum, voici différentes méthodes, à l'aide de la propriété text-indent, pour obtenir un retrait de la première ligne d'un texte en passant soit par le CSS, soit pas le mode source.

Par le CSS :



2 méthodes pour un retrait via le CSS

1re méthode: pour n'avoir une indentation que sur un texte sélectionné de son choix


Via son style perso 1 (voir cet article pour en savoir plus sur les styles applicables via l'éditeur )
en rajoutant par exemple
.hitperso1 {text-indent:15px;} dans son CSS
Ensuite, pour appliquer cette retrait à un texte bien particulier, il suffit de le sélectionner et de lui appliquer le style perso 1 dans la liste déroulante des styles de la barre d'outils de FCKeditor


2e méthode: pour avoir une indentation automatique que sur tous les paragraphes de ses articles


en rajoutant
.contenuArticle p {text-indent:15px;} dans son CSS
tous les paragraphes* de ses articles auront un retrait automatique de leur première ligne


2 méthodes pour un retrait en passant par le mode source

ajouter la propriété text-indent dans un élément

<p style="text-indent: 20px">paragraphe présentant un retrait de sa première ligne</p>
<div style="text-indent: 20px">texte présentant un retrait de sa première ligne</div>


* les paragraphes sont repérés par les balises<p> et </p> en mode source, il suffit d'appuyer sur les touches shift + enter en mode normal pour passer à un nouveau paragraphe , enter fait juste un saut à la ligne ( <br/>en mode html )

Un exemple avec le texte ci-dessous

Glancing over my shoulder I see its shape and so move forward, as someone in the woods at night might hear the sound of approaching feet and stop to listen, then, instead of silence he hears some creature trying to be silent.

What else can he do but run? Rushing blindly down the path, stumbling, struck in the face by sticks; the other ever closer, yet not really hurrying or out of breath, teasing its kill.

Extrait de "Pursuit", de Stephen Dobyns  
publié dans : trucs et astuces pour son blog
ajouter un commentaire commentaires (1)   

communauté : Aide
Voici un petit schéma (moche mais clair j'espère) pour expliquer la structure générale des blogs

Structure blog


En gros, body c'est tout le blog.
Pour les modèles de design de type 1XX , c'est à dire les modèles 101 à 104

Modèle 101 Modèle 102 Modèle 103 Modèle 104

Il n'y a pas de partie #global, le blog occupe toute la largeur de la fenêtre du navigateur.

Pour tous les autres modèles qui ont par défaut une largeur fixe, la partie globale n'occupe pas toute la fenêtre du navigateur.

Le blog peut être découpé en 3 lignes et 3 colonnes, la première ligne, #ln_0 contenant l'en-tête, la 3e ligne, #ln_2 contenant le pied de page. La ligne centrale, #ln_1, peut contenir entre 0 et 2 colonnes de modules en plus de la colonne principale qui elle, contient les articles.

Chaque sous-structure sera détaillée ultérieurement

publié dans : CSS détaillé
ajouter un commentaire commentaires (14)   

des trucs

Accueil

Il y a 2 curieux sur ce blog

Me contacter




Les flux RSS

Remarque


Les captures d'écran sur ce blog sont réalisées sous Firefox2/Ubuntu, le rendu peut différer avec un autre système d'exploitation et un autre navigateur.


Un peu de musique?

Va chercher

Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus