Pruebas internacionales
Ejemplo iFrame Mega Travel
.menu {
text-decoration: underline;
width: 100%;
color: #999;
font-size: 18px;
background-color: #EAEAEA;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
.menu a {
color: #036;
}
#opcionesDest {
background-color: #000;
float: left;
width: 160px;
margin-right: 15px;
padding-left: 5px;
}
#opcionesDest a {
display: block;
padding-top: 2px;
padding-bottom: 2px;
color: #FFF;
font-size: 14px;
text-decoration: none;
float: left;
clear: both;
width: 100%;
}
#opcionesDest a:hover {
display: block;
padding-top: 2px;
padding-bottom: 2px;
color: #FFF;
font-size: 14px;
text-decoration: underline;
float: left;
clear: both;
width: 100%;
background-color: #09C;
}
#iframe {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 500%;
width: 760px;
display: block;
float: right;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
background-repeat: repeat;
background-color: #FFF;
}
ul#framemenu {
margin: 0px;
padding: 5px;
float: left;
width: 180px;
background-image: url(../images/bg-white.png);
}
ul#framemenu li {
display: block;
list-style-type: none;
}
ul#framemenu li a {
color: #333;
text-decoration: none;
background-color: #EAEAEA;
display: block;
margin-top: 1px;
margin-bottom: 1px;
padding: 5px;
border: 1px solid #CCC;
font-size: 12px;
}
ul#framemenu li a:hover {
background-color: #28B1DF;
color: #FFF;
}
#megaConexion {
text-align: center;
padding: 0px;
width: 990px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
}
$(document).ready(function () {
//Mega Conexión
$(‘#framemenu a’).click(function () {
var url = $(this).attr(‘rel’);
url = url + «&txtColor=333333&aColor=333333&ahColor=FF6600&thBG=28B1DF&thTxColor=333333&ff=9»;
$(‘#iframe’).attr(‘src’, url);
var titulo = $(this).attr(‘title’);
$(«#titulo»).text(titulo);
});
});
Turismo Social 