Exemples d' Alérion

Pour infos, je ne suis qu'un simple "blogueur", et non un Employé de CanalBlog. Ce que je fais est juste pour vous dépanner lorsque j'en ai le temps, donc pas d'énervement si vous avez l'impression que je ne fais "que" mon boulot ;) oki? Sympa!!!

03 mai 2008 - Mettre une photo grand format

Par défaut, Canalblog redimensionne les photos à la taille maxi de 800 px (hauteur ou largeur). lorsque qu'une photo est plus grande ça pose quelques problèmes.

Comment faire?

dans un premier temps insérer la photo comme si c'était un fichier
loadfichier 

ce qui donne la vue du nom du fichier  IMG_0406 mais pas de l'image. Cependant elle est bien sauvegardée dans ses dimensions d'origines ;) donc le p'tit truc pour afficher la photo:

à ce stade il faut passer en mode HTML et modifier les balises - rappel le fichier s'appelle IMG_0406

nom_du_fichier

Posté par Alerion à 22:37 - Commentaires [3]

28 avril 2008 - Mettre une icône plutôt que le nom du fichier dans un message

Posté par Alerion à 23:18 - Commentaires [0]

23 décembre 2007 - Ma bannière et mon titre de blog,d'abord!!!

Restons dans le mode normal, pourquoi passer en avancé, là où on peut être en normal
nouveaumod_le

J'ai un blog, que je créai en 3 colonnes, je fais ma mise en page
02modifmod_le
03visudublog

04modiftitre
05resultatmodif

Et puis... un jour, je change, je mets une bannière à la place du titre du blog (bah oui, comme tout le monde hein)

06ajoutbanni_re

Mais, quand je regarde, je ne vois plus mes titre et description... (mince)
07visublogbanniere
tiens!! et puis elle est trop courte ma bannière!!!
alors je viens ici, parce que je le vau bien, et je découvre que dans mes liens d'amis (gare à tes fesses alérion si ça plante tout) je dois y mettre ce script:

ht est paramétrable selon l'hauteur à laquelle on veut mettre le titre sur la bannière.
08insererscript

09resultat

Je regarde le résultat, adapte ht en éditant mon lien du script, et voilà, plus qu'à refaire ma bannière et en mettre une plus longue, moi.
10modifhauteur
11voirresultat
je rajuste la valeur de ht=3 pour mieux le situer...
12resulta3

et voilà...

Posté par Alerion à 11:09 - Commentaires [8]

22 décembre 2007 - Le Calendrier en bannière

Changer de destination du calendrier, en mode normal, c'est possible

Voilà comment: Vous allez mettre un script dans les "liens d'amis"!

- Oui, c'est moi qui l'ai fait, et j'ai bien entendu pris en compte sa longueur pour ne pas planter bêtement notre blog...

dispos_blocsDonc voilà un blog standard, en mode normal, la seule vérification importante, est de situer le bloc de lien en dessous du bloc du calendrier, sinon ça ne fonctionne pas. (En pratique il faut que le calendrier soit affiché sur le blog pour que je puisse le traiter et le changer de destination)

vierge_avec_calendar

Ceci étant vérifié (et modifié le cas échéant) on va dans les liens d'amis (si si c'est possible puisque je le marque)

saisie_script
On saisie ce script:

a) pour ceux qui ont une bannière: (ht est pour préciser la hauteur de la bannière-55px)

b) pour ceux qui n'ont pas de bannière:

à la place du titre  et on mets # à la place du lien
saisie_lienresultatlien
on valide et on regarde le résultat :)

finresultat

Posté par Alerion à 08:46 - Commentaires [1]

04 septembre 2007 - Le mode avancé et ses avantages (inconvénients?).

Ce qui différencie fondamentalement le mode avancé du mode standard c'est l'automatisme.

En mode standard, tout ce qui "touche" aux styles de couleurs, bordures, bannière, les tailles de texte ou la présentation générale (une ou deux colonnes, colonne à gauche à droite...) est fait automatiquement par des cases que l'on remplit (ou pas). Le programme interne de canalblog s'occupe de lui même de mettre à jour les pages concernées après validation.

En mode Avancé, il n'y a pas de petit programme qui vous donne une sélection de choix, et il n'y a toujours pas de petit programme qui met à jour les pages concernées. Tout ça doit être fait manuellement, directement sur les pages et/ou la feuille de style générale. Et toute erreur peut pénaliser rudement la présentation du blog.

Ceci dit, les possibilités de style sont infinis car non limitées par un programme, d'où l'avantage sérieux du mode avancé.

Mais, pour "bidouiller" il faut, je pense, comprendre un peu comment ça fonctionne.

Lorsqu'on passe en mode avancé, on se retrouve non seulement dans la possibilité de modifier directement la feuille de style générale (couleur, images de fond, caractères etc) mais également le code Html des pages type. Ainsi, lorsque tout est modifié, il n'est plus possible de revenir en arrière et dire au petit programme de reprendre tout en main (sinon il ne s'y retrouverait pas). Donc en toute première action, si vous décidez de passer en mode avancé, est de créer un deuxième modèle standard copie exacte de celui en cours. Ainsi, si vous "cassez" le blog, vous pouvez toujours revenir sur un modèle standard.

Comment fonctionne le blog

Lorsque on va sur une adresse de Cblog, on arrive d'office sur une première page, nommée "page d'accueil" et e cette page on peut accéder à d'autres pages,

généralement pour la suite des messages les pages nommées "page d'archive",

pour voir et laisser un commentaire une page nommée "page de message" (oui je sais, il manque un sens du suivi de raisonnement mais bon, c'est comme ça),

ces trois pages sont les plus utilisées et les plus visitées. Viennent ensuite d'autres pages, pour l'indexe des archives, les album photos et la page du profile.

C'est dans ces pages que sont disposés les colonnes à afficher, les blocs (savez, les blocs des dix derniers messages, derniers commentaires, liens catégories...) et les éventuels petits gadgets que l'on trouve un peu partout et qui créaient de drôles de soucis à certains. Ces blocs sont tous constitués de codes types, propres à canalblog, et expliqués dans les aides de CB donc je ne les exposerai pas ici.

Ces codes sont remplacés par notre contenu (textes, catégories, liens...) par le moteur interne de CB avant l'affichage sur l'explorateur.

Les styles eux, (fond, couleur, type de caractère, grosseur, action des liens et j'en passe) sont définis dans une feuille nommée "Feuille de style générale".

D'une façon générale, chaque "chose" affichée dans une page est encadrée ont besoin de balises Html pour déterminer la nature même de l'affichage que je nomme moi perso pour la compréhension "boite",

ainsi on a une boite pour le texte, (<p></p>)

une boite pour l'image, (<img></img>)

une boite pour les titres, (<h1></h1>)

une boite pour les liens, (<a></a>)

une boite pour rassembler ces boites (<div></div>)

et encore une boite pour contenir tous les groupes de boites. (<body></body>)

Ainsi la boite des textes sera pour ainsi dire toujours "p" et le texte sera compris entre chaque balise commençant par <p> et finissant pour dire à l'explorateur que cette boite là est finie par </p> et le comment sera affiché le style de "p" est défini dans la "feuille de style générale" le font, la taille, le fond, la couleur, l'alignement...

C'est pas simple hein... Et... info quand même, ces balise, codes et définitions sont en anglais (rien que pour faciliter les choses, sisi) bon, vous voulez continuer quand même? Bon aller, je vais essayer d'être le plus "pédagogue" qu'il m'est possible de l'être. 
Mais on change de blog on va

Posté par Alerion à 15:07 - Commentaires [12]

30 août 2007 - Les émails, ou comment s'en passer

orsque les amis ou la famille, qui connaissent ou pas, écrivent un petit commentaire, certain savent qu'il faut mettre une adresse mail (même bidon) tandis que d'autres non.
Je vois beaucoup la question comment faire pour qu'on ait pas à écrire le mail: et bien c'est tout simple: En Mode Avancé Uniquement...

déjà il faut éditer la page des messages et repérer la ligne: <input id="authorEmail" name="authorEmail" value="" maxlength="64" onchange="handleChange(this)" />
email01
et entrer une adresse par défaut à value="" genre courriel@defaut.fr

email02
ce qui donne: <input id="authorEmail" name="authorEmail" value=" courriel@defaut.fr " maxlength="64" onchange="handleChange(this)" />

bien sûr ne pas oublier de valider

Personnellement je ne le préconise pas, car ça laisse libre cour à tous les excès et c'est pourquoi je ne m'en sers pas, donc si vous voulez laisser un message sur ce blog, et bien mettez-y une adresse mail, au moins si elle est bidon, ce n'est pas moi qui vous l'ai soufflée.

Posté par Alerion à 13:41 - Commentaires [2]

30 mai 2007 - Protection des photos

on, aller, je suis de bonne humeur aujourd'hui,

Donc le but du jeu étant comment "bloquer" l'accès à mon image que je viens de mettre dans mon message et en mode normal que ce soit par clique droit ou en faisant glisser par le gauche.

Attention c'est technique, mais rien n'arrête le courageux défenseur de droit d'image.

Dans un premier temps j'effectue le message normalement, (heuuu presque)
Là un petit post vite fait avec texte à gauche et image (piquée sur la toile) à droite
Je tape le texte....
Et j'insère l'image,
Important, l'insérer avec créer miniature, et afficher l'image à la taille originale dans une nouvelle fenêtre
image1

image1b
Ce faisant, passer en mode html, et repérer l'image (oui je sais c'est un grand truc impossible à lire etc. etc. etc.)
Image1
et c'est là que commence les manips

Déjà sélectionner le lien qui est dans src="...." et le supprimer (c'est la réduction de l'image)
Image3
ensuite sélectionner le lien qui est dans href="..." c'est l'image qui est en grand
Image2
et le glisser dans le scr="" qui reste (pour afficher l'image en grand sur le blog)
Image4

à ce stade nous n'avons que transféré la grande image pour qu'elle s'affiche à la taille originale dans le message, procédons à l'antiglisse par clique gauche et retournons à href="" et y ajouter #
Image5
ensuite sélectionner le target="_blank", le supprimer, et y mettre oncontextmenu="return false" qui empèche le clique droit
Image6
voilà c'est terminé, reste à Publier le texte....
Image7

(bon c'est vrai que j'ai pris une petite image aussi, donc ça ne ressort pas trop bien là) et que se passe-t'il si on transfert la photo avec le click gauche?
Image8

mais c'est le lien qui est transféré :) pas l'image héhéhéhéhé

bon maintenant que vous avez tout fait, tout est bien et tout, devinez comment j'ai pris toutes ces photos, et surtout la dernière, malgré l'anticlick gauche et droit??? Hein?? Bah vi pas difficile de contourner tout ça:)

Posté par Alerion à 11:12 - Commentaires [12]



« Accueil  1