Didacticiel canalblog

Manky

Comme nous sommes nombreux sur ce forum a avoir notre ( ou plutot nos ) blog sur canalblog, je propose ce topic afin de partager nos astuces, et poser nos question sur le "mais comment t'a fait pour ?". Comme ça nos blog seront les meilleurs. Faudrait d'ailleur suggérer a Mr canalblog de créer une catégorie spécial "ancien élève de l'academie de tournai, parce qu'on a pas mal de blog a nous tous .

Manky

Allez, j'ouvre les hostilité.
Ma plus récente découverte est que nous pouvons en fait utiliser n'importe quelle couleur pour nos pages, il suffit de mettre le bon code dans la case, que l'on obtient facilement avec photoshop. ça aide bien pour la qualité du blog, parce que les couleur web sont pas toujours tip top. shaking

Par contre j'ai vu des gars qui avait réussi a mettre des image en fond, je vais voir comment on fait ... batman

kaori

hey oui c'est la magie des couleurs #panton tu peut faire le meme en passant sur illustrator, flash, dremwaver .... et tout les logiciel qui proposent des couleurs

Manky

J'ai récemment fait de joli découverte sur canalblog, a base de code a mettre un peu partout, pour amèliorer nos blog. En voici quelques uns:

Code:

par exemple, pour mettre une image a la place du liens dans la colonne liens. il suffit de coller cette ligne de code dument remplie a la place du titre du liens.ça marche a peu près partout pour mettre uen image

Code:

ça c'est pour mettre une image en fond de page. C'est assez bizarre, vu qu'il faut coller ce code dans le message, et qu'il disparait lorsque'on réedite le message. Enfin je l'ai pas beaucoup testé encore.

Les code dans les message jutement. Lorsque vous écrivez un message, vous avez un bouton, comme ceci <> sur la barre grise au dessus du message. Il donne accès a la version avancé du message. Et la, des tas de possibilité s'offrent a vous:
Pour les images:

voici le code de départ lorsque vous envoyer une image sur canalblog:

Code:

Ceci ne sera pas forcement donné dans cet ordre, mais bon.

Code:

target="_blank"

ouvre une nouvelle page lorsque l'on clique dessus

Code:

href="http://monblog.canalblog.com/images/image.jpg"

adresse de la page visé (vers un autre blog, site etc)

Code:

img width="150" height="38" border="0"

propriété de l'image: hauteur, largeur, et emplacement dans la page

Code:

src="http://monblog.canalblog.com/images/t-image.jpg"

adresse de l'image affiché

Code:

style="margin: 0px 5px 5px 0px; float: left;"

l'emplacement de l'image dans la page ( left (a gauche) peut etre remplacé par right (a droite) ou center (au centre).

il suffit de jouer avec tout ça pour obtenir l'effet souhaité (on peut supprimer certains passage ou en modifier d'autre):
Voici quelques exemple concret:

Pour afficher une image, taille réelle, sans liens:

Code:

Pour afficher une image, taille réelle, avec liens

Code:

etc etc.

En règle générale, je charge mon image sur canalblog en mode normal, puis je passe en mode avancé et je règle les détails. Mais pour une image prise sur le web, telle celle de ma rubrique news de la semaine, il me suffit de copier la ligne de code, de la remplir convenablement (adresse de l'image, nom de l'image, et taille), et le tour est joué, pas besoin de la mettre sur mon pc puis de la uploader sur mon blog. De meme, je peut afficher sur un blog une image d'un autre de mes blog (ou album photos)sans avoir a la recharger.

Manky

Quelques autres codes assez amusant:

Texte défilant

Code:

<MARQUEE BGCOLOR='FFFFFF' DIRECTION='left' WIDTH='100%' HEIGHT='16' VALIGN='bottom' SCROLLAMOUNT='2' SCROLLDELAY='30'>texte a faire défiler </MARQUEE>

texte rebondissant

Code:

<MARQUEE bgcolor=#FFFFFF behavior="alternate">Phrase à faire rebondir</MARQUEE>

Et ce site:
http://astucesblog.canalblog.com/
c'est la que j'ai trouvé une partie des codes donné ici.
Si vous avez des questions, posez les, j'éssaierai d'y répondre Smile

_________________

Yigaël

En parlant de mise en page de blog, c'est chouette que tu aies modifié celle du forum. Ca change et c'est sympa. Dommage qu'il n'y ait plus de dessin quand même...