Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html id="main">
- <style>
- a {
- -webkit-transition: all 0.375s;
- -moz-transition: all 0.375s;
- -ms-transition: all 0.375s;
- -o-transition: all 0.375s
- }
- ul
- {
- list-style-type:none;
- margin:0;
- padding:0;
- overflow:hidden;
- }
- li
- {
- float:left;
- padding-right: 10px;
- }
- a:link,a:visited
- {
- display:block;
- width:;
- font-family:arial;
- font-weight:bold;
- color:#cccccc;
- text-align:center;
- padding:8px;
- text-decoration:none;
- text-transform:uppercase;
- border-bottom: 1px solid #cccccc;
- }
- a:hover,a:active
- {
- color: #808080;
- border-bottom: 1px solid #808080;
- }
- #dynawidth {
- display:block;
- width:;
- font-family:arial;
- font-weight:bold;
- color:#cccccc;
- text-align:center;
- padding:8px;
- text-decoration:none;
- text-transform:uppercase;
- border-bottom: 1px solid #cccccc;
- } #dynawidth:hover {
- color: #808080;
- border-bottom: 1px solid #808080;
- }
- </style>
- <body>
- <ul>
- <li><a href="#home" id="home">Home</a></li>
- <li><a href="#about me" id="about">About Me</a></li>
- <li><a href="#contact" id="contact">Contact</a></li>
- <li><a href="#miniblog" id="miniblog">Mini-blog</a></li>
- <li><a href="#buffer tab" id="buffer1">Buffer Tab</a></li>
- <li><a href="#buffer tab" id="buffer2">Buffer Tab</a></li>
- </ul>
- <center>
- <h1 style="font-family:arial; text-align:center; color:#777777; font-size:80px;">Swaraj</h1>
- </center>
- </body>
- <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript">
- function getWinWidth() {
- return $(document).width();
- }
- var home = document.getElementById('home');
- home.style.width = (getWinWidth() / 7).toString() + "px";
- var about = document.getElementById('about');
- about.style.width = (getWinWidth() / 7).toString() + "px";
- var contact = document.getElementById('contact');
- contact.style.width = (getWinWidth() / 7).toString() + "px";
- var miniblog = document.getElementById('miniblog');
- miniblog.style.width = (getWinWidth() / 7).toString() + "px";
- var buffer1 = document.getElementById('buffer1');
- buffer1.style.width = (getWinWidth() / 7).toString() + "px";
- var buffer2 = document.getElementById('buffer2');
- buffer2.style.width = (getWinWidth() / 7).toString() + "px";
- </script>
- </html>
-
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement