<!-- NECESSARY LINE FOR FLOATING VIRTUAL TOUR -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- END OF NECESSARY LINE FOR FLOATING VIRTUAL TOUR -->


<html>
<head>


<!-- AUXILIARY LINES FOR EMBEDDED VIRTUAL TOUR (INTERNET EXPLORER) -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- END OF AUXILIARY LINES FOR EMBEDDED VIRTUAL TOUR (INTERNET EXPLORER) -->


<!-- AUXILIARY LINE FOR FLOATING VIRTUAL TOUR -->
<link href="http://www.360facil.com/online/thickbox.flo.css" rel="stylesheet" type="text/css" media="screen" />
<!-- END OF AUXILIARY LINE FOR FLOATING VIRTUAL TOUR -->


</head>
<body>
<br>
<h2>This Is Just Any Page Where Texts And Codes Have Been Inserted</h2>
<br><br>
<p align="left">We recommend carefully reading it to understand all the possible options to publish Virtual Tours. At the end of the page you can see the code that creates it. Comparing the page proper with its code you will understand the difference between <strong>code</strong> and <strong>text</strong> or content and the way elements are placed to compose webpages. </p>
<br><br>
<p align="left">1 - Below this paragraph has been inserted a link to a Virtual Tour homepage. It is a <strong>text</strong> and as such it can be inserted with almost no limitations in blogs, forums, websites, social networks, documents, emails and even text messages. To see the page to which it points at select and copy the text of the link and paste it to your browser' adress bar : </p>
<br>


<!-- TEXT LINK TO VIRTUAL TOUR HOMEPAGE -->
http://www.360facil.com/eng/virtual-tour-online-creator.php?id=4079
<!-- END OF TEXT LINK TO VIRTUAL TOUR HOMEPAGE -->


<br><br><br><br>
<p align="left">2 - Below, instead, the link is no longer pure <strong>text</strong> but it contains a <strong>code</strong> with the instruction that allows to open the page to which the link points at by just clicking on it. Unlike the <strong>text</strong> of the previous paragraph, which can be inserted anywhere, a <strong>code</strong> can only be inserted within another <strong>code</strong>. Normally as in this case, the code that defines the link is inserted within the code that defines the entire page. To be able to edit the code of a page it is necessary to count on the permits needed : the access keyword to the server if it is your own website or an html editing tool such as those a great number of websites, social networks and blogs offer these days to their users : </p>
<br>


<!-- HTML LINK TO VIRTUAL TOUR HOMEPAGE -->
<a target="vinculoapaginaprincipal" href="http://www.360facil.com/eng/virtual-tour-online-creator.php?id=4079">http://www.360facil.com/eng/virtual-tour-online-creator.php?id=4079</a>
<!-- END OF HTML LINK TO VIRTUAL TOUR HOMEPAGE -->


<br><br><br><br>
<p align="left">3 - Since the instruction contained in the <strong>code</strong> is independent from the <strong>text</strong> visible on the link, both can be identical as in the previous example, or the visible <strong>text</strong> can be any other, ie, the Virtual Tour title. The anchor below opens the same page as the link in the previous paragraph : </p>
<br>


<!-- HTML LINK TO VIRTUAL TOUR HOMEPAGE SHOWING DIFFERENT TEXT -->
<a target="vinculoapaginaprincipal" href="http://www.360facil.com/eng/virtual-tour-online-creator.php?id=4079">Compu</a>
<!-- END OF HTML LINK TO VIRTUAL TOUR HOMEPAGE SHOWING DIFFERENT TEXT -->


<br><br><br><br>
<p align="left">4 - The instruction contained in the <strong>code</strong> or hidden part of the link can be simple, as the previous examples which contained only a reference, or more complex, containing on them an entire set of instructions with which the page is created according to the user's petition. This way, it is possible to share a Virtual Tour pointing not at its homepage but to a page with no other contents but the Virtual Tour proper, which will bear the elements defined at publishing time, passed on to the page through the link contents. When publishing the link below we have defined the interactive Virtual Tour's window dimensions and have opted to enrich it by adding all the attached elements that the options allow. Hence, on top of the interactive content, the publication shows a title, a table with data, a comments box, the image in flat mode and a button set to share the Virtual Tour in social networks and other media : </p>
<br>


<!-- HTML LINK TO CUSTOMIZED VIRTUAL TOUR -->
<a target="vinculoapaginapersonalizada" href="http://www.360facil.com/online/panorama.php?id=4079&fv=40&ww=360&wh=350&xm=pp&dv=s&dt=s&dd=s&dc=s&di=s&ds=s&titulo=Compu">http://www.360facil.com/online/panorama.php?id=4079&fv=40&ww=360&wh=350&xm=pp&dv=s&dt=s&dd=s&dc=s&di=s&ds=s&titulo=Compu</a>
<!-- END OF HTML LINK TO CUSTOMIZED VIRTUAL TOUR -->


<br><br><br><br>
<p align="left">5 - Of course this instruction does not look well and it needs not to be visible : </p>
<br>


<!-- HTML LINK TO CUSTOMIZED VIRTUAL TOUR SHOWING DIFFERENT TEXT -->
<a target="vinculoapaginapersonalizada" href="http://www.360facil.com/online/panorama.php?id=4079&fv=40&ww=360&wh=350&xm=pp&dv=s&dt=s&dd=s&dc=s&di=s&ds=s&titulo=Compu">Compu</a>
<!-- END OF HTML LINK TO CUSTOMIZED VIRTUAL TOUR SHOWING DIFFERENT TEXT -->


<br><br><br><br>
<p align="left">6 - No matter all the examples above refer to sharing Virtual Tours inserting into webpages links pointing at them, the Virtual Tours can also be embedded straight into the contents of a page. This is done inserting within the <strong>code</strong> of a page a <strong>code</strong> that defines, no longer a link but simply a Virtual Tour. Below we have inserted the <strong>code</strong> that defines the same Virtual Tours with extra elements to which points the link in the paragraph above : </p>
<br>


<!-- EMBEDDED VIRTUAL TOUR WITH EXTRA ELEMENTS -->
<iframe width="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.360facil.com/online/panorama.php?id=4079&fv=40&ww=360&wh=350&xm=pp&dv=s&dt=s&dd=s&dc=s&di=s&ds=s"></iframe>
<!-- END OF EMBEDDED VIRTUAL TOUR WITH EXTRA ELEMENTS -->


<br><br><br><br>
<p align="left">7 - Since the <strong>code</strong> defines the contents of the Virtual Tour to be displayed, it only takes to use a different <strong>code</strong> to define a Virtual Tour with different settings. As an example, we can embed the Virtual Tour proper, leaving out all of the extra elements we have included previously : </p>
<br>


<!-- EMBEDDED VIRTUAL TOUR WITHOUT EXTRA ELEMENTS -->
<iframe width="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.360facil.com/online/panorama.php?id=4079&fv=40&ww=360&wh=350&xm=pp&dt=n&dv=s&dd=n&dc=n&di=n&ds=n"></iframe>
<!-- END OF EMBEDDED VIRTUAL TOUR WITHOUT EXTRA ELEMENTS -->


<br><br><br><br>
<p align="left">8 - Finally, it is also possible to make the content of our Virtual Tour float in front of the contents of a page. To get this done, the <strong>code</strong> of the page must contain the necessary elements to create this effect, which remain hidden until activated by a click on a link. Once again, the <strong>text</strong> visible in our link is independent from the <strong>code</strong> that contains the instructions that define the Virtual Tour. In the example below we will make a window float in front of this page with an interactive Virtual tour assigning to it other dimensions and adding to it just a button set with sharing options : </p>
<br>


<!-- HTML LINK TO FLOATING VIRTUAL TOUR -->
<a href="http://www.360facil.com/online/panorama.php?id=4079&fv=40&ww=360&wh=350&am=380&lm=370&xm=pp&dv=s&dt=s&dd=s&dc=s&di=s&ds=s&titulo=Compu&keepThis=true&TB_iframe=true&width=380&height=370" class="thickbox">Compu</a>
<!-- END OF HTML LINK TO FLOATING VIRTUAL TOUR -->


<br><br><br><br>
<p align="left">
When you see a webpage on your browser, what you see is an interpretation that the browser does of the code or group of codes that define the page. To modify the look and/or contents of the page it is necessary to modify the code that defines it, usually in a text editing software. To understand the difference between page and code click to see the <a href="http://www.360facil.com/online/eng.paginacontoursvirtualesinsertados.codigo.php?id=4079&fv=40&ww=360&wh=350&xm=pp&dv=s&dt=s&dd=s&dc=s&di=s&ds=s&titulo=Compu" target="paginacontoursvirtualesinsertados.codigo">code that creates this page</a> and compare it with what you see here. Note in remarks the codes used to insert links and Virtual Tours.</p>
<br>


<!-- AUXILIARY LINES FOR EMBEDDED VIRTUAL TOUR -->
<script type="text/javascript" src="http://www.360facil.com/online/ie8.polyfils.js"></script>
<script type="text/javascript" src="http://www.360facil.com/online/iframeResizer.min.js"></script>
<script type="text/javascript">iFrameResize({ log : false, inPageLinks : true, resizedCallback : function(messageData){ $('p#callback').html(); }, messageCallback : function(messageData){ $('p#callback').html(); alert(messageData.message); document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage(''); }, closedCallback : function(id){ $('p#callback').html(); }});</script>
<!-- AUXILIARY LINES FOR FLOATING VIRTUAL TOUR -->
<script type="text/javascript" src="http://www.360facil.com/online/jquery.js"></script>
<!-- END OF AUXILIARY LINES FOR EMBEDDED VIRTUAL TOUR -->
<script type="text/javascript" src="http://www.360facil.com/online/thickbox.js"></script>
<!-- END OF AUXILIARY LINES FOR FLOATING VIRTUAL TOUR -->


</body>
</html>