Read Me button with pop up text

Discussion in 'HTML & Website Design' started by Prova1ver, Apr 9, 2015.

  1. #1
    Hi,

    Right now i'm developing Blog on Html 5 and i have some issues.
    I want to put on my blog function on "Read Me" button , where the text pop ups in black background in the middle of web page .

    I have seen this before , but i dont know how to create it, maybe some one can help me.


    Best Regards.
     
    Prova1ver, Apr 9, 2015 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    you're looking for some kind of overlay, lightbox-function - google "lightbox for displaying text" or something similar
     
    PoPSiCLe, Apr 9, 2015 IP
  3. Tentationem

    Tentationem Member

    Messages:
    6
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    25
    #3
    If you're running on Wordpress, you could try for the Simple Lightbox plugin. Or rather if you're running on a custom CMS, my personal favorite is FancyBox with easy integration & more than enough animation styles & options.
     
    Tentationem, Apr 9, 2015 IP
  4. COBOLdinosaur

    COBOLdinosaur Active Member

    Messages:
    515
    Likes Received:
    123
    Best Answers:
    11
    Trophy Points:
    95
    #4
    A plugin for something that simple? If you just want the popup all it takes is a div with display none containing the markup and text plus a button to close. Then the click event just sets display:block with the close setting it back to display none. The rest is just basic CSS.

    If you want all kinds od bells and whistles then by all means find some kind of bloated pluging, but your visitors don't care about you special effects. They come for content and anything that is not value added for the content is worthless.

    Here is a quick and dirty example: http://coboldinosaur.com/pages/DOM-art-d1.html Just click the detail button on the left.
     
    Last edited: Apr 9, 2015
    COBOLdinosaur, Apr 9, 2015 IP
  5. RezzRaygun

    RezzRaygun Member

    Messages:
    28
    Likes Received:
    7
    Best Answers:
    1
    Trophy Points:
    38
    #5
    Yes this is a model overlay that you thinking of. There are many but I often use Fancybox. It is easy to implement and will work with inline text. It would be useful to know how you have created your blog, with a CMS? If so, which one? Or is this something from scratch?
     
    RezzRaygun, Apr 9, 2015 IP