Comment placer du texte sur une image, à quoi servent les sous box, comment sélectionner un élément ?

C’est ce que nous allons voir dans ce deuxième Tutoriel vidéo WebAcappella Responsive.

 

Suite de notre série de Tutoriel vidéo WebAcappella Responsive, on répond à vos questions :

  • Pour placer du texte sur une image, il faut utiliser une sous-box. Dans cette sous-box se trouve une ligne, dans cette ligne vous y placez votre élément texte. Et c’est dans la sous-box que vous placerez votre image. Ensuite, libre à vous d’agencer comme vous le souhaitez à l’aide des “spacer V” et “spacer H”
  • Puis, pour augmenter la taille du texte dans WebAcappella Responsive, vous pouvez utiliser ce site, son fonctionnement est expliqué dans ce tutoriel.
  • Enfin, pour sélectionner un élément box, sous-box, ligne lorsqu’il y en a plusieurs au même endroit, maintenez la touche shift de votre ordinateur enfoncée.Et cliquez sur la partie de votre page web que vous voulez modifier. A chaque clic, un élément différent est sélectionné. Malin non ?!

N’hésitez pas à nous poser vos questions dans les commentaires, nous y répondrons dans les prochaines vidéos.

Salut !

13 commentaires

  1. Bonsoir,

    merci pour ces tutos très accessibles…

    j’aimerai un tuto sur l’iframe le html et l’action java….comment s’en sert -on exactement.

    Bon week à vous…

    Val

  2. Bonjour la team
    Ah merci, vraiment, pour les tutos. Continuez, heureusement que vous êtes là car c’est une fois de plus pas sur la marque qu’il faut compter pour nous faire avancer sur leur produit (voir guide WRC).
    Enfin j’arrête mon ronchonnement à la Française.
    Une petite question: J’ai essayé de mettre le code du cookie de votre ancien tuto “Créer un bandeau d’information cookies” pour être conforme avec le CNIL. Il n’a pas l’air de fonctionner. Dois t’on en mettre un autre? Ou le mettre?
    Merci de votre réponse et continuez votre super site et vos tutos. Bravo

  3. Bonsoir,
    Quelques questions… Aussi 🙂
    La box pour nous envoyer des e-mails ?
    Comment fait on pour que l on puisse nous adresser des mails sur notre boîte mail?
    Merci.
    Sylvie

  4. Bonjour,
    Occupé à tester WARC, je ne vois pas la possibilité de redimensionner en hauteur un diaporama dans sa box.
    Lors de l’insertion d’images ( par exemple un bandeau de 900 x 300), celles-ci sont placées au centre avec en haut et en bas un espace vide, donnant à l’affichage des zones vides entre les autres contenus.
    Il devrait être possible de dimensionner en hauteur le diaporama, sans ces espaces (comme dans un simple image),
    car cela ne se produis pas en insertion d’une simple image de mêmes dimensions.
    merci pour votre aide

  5. Bonjour
    Pourriez vous faire un tuto sur les différences et quand utiliser les “box” “sous box” “lignes” etc. La basse quoi car beaucoup de personnes ne comprennent pas bien la différence et surtout pourquoi utiliser l’une et pas l’autre par rapport à la “cascade”. Vu que c’est la différence principale de WRC
    Je pense que c’est le plus dur à se mettre dans la tête et comme c’est la basse, c’est important.
    Pourquoi ne pas utiliser que des “box” par exemple j’ai pas la réponse?
    Merci d’avance et bravo pour votre site.

    • Hello,

      C’est simple

      En premier on utilise une “BOX” et ensuite une “LIGNE” et dans cette “LIGNE” on met ce que l’on veut, notamment des ” SOUS-BOX”, et ne mettre plus de BOX

      En dessous de la 1ere “BOX”, on pourra remettre une autre “BOX” et continuer comme je l’explique dans la phrase du dessus

      En faîte – la “BOX” c’est la boite de départ…

      Pour ma part j’ai agit comme cela, çà fonctionne très bien

      Je fais un site très lourd- 4000 pages – j’en suis à 1300- çà ralenti un peu – mais ça fonctionne plus rapidement de WA4

      A+

      http://www.guyluce.fr

  6. Bonjour,
    Mettre une photo dans la fonction texte est pour le moment la solution, mais si on utilise le mode multilingue il faut recommencer l’opération car la photo est considérée comme du texte.
    Dommage que depuis Webacapella responsive on ne peut pas faire du copier coller vers le site de traduction Reverso.
    Si vous avez une solution ….
    Cordialement,

  7. Bonjour,

    avant tout, merci beaucoup pour votre tutoriel. Je voudrais savoir comment on faire pour publier le mode multilingue . J’ai fini mon site un 2 langues et quand je le publie , je vois que la version française, pas de bouton pour accéder au site un anglais.

    Merci de votre réponse.

    Cordialement

    Danielly

  8. Bonjour,
    Comment fait-on pour insérer un espace insécable dans un champ texte ? Le problème est le suivant : quand un paragraphe de plusieurs lignes se termine par un espace suivi d’un point d’interrogation, eh bien il se peut que, selon la largeur de l’écran de l’internaute (responsive !) le point d’interrogation se retrouve tout seul au début d’une ligne. Cet inconvénient disparaitrait si l’espace était un espace insécable.
    Merci de votre aide !

  9. Bonjour,

    Merci pour vos tutos, j’ai une petite question.
    J’ai bien compris comment mettre une image en arrière plan d’un texte. Cependant, je n’arrive pas à enlever un peu d’opacité pour que le texte soit plus visible.
    Pouvez vous m’aider ?

    Merci
    Fanny

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée Champs requis marqués avec *

Poster commentaire