Posted By

razvan on 11/19/10

Tagged

Versions (?)

Last Edited at 11/19/10 03:53am

Statistics

Viewed 665 times

Favorited by 0 user(s)

Related snippets

ading links and facebook like button to showit slideshows

/ Published in: HTML

Highlighted TextExpand

<style type="text/css"> 
  #menu {
	width:800px; /* this is the width of your slideshow ~ change accordingly */
	margin:20px auto 10px; /* 20px is the margin from top of the page to menu and 10 px from the menu to the slideshow ~ change it if you want to */
	position:relative;
	height:40px;
	}
  #menu ul {display:inline;width:500px;position:absolute;top:0px;right:110px;}
  #menu ul li {display:block;float:right;margin-left:20px;}
  #menu ul li a {text-decoration:none;color:#000;text-transform:uppercase;color:#131811;font-size:10.5px;font-family: Helvetica, Arial, sans-serif;font-weight: 400;letter-spacing:normal;}
  #menu ul li a:hover {text-decoration:underline;}
  .fb-like {position:absolute;right:0px;top:6px;width:90px;}
  .logo {
	padding:0;
	margin:0;
	height:40px; /* height of the logo */
	width:54px; /* width of the logo */
	}
  </style>

<div id="menu"> 
    	<div class="logo"><img src="logo.jpg"></div> 
		<div class="fb-like"> 
			<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/RazvanPhotography" layout="button_count" width="90"></fb:like> 
		</div> 
		<ul> 
			<li><a href="http://razvanphotography.com/">Blog</a></li> 
			<li><a href="http://razvanphotography.com/portfolio">Portfolio</a></li> 
			<li><a href="http://razvanphotography.com/contact">Contact</a></li> 
		<ul> 
  </div> 
  
    
  
  <div id="fb-root"></div> 
<script> 
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

URL: http://razvanphotography.com

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.