-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px
Remove these lines if you're aiming for a consistent look across browsers.
the Html And Css Code just put it in your site :- <style type="text/css">/*Credits: Jooria Refresh Your Website *//*URL: http://www.jooria.com/ */.invertedshiftdown{padding: 0;width: 100%;border-top: 5px solid #D10000; /*Red color theme*/background: transparent;voice-family: "\"}\"";voice-family: inherit;}.invertedshiftdown ul{margin:0;margin-left: 40px; /*margin between first menu item and left browser edge*/padding: 0;list-style: none;}.invertedshiftdown li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}.invertedshiftdown a{float: left;display: block;font: bold 12px Arial;color: black;text-decoration: none;margin: 0 1px 0 0; /*Margin between each menu item*/padding: 5px 10px 9px 10px; /*Padding within each menu item*/background-color: white; /*Default menu color*//*BELOW 4 LINES add rounded bottom corners to each menu item. ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS REMOVE IF DESIRED*/-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}.invertedshiftdown a:hover{background-color: #D10000; /*Red color theme*/padding-top: 9px; /*Flip default padding-top value with padding-bottom */padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/color: white;}.invertedshiftdown .current a{ /** currently selected menu item **/background-color: #D10000; /*Red color theme*/padding-top: 9px; /*Flip default padding-top value with padding-bottom */padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/color: white;}</style><div class="invertedshiftdown"><ul><li><a href="http://www.jooria.com" title="Home">Home</a></li><li><a href="http://www.jooria.com/catgory.html" title="Lessons">Lessons</a></li><li class="current"><a href="http://www.jooria.com/s75/PHP-Scripts.html" title="PHP Scripts">PHP Scripts</a></li><li><a href="http://www.jooria.com/s76/Ajax-Script.html" title="Ajax Script">Ajax Script</a></li></ul></div><br style="clear: both;" />
<style type="text/css">/*Credits: Jooria Refresh Your Website *//*URL: http://www.jooria.com/ */.invertedshiftdown{padding: 0;width: 100%;border-top: 5px solid #D10000; /*Red color theme*/background: transparent;voice-family: "\"}\"";voice-family: inherit;}.invertedshiftdown ul{margin:0;margin-left: 40px; /*margin between first menu item and left browser edge*/padding: 0;list-style: none;}.invertedshiftdown li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}.invertedshiftdown a{float: left;display: block;font: bold 12px Arial;color: black;text-decoration: none;margin: 0 1px 0 0; /*Margin between each menu item*/padding: 5px 10px 9px 10px; /*Padding within each menu item*/background-color: white; /*Default menu color*//*BELOW 4 LINES add rounded bottom corners to each menu item. ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS REMOVE IF DESIRED*/-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}.invertedshiftdown a:hover{background-color: #D10000; /*Red color theme*/padding-top: 9px; /*Flip default padding-top value with padding-bottom */padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/color: white;}.invertedshiftdown .current a{ /** currently selected menu item **/background-color: #D10000; /*Red color theme*/padding-top: 9px; /*Flip default padding-top value with padding-bottom */padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/color: white;}</style><div class="invertedshiftdown"><ul><li><a href="http://www.jooria.com" title="Home">Home</a></li><li><a href="http://www.jooria.com/catgory.html" title="Lessons">Lessons</a></li><li class="current"><a href="http://www.jooria.com/s75/PHP-Scripts.html" title="PHP Scripts">PHP Scripts</a></li><li><a href="http://www.jooria.com/s76/Ajax-Script.html" title="Ajax Script">Ajax Script</a></li></ul></div><br style="clear: both;" />
Enter your email address:
Textarea Maxlength script
Fantastic Animation PHP/CSS/jQuery Error pages
No Comments!
Be the first to review this page !
Name
Email
Website
Comment: — No HTML please.
Speak!