05 décembre 2007

[PasàPas]Transformation étape2

Occupé à d'autres affaires, j'ai du délaisser quelques temps le petit labo... je reprends et continu le pas à pas. On va tout d'abord s'occuper du menu, qui se doit d'intégrer un peu mieux le blog. Le gris de base est tout a fait hors du coup. Je vais donc le mettre dans les tons bleus avec une ombre à droite, comme si il était glissé en dessous du content. Etape1: le menuMon dégradé fait et uploader, je peux l'intégrer à mon CSS. Le menu se trouvant dans la classe leftbar, je vais la trouver. Suppression des éléments de bordure... [Lire la suite]
Posté par riesseg à 18:31 - - Commentaires [1] - Permalien [#]

29 novembre 2007

[PasàPas]Transformation étape1

On va faire 2étapes. Vu que je ne supporte pas les couleurs moches de mon blog, celles pour montrer un peu les différentes partis (de toute manière, prenez 1blog au pif, vous tombez sur un truc moche ou tout est encadrer et peut être les couleurs sont toutes différentes), on va transformer un peu tout ça. Avec plusieurs onglets, un pointant sur Apparence/Editer les fichiers/Feuille de style générale, un pointant sur votre blog (pour voir les modifs) et un pointant sur le petit labo, pour faire le pas à pas.Tention, vous allez abuser... [Lire la suite]
Posté par riesseg à 17:05 - - Commentaires [6] - Permalien [#]
28 novembre 2007

[PasàPas]Découpage

Let's go. Bon on va pas attaquer la mise en page de suite. C'est pas que ca prenne spécialement de temps ou autre. Je l'ai sauvegarder sur mon disque dur le CSS pour l'installation. Mais c'est que je ne sais pas trop comment expliquer le truc encore... Mais bon, hier j'ai pas eu le temps de venir (pis j'ai essayé de me coucher avant 1h du mat) et donc aujourd'hui, on passe à la suite. Vous vous souvenez de l'image que j'ai faite. C'est a quelques petits détails prêt ce à quoi va ressembler le blog. Cette technique a comme bel... [Lire la suite]
Posté par riesseg à 21:29 - - Commentaires [1] - Permalien [#]
26 novembre 2007

[PasàPas]Le skin

'tin! j'étais à la conclusion du message, pis en voulant regarder la version de FF que j'avais, il a recharger mon onglet et j'ai tout perdu mon super texte... j'suis deg, je dois recommencer....Bon, bin je recommence.... mais en plus rapide, y'aura moins de blabla, na!Après une bonne heure de recherche et de méditation, j'ai fini par trouver quoi faire. Vous avez vu un peu mes travaux, et vous savez que ce que je cherche avec les modèles de blog, c'est tout d'abord cassé les formes et ne pas mettre des cadres partout. Car les cadres,... [Lire la suite]
Posté par riesseg à 23:53 - - Commentaires [3] - Permalien [#]
16 novembre 2007

[Tuto6b]Menu de navigation Droite

Et zou, quoi y s'passe du côté de ma barre de droite? on y trouve tous les autres blocs.photo, liste des membres, contact par mail, liste des amis, flux RSS et liste des fils d'actualités. La photo de l'auteur: <CBOwner>  <BlogOwnerPictureURL>    <div class="image">      <a href="<$BlogOwnerProfileURL$>"><img src="<$BlogOwnerPictureURL$>" border="0" /></a>    </div> ... [Lire la suite]
Posté par riesseg à 23:58 - - Commentaires [1] - Permalien [#]
15 novembre 2007

[Tuto6a]Menu de navigations Gauche

Vi, je suis un peu fatigué, donc je ferai le second demain :-)Donc au menu dans cette barre de navigation: - la classe navlinks,- la classe title,- Calendrier, archives, categories, album photo, derniers messages, derniers commentaires. Donc la class navlinks sert a la mise en forme de tout ce qui est dans le menu. Nénanmoins, on peut échapper a ce formatage en mettant du contenu hors de cette div. Elle a comme classe fille title qui se retrouve utilisée... pour tous les titres du menu... des blocs quoi. Mais elle sert également à... [Lire la suite]
Posté par riesseg à 00:06 - - Commentaires [1] - Permalien [#]

13 novembre 2007

[Tuto5]header et bannière à la loupe

Le header: <head>    <title><$BlogPageTitle$></title>    <meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />    <meta http-equiv="content-language" content="<$BlogLanguage$>" />    <meta name="Description" content="<$BlogDescription$>" />    <meta name="Keywords" content="<$BlogKeywords$>" /> ... [Lire la suite]
Posté par riesseg à 22:12 - - Commentaires [1] - Permalien [#]
12 novembre 2007

[Tuto4]L'architecture du blog grace au code

Pour pouvoir modifier le design d'un blog, il faut regarder comment celui-ci est architecturé. Pour le blog, c'est facile. En règle général, il suit certaines normes sans lesquels les utilisateurs deviennent vite perdu. Néanmoins, pour ceux qui aiment sortir du lot, cela peut être un véritable bonheur... Le blog se divise en 6grosses parties. Le container: <div id="container">...</div>Il contient tout le site. Vous constaterez alors qu'il porte bien son nom. Deux petites choses a signaler:Le fait de... [Lire la suite]
Posté par riesseg à 22:14 - - Commentaires [0] - Permalien [#]
10 novembre 2007

Tuto3b: les balises html (suite)

23h, c'est mon heure... minuit aussi... 'fin bref.Passons maintenant en revue les balises utilisées par CB, pis p'tet une ou deux autres. <div>: la balise div sert a représenter un layer (calque) ou une boite. Dans cette boite, on peut y mettre n'importe quoi. texte, liens, images... elle n'a pas de propriété en soit. Mais osn utilisation devient géniale quand elle est associée au CSS. Alors on peut définir la largeur, la hauteur, couleur de fond, de la police... En concret, la bannière, les menus, le corps ou même les... [Lire la suite]
Posté par riesseg à 00:16 - - Commentaires [0] - Permalien [#]
08 novembre 2007

Tuto3a: les balises html +MAJ

Je commence par la maj. On m'a signalé qu'un des fichiers n'était pas accessible... Il l'est de nouveau, je viens de le re-uploader. Ensuite, bin suite du tuto: les balises.on a déjà vu les balises <html>, <head> et <body>. Voyons un peu les autres. 2 grandes parties: les balises du <head> et les balises du <body>.Le <head> servant à identifier une page web, on ne peut pas y mettre n'importe quoi. Voyons voir ce que CB y met, ce que l'on peut ajouter... CB: ... [Lire la suite]
Posté par riesseg à 23:03 - - Commentaires [0] - Permalien [#]