Blog : Gadgets, Astuces & Css

6 janvier 2007 6 06 /01 /janvier /2007 20:02

Blog Astuce

INFO BLOG : CSS & STRUCTURE DU BLOG (ob)

> un excellent blog d'aide & d'astuces pour affiner et décorer un blog "no limite" (Anna-K)
> un fil (ob) d'aide pour le fond du blog / module
> comprendre le css en détail > la structure du blog (sur ob)
> le css (design & color) infos en clair
> chez Francis : css & aides pour le blog (ob)
> chez Bakemono : css & astuces pour le blog (ob)
> un fil du forum (sur ob) > un grand choix de polices répertoriées
> un fil du forum (sur ob) > un grand choix de liens d'aides et d'infos en tout genre
> un fil du fforum (sur ob) > un grand choix de liens > gadgets, infos, utils, astuces, css

DESIGN & CSS

INFO CSS : la valeur des lignes css pour la largeur des colonnes du blog (les valeurs sont fictives)

#global {padding: 0px; margin: 0px auto; width: 950px;}
#cl_0_0 {margin:15px ; padding: 0px; width: 100%;}
#cl_1_0 {margin:0; width: 200px;}
#cl_1_2 {margin:0; width: 500px;}
#cl_1_1 {margin:0px; width: 500px; padding: 10px;}
#cl_2_0 {width: 200%; margin: 10px;}

INFO CSS : qui fait quoi dans la css

#global = la largeur totale du blog
#cl_0_0 = le haut du blog (entête)
#cl_1_0 = la colonne de gauche
#cl_1_2 = la colone de droite
#cl_1_1 = la colonne article

LES PRINCIPALES CLASSES (appellations) CSS

background : fond
color : couleur
font-size : taille de la police d'écriture
font-family : nom de la police d'écriture
padding : marge intérieure
margin : marge extérieure
border : bordure
top : haut
right : droite
bottom : bas
left : gauche
font-weight:bold >> mettre en gras
center : centrer
width: largeur

INFO CSS : les espacements

=> padding:2px 2px 2px 2px;
=> margin:5px 5px -8px 15px;

Dans l'exemple ci-dessus : il y a 4 valeurs (nombre) :
- le premier nombre correspond : à la marge en haut
- le second : à la marge à droite
- le troisième : à la marge en bas
- le dernier : à la marge à gauche

LIENS : AU FIL DE L'INFO (ob & ailleurs)

> Over-blog vu par wikipedia
> les débuts du site OB
> ici > info sur le code css : over-faq info c.s.s. (feuille de style)
> ici > info complète sur le css : le html et le css c'est quoi ?
> Over-blog v2 : Jfg Network - ajax - sinequa - Alexa - Alexa+ OB - web 2.0

> Liste de sites (les + connus) (local) hébergeurs de blog free

> ici > mode d'emploi & tutoriels free : tutoriels.com
> ici > explicatif à propos de : Firefox
> ici > sécuriser un peu plus : Firefox-sécurité-surf
> ici > accélérer FF : n° 1 + n°2 (astuces sur zebulon.fr) & Firefox-info
> ici > autre astuce : utiliser le petit programme nommé : fireTune (il se trouve sur le web)
> ici > informations & actualités détaillées sur : Firefox
> ici > le site officiel de Mozilla-Firefox : add-on & extension & thème

Les +

PC (windows) top six des raccourcis clavier

      1) Actualiser la page en cours : F5 ou ctrl + r
      2) Ecran large : la touche F11 (esc pour ressortir)
      3) Favoris d'un site à l'écran > sous ie : alt + z / sous ff : ctrl+d
      4) Copier la sélection > ctrl + c   et coller la sélection (presse-papier) > ctrl + v
      5) Tout sélectionner (sur la page en cours) > ctrl + a
      6) Info page / source (sous ff) > ctrl + u

Astuce sécu surf

Voici un outils très pratique (pour Firefox).
Il permet de donner un meilleurs contrôle (sécurité et pub) sur le contenu des pages visitées.
> ici : Noscript

Info ram pc

1) La consommation des ressources : clic droit sur p-de-travail + clic sur "propriétés" + "avancé" et vérifier si tout est
     bien réglé.
2) Le cache pc : pensez à videz le cache de l'explorateur (dans le menu "outil" ou "propriété")
3) La vitesse pc : privilégiez la performance du processeur à celle des programmes
4) La vitesse ram : privilégiez la performance de la ram à celle du cache système

=> clic de la chance : Avoir la bonne intuition ?

=> P. Le site du Tao Web 2.0 > à découvrir pour le fun et les idées