Announcement box

Status
Not open for further replies.

Zero

Active Member
639
2008
58
0
AM trying to find the code to be able to make a box like the image below. It will be in my main page. But i want to make sure they can close it. If possible be able to choose my background color.


YnubX.png


Thanks ahead of time.
 
6 comments
This should work out as you wanted:
PHP:
<style>.info-box {
    background: #EBF6FF;
    border: 1px solid #AAD9F5;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
}</style>

<div class="info-box" id="info-box">asd</div>

Using this example Close included
PHP:
<style>.info-box {
    background: #EBF6FF;
    border: 1px solid #AAD9F5;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
}</style>

<div class="info-box" id="info-box">asd
<input style="float: right; margin-right: 20px; align-text: right;" 
type="button" value="close" 
onclick="document.getElementById('info-box').style.visibility = 'hidden';"></div>
 
Last edited:
You could also make the border-radius compatible with other/old browsers:
PHP:
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 
Status
Not open for further replies.
Back
Top