Sample Content

Divers échantillons contenant des exemples (Various sample content examples.)

voir le site PhotoGraphie.Pro

Liens interne à une page (contenu/context):

Lien d'un fichier enregistré dans "Custom->Files"

    • Lien d'un fichier enregistré dans le même dossier (dans Gallery)


    • Markdown

    Nous vous recommandons d’utiliser markdown pour le contenu d’édition de base, car il est rapide à écrire, facile à lire et évite les erreurs de codage html. Lire la suite sur les démarques ou dans ce tutoriel.

    Bien que markdown est préféré pour les modifications de contenu base, vous devrez souvent utiliser html pour des trucs plus compliqués.

    • We recommend using markdown for basic content editing, because it is fast to write, easy to read and prevents html-coding errors. Read more about markdown or check this tutorial. Although markdown is preferred for basic content editing, you will often need to use html for more complicated stuff


      2-Column Grid

            • profile

          Hi!
          Mon nom est Bob Dobalina et ce site est mon blog, mais aussi une aire de jeux pour le système de site de Galerie de PhotoGraphie.Pro

          My name is Bob Dobalina, and this website is my blog as well as a playground for the  gallery website system from PhotoGraphie.Pro.

          About me

          Je suis intéressé de design, de fonctionnalité, de minimalisme et de performance.
          I am interested in design, functionality, minimalism and performance.


          Article
          Il y a plus d’une décennie, alors que SWF était une technologie émergente, ce site est devenu une vitrine très populaire de Flash.
          More than a decade ago, when SWF was an emerging technology, this website became a very popular showcase of Flash. See Post

        Block Grid

        • Block Grid
          Block grid vous donnent un moyen de séparer uniformément le contenu d’une liste dans une grille. Si vous souhaitez créer une ligne avec une quantité spécifique d’éléments qui ont besoin de rester également espacés, la grille de bloc est votre ami.
          Block grids give you a way to evenly separate contents of a list within a grid. If you want to create a row with a specific amount of elements that need to stay evenly spaced, the block grid is your friend.
        --- ## Carousel Plugin

        Chamaux

        poisson

        Ecureuil

        Chevre

        Elephant

        Taureau

        Baleine

        Poisson Ballon

        Tortue

        Embed Sources

        Vimeo

        Youtube

        Google Maps

        Self-hosted Video

      • Font Icons

      • Easily add icons into your page designs with the included [Font Awesome](http://fortawesome.github.io/Font-Awesome/icons/). Font icons are vector-based, so they look good at any size, and can be styled with CSS.





        • Formulaires personnalisés ajouter tous les éléments de votre formulaire de contact.

        Toutes les données seront transmises par email.

        Ice Cream Flavor
        couleur favorite
        rougebleuvert
        J'aime
        dormir manger courir
        Message


      Modal Plugin

        Le modal plugin vous permet d’ouvrir les fenêtres de dialogue pop-up, utiles pour afficher des informations pertinentes. Modals sont généralement déclenchées par des boutons, mais peuvent également être déclenchés sur le chargement des pages.

      Tabs

        Tabs content plugin

        Le plugin d’onglets vous permet d’ajouter facilement une section interactive d'onglets n’importe où dans votre contenu. Onglets peuvent être utiles de séparer le contenu connexe en sections cliquables. Choisir l’orientation horizontale ou verticale, trois styles et plusieurs classes d’assistance. Onglets réagir de façon appropriée sur les petits écrans (mobiles), et page défile pour insérer les pattes lorsqu’il y a contenu exhaustif.

        Sample Code

        Pour créer une mise en onglets, vous devez utiliser le code suivant :













        C’est le premier panneau de l’exemple de l’onglet Elémentaire. Vous pouvez placer toutes sortes de contenu ici, y compris une grille.



        Il s’agit de le second panel de l’exemple de l’onglet Elémentaire. Il s’agit de la seconde table ronde de l’exemple de l’onglet Elémentaire.



        Il s’agit de le troisième panel de l’exemple de l’onglet Elémentaire. Il s’agit de la troisième table ronde de l’exemple de l’onglet Elémentaire.



        C’est le quatrième panel de l’exemple de l’onglet Elémentaire. C’est le quatrième groupe de l’exemple de l’onglet Elémentaire.





        Styles

        vertical
        Incluez la classe verticale dans les deux votre élément de languettes UL et un élément de vos onglets contenu défini l’orientation des onglets vertical, au lieu de l’orientation horizontale par défaut.

        tabs-style-1tabs-style-2
        Inclure n’importe quelle classe de style dans votre élément conteneur-onglets, ajout d’un style différent du style par défaut.

        tabs-anim
        Incluez la classe d’onglets-anim dans votre élément conteneur-onglets pour faire vos onglets fondu le changement.

        tabs-radius
        Include the tabs-radius in your tabs-container element class to give your tabs rounded corners.

        tabs-color-active
        Include the tabs-color-active class in your tabs-container element to colorize the active tab.

        tabs-wide
        Include the tabs-wide class in your tabs-container element to make your tabs wider. * Only applies for horizontal tabs orientation.

        tabs-smalltabs-large
        Include the tabs-small or tabs-large class in your tabs-container element to make your tabs smaller or bigger. Does not apply for small (mobile) screens.

        tabs-centertabs-right
        Include the tabs-center or tabs-right class in your tabs-container element to make your tabs align center or right, instead of the default left. * Only applies for horizontal tabs orientation.

        tabs-width-30tabs-width-50tabs-width-auto
        Include the tabs-width-30, tabs-width-50 or tabs-width-auto class in your tabs-container element to set the % width of your vertical orientation tabs, instead of the default 20%.* Only applies for vertical tabs orientation.

        small-block-grid-*
        Include the small-block-grid-* class in your UL tabs element to make your tabs justify to full width. Replace the * with the amount of tabs you have. * Only applies for horizontal tabs orientation.

        Sample Content

        • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac rutrum est. Aliquam sit amet risus aliquet, sagittis risus eu, facilisis ex. Fusce eu neque et purus accumsan maximus maximus nec lacus. Nulla auctor augue ut fermentum venenatis. Donec volutpat ullamcorper felis, in tincidunt tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eleifend finibus tellus, et consectetur nulla pellentesque eu. In et justo risus. Donec sed dolor sit amet dolor cursus aliquam ut vel justo. Praesent sed quam diam. Duis scelerisque lectus non venenatis elementum.

        Ok! Etiam id commodo lorem. Nulla maximus fermentum nibh eget consectetur. Suspendisse luctus nunc orci, eget varius arcu tempor non. Duis ac efficitur augue, eu sollicitudin nisi. Praesent ligula tellus, consequat non tellus sit amet, fringilla gravida justo. Duis in justo at magna ornare tristique quis non risus. Fusce feugiat finibus urna quis rhoncus. Praesent feugiat eget tortor quis imperdiet. Praesent nulla lacus, ornare vel velit non, efficitur fringilla nibh. Cras nisi sapien, dapibus pretium nunc a, rhoncus tincidunt urna. Donec tristique nunc turpis, sed aliquam leo tincidunt sit amet. Integer vitae vehicula elit. Pellentesque aliquet nisi sit amet ullamcorper facilisis. Morbi quis turpis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

      Alert Box Alert boxes allow you to emphasize content by adding it inside a box. [code]

        Alert box example

        This is a simple alert-box with text and images. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere, risus quis malesuada fringilla, metus nulla consectetur mi, a ullamcorper mi eros et mi. Pellentesque facilisis libero at orci finibus porta quis eget urna.

        • Dismissible Alert Box

        Cette boîte d’alerte peut être rejetée en cliquant sur la close button.
        Il s’agit d’une boîte d’alerte minimale. Fermez-la !

      Labels labelUtilisez des étiquettes à mettre de l’emphase à n’importe quel contenu.

        Text
        Vous pouvez choisir la couleur suivante primaryalertwarningsuccessinfodefaultbg2bg3

        Toggle

        Content

        Sometimes you want to hide long sections of content until the visitor chooses to view more. Simply add a toggle button link, and an element that contains the hidden content. You can toggle any kinds of content and the toggle link can be *before* or *after* the hidden content. Toggle can also be effective to create FAQs or to simply hide long image descriptions like in this example. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tristique quis justo luctus pulvinar. Nulla venenatis lacus eget sapien pretium dignissim. Duis feugiat magna vitae fermentum euismod.morecode



        Ce texte est caché.
        more


        more
        Ce texte est caché.



        OPEN
        Ce texte est caché.

      Blog Post