Les partenaires publicitaires:

Comment faire une zone de texte Pop Out en HTML

Placer une zone de texte pop-out sur votre site web est un moyen efficace pour afficher des informations aux visiteurs sans les ouvrir une nouvelle page Web. Vous pouvez utiliser une zone de texte pop-out sur votre site pour afficher le texte est pertinent pour le contenu de la page principale - par exemple, de nombreux sites Web utilisent des boîtes de texte pop-out pour afficher les termes et conditions ou plus de détails sur un produit annoncé . Vous pouvez afficher une zone de texte pop-out sur votre site en créant une nouvelle page pour la pop-out et l'insertion d'une ligne de code HTML de la page de contenu principale.

Instructions

  1. Lancez votre outil de programme de conception de site Web ou un éditeur de texte normal. Basés sur Windows ordinateurs livrés avec Microsoft WordPad et Notepad applications de l'éditeur de texte.

  2. Cliquez "Fichier" sur le menu principal, puis cliquez sur "Ouvert" et ouvrez la page Web à partir duquel vous souhaitez afficher la zone de texte pop-out.

  3. Copiez le code ci-dessous et de le coller dans la section d'en-tête de la page Web. La section d'en-tête comprend tout le code entre le "" étiquette et le "" tag:

  4. Sélectionner et mettre en évidence les instructions de hauteur et largeur dans le code collé. Modifier ces attributs à configurer la zone de texte pop-out à votre taille d'affichage préféré. Dans l'exemple ci-dessus, la fenêtre pop-out a une profondeur d'écran de 150 pixels et une largeur d'écran de 300 pixels.




  5. Faites défiler jusqu'à l'emplacement sur la page où vous souhaitez afficher le lien dynamique à la boîte de pop-out. Ceci est le lien que le visiteur clique pour ouvrir et afficher la boîte de texte pop-out.

  6. Copiez et collez le code HTML suivant dans l'emplacement d'insertion:

    Cliquez Popout

  7. Mettez en surbrillance et le changement "description" à votre propre label pour la boîte de pop-out. Ceci est pour votre propre usage pour vous aider à identifier le code de la boîte pop-out et il ne sera pas afficher à vos visiteurs.

  8. Mettez en surbrillance et remplacez "popout.html" avec le nom correct de la page Web que vous avez créé pour contenir le texte dans la boîte de pop-out. Changer la "Cliquez Popout" lien texte pour votre propre texte du lien - par exemple, "Cliquez pour plus de détails sur ce produit."

  9. Cliquez "Fichier" sur le menu principal, puis sélectionnez "sauvegarder" pour enregistrer la page Web. Téléchargez la page et la page de boîte de pop-out pour le serveur de votre hébergeur.

Conseils & Avertissements

  • Vous pouvez aussi inclure des images, des graphiques ou contenu multimédia dans une boîte de pop-out. Si vous affichez des images ou des graphiques, vérifiez que la case est assez grand pour accueillir la taille de l'image.
» » » » Comment faire une zone de texte Pop Out en HTML