- [url=#]Demo[/url]
-
[*][url=#]First Option[/url]
[*][url=#]Second Option[/url]
[*][url=#]
[/url] [*][url=#]Third Option[/url]
how to create facebook like dilog boxes ?
Hello friend's
Any one have idea what technology facebook utilize to create the drop down box what we see on clicking our notifications.
Is it possible to create such like design using css only ?
Any one have idea what technology facebook utilize to create the drop down box what we see on clicking our notifications.
Is it possible to create such like design using css only ?
Replies
-
eternalthinkerCSS and bit of jQuery should do it without much hassle
-
PraveenKumar PurushothamanTry jQuery Boxy: #-Link-Snipped-#
-
eternalthinker
That's a good find! ๐Praveen-KumarTry jQuery Boxy: #-Link-Snipped-#
Anyhow, if he needs only static dialogue boxes with just a close button, I think writing some CSS and a couple of lines of jQuery would be more light weight. -
PraveenKumar PurushothamanWill send you one with even more light weight then... Behold.! ๐
-
The_Small_kI have done it guy's.
Have to add some css scripts on it nothing else. -
PraveenKumar Purushothaman
Awesome!!! Show the demo!!! ๐ What did you use? Boxy???The_Small_kI have done it guy's.
Just have to add some css scripts on it nothing else. -
The_Small_kok try this one....
save this code in a file as style.css and link them to your html page
body { margin:0 auto; } #content { margin:0 auto; background-color:red; } #nav { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding-top:4px; } #nav a { display:block; padding:7px 7px 7px 7px; color:#ccc; text-decoration:none; } #nav, #nav ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; } #nav a.dmenu { } #nav a.dmenu:hover { color:#3366CC !important; background-color: #fff; } #nav li:hover a, #nav a:focus, #nav a:active { padding:7px 7px 7px 7px; color:#fff; background:#444; text-decoration:none; } #nav li ul{ position: absolute; display: none; margin-left:-1px; padding-bottom:10px; background-color: #FFFFFF; border: 1px solid #bbb; border-top:none; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; z-index:5000; height:500px; width:200px; } #nav li:hover ul { display: block; } #nav li {position: static; width: auto;} #nav li:hover ul a{ color: #000000; background-color: transparent; } #nav ul a:hover { background-color: #606060; color: #FFFFFF; } .floatleft { float:left; }
here is the html page...
-
PraveenKumar PurushothamanIs it a mouseover drop down menu you posted??? I thought you said facebook like post... ๐
You are reading an archived discussion.
Related Posts
India's favorite satire site - FakinNews.com seems to be suspended. At present, I'm receiving the following error message on the site: This Account Has Been Suspended. There could be two...
I'm a Fresh mechanical engineering graduate. So
Please, assist me with any specify university/college to do my Masters in oil and gas engineering ?
and also would like to know...
Hi friend i want to find out the topper in the college.i give one table in excel so using sql based on the hall ticket numberhow to find out the...
The CAD software Solidworks had an interactive design programme called letsgodesign to develop a baby buggy for dads. This was an interactive design programme, where any one could contribute.
The...
University of Illinois engineers have developed an innovative system that lets cracked electronic circuits to heal themselves completely transparent to the user. It has far reaching benefits to improve reliability...