Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

06 décembre 2010

Changer un bloc (une catégorie) de colonne

Pour repérez ce que j'appelle un Bloc c'est à dire "Catégories, Liens, Derniers messages etc..." vous devez ouvrir votre page d'accueil, et vos grands yeux... Voici à quoi ressemble le bloc des catégories : <div class="title">Cat&eacute;gories</div><ul>  <CBCategories>  <li><a href="<$BlogCategoryURL$>"><$BlogCategoryName$></a></li>  </CBCategories></ul>La première ligne correspond au titre. Si vous... [Lire la suite]
Posté par Demolite à 12:36 - - Permalien [#]
Tags : , , , ,

04 décembre 2010

Mettre vos colonnes à la même hauteur que le #content

Quoi...y a quelqu'un qui n'est pas #content ici ? :o) Ne me dites pas que depuis le temps que vous venez trainer vos guêtres ici vous ne savez toujours pas ce qu'est le #Content ? Si vous êtes un petit nouveaux...soyez heureux...voire #content, car aujourd'hui vous allez apprendre quelque chose. Le #Content est la zone centrale de votre blog, celle ou s'affiche vos articles, coincé sous la bannière et entre les colonnes... Sur certains blogs, lorsque qu'ils y a des couleurs différentes pour les colonnes, le content et le... [Lire la suite]
Posté par Demolite à 17:52 - - Permalien [#]
Tags : , , ,
04 décembre 2010

Page d'accueil sans colonnes

Voici comment n'avoir que le dernier article posté sur sa page d'accueil. Pour cela il faut supprimer le contenu des colonnes dans la page d'accueil et ensuite aller dans Paramètres/Options d'affichage et de mettre 1 dans la première case, qui gère le nombre d'article sur la page d'accueil. Voici une vidéo pour vous montrer quels codes supprimer ou plutôt quels codes ne pas supprimer ! Il doit absolument rester les lignes de codes que j'ai déplacé au centre...et bien sur ne pas toucher aux codes de la page... [Lire la suite]
Posté par Demolite à 16:49 - - Permalien [#]
Tags : , , ,
03 décembre 2010

Centrer un bloc dans une colonne

Voici comment centrer un bloc ou un lien dans une colonne. Vous avez besoin de la balise <center> </center> Votre bloc ou votre lien doit se trouver entre les 2 balises. Comme ceci : <center><CBOwner> <BlogOwnerPictureURL><div class="image"><a href="<$BlogOwnerProfileURL$>"><img src="<$BlogOwnerPictureURL$>" border="0" /></a></div></BlogOwnerPictureURL></CBOwner> </center> Même chose pour... [Lire la suite]
Posté par Demolite à 17:40 - - Permalien [#]
Tags : , , , ,
03 décembre 2010

Ecrire dans vos colonnes

Pour mettre du texte dans vos colonnes, copiez le code ci-dessous et collez-le dans votre feuille de style comme sur la capture.#texte {        border-style: none;        font-family: Georgia;        color: #00ff00;           font-size:medium;        font-weight: bold;        font-style: normal;        text-transform: none;    ... [Lire la suite]
Posté par Demolite à 09:03 - - Permalien [#]
Tags : , , , ,
01 décembre 2010

Arrondir les angles de #Content et des colonnes

Non compatible avec Explorer. Voici comment Arrondir les angles de votre page centrale, autrement dit de Content. Rendez-vous dans la feuille de style générale et collez le code suivant juste en dessous de content comme sur la capture..fullsample {        width: 450px;        border-radius: 10px 10px;        -moz-border-radius: 10px;        background-color: #CCCCCC;        padding: 5px;} Si votre... [Lire la suite]
Posté par Demolite à 16:03 - - Permalien [#]
Tags : , , , , ,

30 novembre 2010

Ecrire dans un cadre dans une colonne

Ça peut être pratique, voire même joli un petit cadre avec un fond ou pas dans une colonne, histoire de laisser un message de bienvenue à vos visiteurs... Salut les gensVoici un petit cadre pour y mettre du texte, vous pouvez le mettre dans une de vos colonnes pour y mettre un message de bienvenueou encore vous en servir comme d'un post-it... <p style="border: 1px solid; color: #00FFFF; margin: 0%; padding: 0px; font-family: century gothic; font-size: 80%; background-image:... [Lire la suite]
Posté par Demolite à 16:13 - - Permalien [#]
Tags : , , , , ,
24 novembre 2010

Ajouter une troisième colonne à votre blog

Voici comment ajouter une troisième colonne à votre blog ! Bin oui après tout ça peut servir...Si vous avez des colonnes qui n'en finissent plus de s'allonger, ça va leur tailler un short pour cet été... Commençons pas ouvrir la feuille de style pour y ajouter un bloc, ou plutôt faire un copier coller d'un bloc existant auquel nous allons juste ajouter un petit 1 pour le différencier de l'autre...(l'autre colonne de droite bien sur). Dans cet exemple nous allons ajouter une deuxième colonne sur la droite, personnellement je... [Lire la suite]
Posté par Demolite à 15:26 - - Permalien [#]
Tags : , ,
24 novembre 2010

Mettre vos colonnes côte à côte

Vous en avez marre d'avoir une colonne à droite et une autre à gauche ?Alors pourquoi pas les réunir et les passer à droite...ou à gauche, après c'est vous qui voyez... Il y a 2 façons de procéder, mais la façon la plus simple offre seulement la possibilité de passer la colonne de gauche sur la droite et non l'inverse, si vous voulez mettre vos 2 colonnes à gauche passez à l'autre méthode plus bas. Ouvrez votre feuille de style...descendez sur le bloc #Leftbar et modifier le float, mettez right à la place de left. Votre... [Lire la suite]
Posté par Demolite à 15:16 - - Permalien [#]
Tags : , ,
24 novembre 2010

Changer la taille des colonnes

Avant de commencer à bidouiller, faites donc une copie de la feuille de style... Vous voulez changer la taille de vos colonnes, agrandir la partie centrale...ça peut se faire... Apparence/Editer les fichiers de ce modèle/Feuilles de style générale On doit intervenir sur 4 blocs... #container = page de fond#content = page centrale#rightbar= colonne de droite#leftbar= colonne de gaucheLorsqu'on additionne "content" "rightbar" et "leftbar" la somme doit être égale à "container" ... [Lire la suite]
Posté par Demolite à 14:42 - - Permalien [#]
Tags : , ,

« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41