How to create alert bar using CSS?

Discussion in 'HTML & Website Design' started by livedomainsearch, Jul 22, 2008.

0
  1. #1
    hi, I am not sure if anyone can help... I am looking for Alert Bar CSS or a guide on how to create one using CSS.

    Thanks!
     
    livedomainsearch, Jul 22, 2008 IP
  2. itcn

    itcn Well-Known Member

    Messages:
    795
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    118
    #2
    Can you give us an example of what you would like that alert bar to look like?
     
    itcn, Jul 23, 2008 IP
  3. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #3
    This amazing popup is not a bar but it could be made into one.
    CSSPlay Alert Box

    Or if you want a basic colored bar with text in it, try this:

    .alertbox {
    background-color: #f00;
    border: 1px solid #000;
    color: #fff;
    height: 25px;
    text-align: center;
    width: 400px;
    }

    <div class="alertbox">Testing</div>
     
    Cash Nebula, Jul 23, 2008 IP
  4. livedomainsearch

    livedomainsearch Peon

    Messages:
    111
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    livedomainsearch, Jul 23, 2008 IP
  5. lhd333

    lhd333 Active Member

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    Has anyone made a something similar as a wordpress plugin?
     
    lhd333, Sep 9, 2009 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Why not just write it in HTML?

    <div id="alertbar"><p>All the junk and content you want in here <a href="#">NOW WITH LINKS!!!</a></p></div>

    or whatever.

    #alertbar {
    position: fixed;
    z-index: 100; (just in case)
    other styles here
    }

    IE6 would need something funky to work. Not sure why a plugin is needed unless it's going to do some of the other stuff alert bars do (like going away after clicking a close button). Then you're introducing some scripts and it's no longer CSS-only.
     
    Stomme poes, Sep 10, 2009 IP