• Lire suite

    Certains blogs ont choisi de n'afficher la plus grande partie de leur article que par la commande:  "Lire la suite", qui ouvre la suite de l'article, soit au clic, soit au survol, dans la même page ou dans une nouvelle page.
    Ceci est dans la structure du blog et chaque article est donc sur le même principe; ceci à l'avantage de présenter plusieurs articles, dans un volume réduit et où le visiteur peut ouvrir le sujet qui l'intéresse.
    On peut faire l'équivalent, en CSS; ceci n'est qu'un exemple: la bordure est facultative et ici, uniquement là en exemple.
    La hauteur de l'article est à ajuster en fonction de son contenu, si on souhaite un affichage progressif

    lire la suite

    Mathématiquement juste
    Un homme d’affaires envoie un fax à sa femme :
    « Ma très chère épouse :
    Tu comprendras que maintenant que tu as 54 ans, j’ai certains besoins, que toi tu ne peux plus satisfaire.
    Je suis très heureux avec toi, je te considère comme une merveilleuse épouse et sincèrement j’espère, que tu ne le prendras pas mal, quand tu sauras en recevant ce fax, que je serai à l’hôtel « Confort Inn » avec Vanessa, ma secrétaire, qui a 18 ans.
    Mais ne t’inquiète pas, je serai à la maison avant minuit… »
    Quand ce type arrive à la maison, il trouve un papier sur la table de la salle à manger qui dit :
    « Cher époux,
    j’ai reçu ton fax et je ne peux que te remercier pour ta prévenance.
    Je profite de l’opportunité pour te rappeler que toi aussi tu as 54 ans.
    Donc, je t’informe que lorsque tu liras ce message, je serai à l’hôtel « Fiesta » avec Richard, mon instructeur de tennis qui, comme ta secrétaire, a aussi 18 ans.
    Comme en plus d’être devenu un homme d’affaires reconnu, tu as une licence de maths, tu pourras facilement comprendre que nous sommes des semblables en cette circonstance mais… avec une légère différence :
    18 rentre plus de fois dans 54, que 54 dans 18.
    Donc, en conséquence ne m’attends pas avant demain !
    Bisous de ta femme qui te comprend… »

    La suite de votre article peut se placer à la suite et sera poussé, à l'affichage de la partie cachée.
    Elle peut aussi recevoir la même structure, si on le souhaite.
    La partie cachée peut contenir ce que l'on souhaite: texte, images, iframe ... dans la disposition désirée.
    Cette structure est propre à chaque article et les autres peuvent être d'une structure différente

    <div style="width: 60vw; border: 0.6vh ridge white; margin: 2vh auto;">
    <p id="mg1" style="width: 60vw; text-align: center;"><strong>Certains blogs ont choisi de n'afficher la plus grande partie de leur article que par la commande:&nbsp; "Lire la suite", qui ouvre la suite de l'article, soit au clic, soit au survol, dans la m&ecirc;me page ou dans une nouvelle page.<br />Ceci est dans la structure du blog et chaque article est donc sur le m&ecirc;me principe; ceci &agrave; l'avantage de pr&eacute;senter plusieurs articles, dans un volume r&eacute;duit et o&ugrave; le visiteur peut ouvrir le sujet qui l'int&eacute;resse.<br />On peut faire l'&eacute;quivalent, en CSS; ceci n'est qu'un exemple: la bordure est facultative et ici, uniquement l&agrave; en exemple.<br />La hauteur de l'article est &agrave; ajuster en fonction de son contenu, si on souhaite un affichage progressif</strong></p>
    <div id="mg3">
    <p style="width: 60vw; text-align: center; margin: 0 0 4vh 0;"><strong><span style="background-color: #00ff00;">lire la suite</span></strong></p>
    <p style="float: left; width: 15vw;"><img style="width: 15vw;" src="http://ekladata.com/y1G632zeTAgE8DnrWcpM9t0X7SI.jpg" alt="" /></p>
    <p style="float: left; width: 45vw; text-align: center; font-weight: bold;">texte article</p>
    </div>
    </div>
    <div style="width: 60vw; border: 0.6vh ridge white; margin: -2.5vh auto 0 auto; text-align: center;"><strong>La suite de votre article peut se placer &agrave; la suite et sera pouss&eacute;, &agrave; l'affichage de la partie cach&eacute;e.</strong><br /><strong>Elle peut aussi recevoir la m&ecirc;me structure, si on le souhaite.<br />La partie cach&eacute;e peut contenir ce que l'on souhaite: texte, images, iframe ... dans la disposition d&eacute;sir&eacute;e.<br />Cette structure et est propre &agrave; chaque article et les autres peuvent &ecirc;tre d'une structure diff&eacute;rente</strong></div>

    <style><!--
    #mg3{width:60vw; height:5vh; overflow:hidden; transition:height 1s linear;}
    #mg3:hover {height:55vh;}
    --></style>