Simple Facebook "like" button on the navbar

[dimitrisvb]

getting back to this..

i've experimented and kind of did it..

i've edited the Navbar template, and placed two more elements (a facebook and a twitter button) :

<!-- προσθήκη για facebook like -->
<vb:if condition="THIS_SCRIPT == 'facebook like'">
<li class="selected"><iframe src="//www.facebook.com/plugins/......" allowTransparency="true"></iframe>
</li><vb:else />
<li><iframe src="//www.facebook.com/plugins/....." allowTransparency="true"></iframe></li>
</vb:if>
<!-- κλείνει η προσθήκη facebook like -->

<!-- προσθήκη για twitter follow -->
<vb:if condition="THIS_SCRIPT == 'twitter follow'">
<li class="selected"><a href="https://twitter.com/......" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @......</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li><vb:else />
<li><a href="https://twitter.com/......" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @......</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</li>
</vb:if>
<!-- κλείνει η προσθήκη twitter follow -->

just before the first <ul> closes...

It looks like this now:



Both buttons seem to work ok. But they are stuck to the top of the navbar.
Also, when the window is resized and there's not enough space, they get out of the bar and look messy:



I wonder:
a) is there a way to have them vertically align to the middle?
b) is there a way to have them placed on the right, just before the search box?
c) how can I have them fixed, so that they don't get out of the navbar when the windows gets smaller and there's not enough space?

thnx