S'identifier - S'inscrire - Ecrire un article - Contact

Tutoriels et documentation

Vous cherchez une réponse à un problème pour mettre en place une fonctionnalité ? Découvrez la rubrique Tutoriels.

Créer un formulaire publiable en article

Mots-clés : , ,


Pour créer un formulaire, on va rajouter des champs publiables sous le cadre de l'éditeur de la page Ecrire un article.
Pour cela, aller dans Menu administrateur > Configuration. Dans l'url du navigateur, remplacer menu.pl? par advanced.pl? sans rien toucher d'autre puis charger la page. On arrive sur la page Menu avancé :


 
Chaque ligne cochée va rajouter un champ de formulaire en bas de la page d'édition d'article et permettre de le publier. 
Dans la première colonne, donner un nom d'attribut simple au champ qui permettra de l'identifier dans le code html (si vous voulez travailler la mise en page du formulaire par la suite).
La 2ème colonne permet de choisir le type de champ : chaîne (c'est à dire un champ simple d'une ligne), texte (un rectangle plus grand s'il y a besoin de rentrer plus d'infos), case à cocher.
Dans la 3ème colonne, mettre l'intitulé du champ tel qu'il apparaîtra sur le formulaire (on peut aussi donner des consignes pour remplir le champ par exemple).
Ne pas oublier de valider les cases correspondantes pour les champs qu'on veut publier. Si on ne coche pas la case d'un champ, il sera visible dans la page d'édition d'article, mais les infos ne seront pas publiées. Ce qui permet par exemple de demander un mail sans le rendre visible, ce champ ne sera accessible qu'en rouvrant la page de modification de l'article (Stéphane, tu me corriges si je me suis trompée dans mes tests :-))
Valider en bas de page.
Voici un exemple de ce qu'on peut faire en bas d'article : 
 

 
Et voici ce que donne un formulaire publié :
 


 
La suite des réjouissances au prochain épisode pour voir comment modifier le code html de la page de publication d'article pour ceux qui veulent mettre en forme leur formulaire :-)
 

Par isabelle • Tutoriels • Dimanche 03/10/2010 • 0 commentaires  • Lu 7999 fois • Version imprimable

Les 2 premiers paragraphes


Bonjour,
Un truc découvert par hazard aujourd'hui.
Pour afficher les deux 1ers paragraphes, (et seulement les deux 1ers), il suffit d'ajouter à la fin du 2è, en mode html (Source)
<p>----</p> avec au moins 5 tirets
Cette ligne de tirets se voit en mode Modifier, mais pas en mode lecture.
Et si le bouton "Affichage sur la page principale :" est coché, alors nos deux premiers paragraphes apparaitrons en première page.

------

Bien sûr, ce truc marche aussi pour 3, 4 ou x paragraphes.

La question qui vient ensuite est " Pourquoi ce fonctionnement (non documenté pour autant que je sache ?"
Un carambar à celui qui trouve la bonne réponse

Par Marc du Chaffaut • Tutoriels • Mardi 02/03/2010 • 2 commentaires  • Lu 7101 fois • Version imprimable

Tuto : ajouter des commentaires avec Ajax

Le système Ajax (regroupant html, JavaScript et PHP) peut s'adapter à Viabloga. Il permet un ajout de commentaire sans rechargement de la page, avec un formulaire juste en dessous de l'article. Faites le test et vous comprendrez : http://test-de-skins.viabloga.com/news/des-commentaire-en-ajax Impressionnant non ? C'est très pratique lorsque l'article comporte une vidéo, une musique, un jeu ou un autre contenu multimédia. Ajax est d'ailleurs utilisé sur des sites comme Youtube ou Dailymotion. Si vous êtes intéressé par ce système, voici la marche à suivre. Tout d'abord, ouvrez votre modèle de mise en page avec un éditeur ou le bloc note. Cherchez le code qui correspond au lien pour poster un commentaire : <div class="postfoot"> <ul> <object class=news_previous><li class="icon...→ plus

Mettre une image au dessus des onglets sur Mimbo -- MAJ du 20/11/08 Astuce

Mettre une image au dessus des onglets sur Mimbo -- MAJ du 20/11/08 Astuce
Il faut d'abord que l'affichage des onglets se fasse grâce à une liste. Ensuite, la première entrée de la liste doit être l'URL de la photo, en spécifiant sa longueur (950 pour une largeur de blog de 1000) Pour faire pousser de l'herbe sur V2V, j'ai semé ça : <li> <img width="950" alt=""src="http://utilisateurs.viabloga.com/images/herbe.jpg"/></li> En ajoutant autant de lignes d'entrée de liste que de photos voulues, on peut obtenir ce genre de bandeau : <li> <img width="75" height="75" alt=""src="http://viablabla.viabloga.com/images/DSC00120_t.jpg"/></li> L'astuce est de réussir à régler la hauteur des photos pour que tout rentre dans la largeur, plus l'espacement entre, de quoi s'amuser un peu quand même avant de tout caler tout bien :-) → plus

Changer de nom de domaine sans perdre son référencement

Niveau de difficulté : moyen

Changer de nom de domaine sans perdre son référencement
Voici un petit tutoriel qui aidera les internautes qui souhaitent changer de nom de domaine sans perdre leurs efforts de référencement. Quand votre nouveau domaine pointera vers votre site, vous aurez alors deux domaine et j'imagine que vous aimeriez que Google n'en indexe qu'un seul : le nouveau. Alors il va falloir faire des redirections depuis chaque page de votre ancienne adresse vers la nouvelle. Or si on utilisait une simple redirection en html du genre : <meta http-equiv="refresh" content="0;URL=www.nouveaudomaine.com"> la page se réactualiserait sans arrêt et on ne pourait pas consulter le site. Il va donc falloir utilise du Javascript. On va poser une condition sur l'url de la page : Si URL=www.anciendomaine.com, alors redirection vers www.nouveaudomaine.com. Et voilà le code en...→ plus

Créer un hyperlien

Créer un hyperlien
Dans l'éditeur visuel, cliquer sur le bouton "Insérer un lien, un fichier..." -> Dans la fenêtre qui s'ouvre, remplir le champ URL dans l'adresse de la page voulue Le lien se fait à la place du curseur ou sur un morceau de texte déjà surligné; On peut ensuite choisir comment et où va s'ouvrir cet hyperlien en cliquant sur l'onglet Destination de la boîte de dialogue : Ne pas oublier de cliquer sur OK pour valider → plus

Créer un plan sitemap pour un site Viabloga

Après avoir suggéré de créer un plan sitemap pour chaque site hébergé sur Viabloga j'ai essayé de trouver une solution et j'ai trouvé un moyen très simple pour créer un plan sitemap sans passer par un logiciel ni faire appel à un site proposant ce service et être ainsi restreint à 500 pages. Il suffit d'utiliser la page d'archives ! Dans le code source de la mise en page, cherchez <object class=archive>...→ plus

Bloc HTML pour onglets avec menu déroulant

Copier le code html suivant dans un bloc libre : <ul> <li><a href="URL de la rubrique ou du lien vers où on veut renvoyer ">nom de l'onglet </a></li> <li><a href="URL de la rubrique ">nom de l'onglet </a></li> Etc, autant de fois qu'on veut d'onglets. Pour faire une entrée en menu déroulant, à la ligne de l'onglet correspondant, ne pas mettre </li>...→ plus

Support des formats d'articles dans les modèles

Cet article est destiné aux personnes qui créent des modèles de mise en page, ou qui ont un modèle de mise en page personnel. Il détaille les modifications nécessaires pour qu'un modèle supporte les formats d'articles. Le principe : Lorsque l'utilisateur choisit des formats d'articles dans le menu administrateur > mise en page > présentation du contenu, les objets "summary" des pages de sommaires...→ plus

Associer un nom de domaine à son blog

Associer un nom de domaine à son blog
Il est possible d'associer un nom de domaine (par exemple votrenom.fr) à un blog hébergé sur ViaBloga. Ce tutoriel présente les étapes nécessaires, et les pièges à éviter. Comment ça marche ? Le domaine votrenom.fr pointe vers l'adresse IP de l'un des serveurs de ViaBloga. Lorsqu'un visiteur tape votrenom.fr dans son navigateur, sa requête est alors dirigée vers le serveur de ViaBloga. De son coté,...→ plus

Les commandes d'affichage des articles

Je profite de quelques heures de TGV pour écrire un tutoriel sur l'utilisation et la syntaxe des commandes des mots-clés. Ce tutoriel devrait pouvoir trouver sa place dans ViaBloga, le livre. Les commandes des articles constituent sans aucun doute la fonctionnalité la plus unique et la plus puissante de ViaBloga. ----- Un blog est une suite chronologique d'articles à la visibilité éphèmère : l'article...→ plus

Insérer une image avec lien et info bulle

1) insérer une photo ou une image (voir aussi la procédure simplifiée de l'éditeur d'image) <img src="adresse de l'image" /> Et on peut ausi ajouter des trucs plus compliqués comme : <img vspace="5" hspace="0" border="0" align="right" src="adresse de l'image" /> pour que la photo soit intégrée à droite du texte (on remplace right...→ plus
Plus d'articles (24 articles sur 2 pages):

Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Discussions actives (+ commentaire)


Ailleurs sur ViaBloga


Pour chercher de l'aide

Les articles de ce site sont organisés par mots-clés.
Voir la liste des mots-clés.

Voir les tutoriaux de Delphine
Voir l'index de la documentation

Archives par mois


Nouveaux utilisateurs


Mises à jour des profils