Results 1 to 7 of 7
-
25th Mar 2012, 06:58 PM #1OPMember
Announcement box
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.
Thanks ahead of time.Zero - HosterBin Reviewed by Zero - HosterBin on . Announcement box 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. http://i.imgur.com/YnubX.png Thanks ahead of time. Rating: 5▄▀▄ HosterBin Inc.
▄▀▄ Webs Hosting, VPS, Dedicated Servers
▄▀▄ http://www.hosterbin.com support@hosterbin.com
-
25th Mar 2012, 07:02 PM #2
-
25th Mar 2012, 07:08 PM #3OPMember
Okay thanks
▄▀▄ HosterBin Inc.
▄▀▄ Webs Hosting, VPS, Dedicated Servers
▄▀▄ http://www.hosterbin.com support@hosterbin.com
-
25th Mar 2012, 07:13 PM #4Respected MemberWebsite's:
DL4Everything.com Soft2050.inThis should work out as you wanted:
PHP Code:<style>.info-box {
background: #EBF6FF;
border: 1px solid #AAD9F5;
border-radius: 3px 3px 3px 3px;
padding: 5px;
}</style>
<div class="info-box">asd</div>
You just need to change the background color property.
-
25th Mar 2012, 07:17 PM #5OPMember
How can i make it close?
▄▀▄ HosterBin Inc.
▄▀▄ Webs Hosting, VPS, Dedicated Servers
▄▀▄ http://www.hosterbin.com support@hosterbin.com
-
25th Mar 2012, 08:56 PM #6Respected Member
Using this example Close included
PHP Code:<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>
-
26th Mar 2012, 11:12 AM #7MemberWebsite's:
imdber.org justpaste.meYou could also make the border-radius compatible with other/old browsers:
PHP Code:-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
Sponsored Links
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Similar Threads
-
Announcement about ShoutCastUK
By Rox in forum Hosting DiscussionReplies: 16Last Post: 17th May 2012, 06:36 PM -
Filesonic Announcement!!!!
By syedborhan in forum File Host DiscussionReplies: 1Last Post: 22nd Jan 2012, 09:29 PM -
Announcement on behalf of PhazeDDL
By Paul in forum Forum and DDL DiscussionReplies: 48Last Post: 9th Apr 2011, 08:15 AM -
Some Announcement
By BlaZe in forum Webmaster DiscussionReplies: 0Last Post: 19th Oct 2009, 03:09 PM
themaLeecher - leech and manage...
Version 4.93 released. Open older version (or...