[HM666]

Originally Posted by dimitrisvb

getting back to this..

i've experimented and kind of did it..

i've edited the Navbar template, and placed this code:

<!--  facebook like button begin -->
<vb:if condition="THIS_SCRIPT == 'facebook like'">
<li class="selected"><iframe src="//www.facebook.com/plugins/like.php?href=https..........." scrolling="no" frameborder="0" align="middle" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
</li><vb:else />
<li><iframe src="//www.facebook.com/plugins/like.php?href=https..........." scrolling="no" frameborder="0" align="middle" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe></li>
</vb:if>
<!--  facebook like button end -->

as the last element just before the first <ul> closes...

It looks like this now:



and it seems to work. But it's stuck to the top and I wonder:

How can I vertical align it? As you can see, I put align="middle" in the iframe tag, but nothing much happens.

Further, would it be possible to have it on the right, next to the search box?

thnx

You will need to add CSS to get it perfectly aligned where you want it. To move it to right next to the the search field you can try to use the css code float:right; To make it center and not be hugging the top you can either try padding-top:5px; (you can increase or decreased the pixels amount to fit it perfectly) or try margin-top:5px; (again you can adjust the number). You will need to probably make a new div tag for this and add it to your additional.css template.