Q-Translate is responsive, which means that it is designed to look nice on small screens as well, usually on mobiles. But it also looks nice inside an iFrame as well, so it can easily be embedded inside another webpage.
It can be done by using an url like this as the src of an <iframe> tag:
Here is a quick example to demonstrate this. Simply copy and paste this code inside a webpage:
<div style="width:500px; display:inline-block; float:right; border:1px solid #aaa; border-radius: 3px; padding:10px; margin-left: 10px;"> <h3 style="margin-top:0px; color:#2a2; font-size:large">Q-Translate</h3> <iframe src="https://qtranslate.net/qtr/en/2/3?display=iframe" width="100%" height="600px" seamless="seamless" frameborder="0"> </iframe> </div>
Notice ?display=iframe at the end of the URL. This tells the application to customize the output so that it is suitable for an iFrame. It basically includes an extra CSS file which tailors the application by hiding the navbar on the header of the page, removing any margins on the body of the page, etc.