php Menúidiomadesplegable。
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php Menúidiomadesplegable。相关的知识,希望对你有一定的参考价值。
/*IDIOMA CABECERA*/
.blk-selector-idioma{
float: right;
}
.blk-selector-idioma:hover .container-alternador-idioma{
display: block;
}
.blk-selector-idioma .container-selector-idioma{
position: absolute;
top: 22px;
right: -10px;
padding: 7px 0 20px 0;
-webkit-transition: all .5s ease .25s;
transition: all .5s ease .25s;
}
.is-sticky .blk-selector-idioma .container-selector-idioma{
position: absolute;
top: 0;
-webkit-transition: all .5s ease .25s;
transition: all .5s ease .25s;
}
.is-sticky .blk-selector-idioma .container-alternador-idioma{
top: 40px;
}
.is-sticky .blk-selector-idioma .container-selector-idioma{
top: 2px;
}
.blk-selector-idioma:hover .container-selector-idioma,
.blk-selector-idioma .container-selector-idioma:hover {
z-index: 50;
}
.blk-selector-idioma .container-selector-idioma a{
display: block;
color: #FFFFFF;
width: 20px;
padding-right: 12px;
background: url("../images/desktop/iconos/arrow_menu_parent.png") no-repeat right center;
background-size: 10px 7px;
font-size: 14px;
cursor: pointer;
}
.blk-selector-idioma .container-alternador-idioma{
display:none;
position: absolute;
right: -8px;
top: 60px;
width: 40px;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
z-index: 49;
}
.blk-selector-idioma .container-alternador-idioma li{
list-style-type: none;
width: 50px;
}
.blk-selector-idioma .container-alternador-idioma li span:hover,
.blk-selector-idioma .container-alternador-idioma li a:hover{
background: #E5E5E5;
}
.blk-selector-idioma .container-alternador-idioma li span,
.blk-selector-idioma .container-alternador-idioma li a{
font-family: 'Muli-Light',arial, helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #666666;
text-decoration: none;
width: 24px;
display: block;
padding: 5px 8px;
}
.blk-selector-idioma .container-alternador-idioma li span{
text-decoration: line-through;
}
.blk-selector-idioma .container-alternador-idioma li span:first-child,
.blk-selector-idioma .container-alternador-idioma li a:first-child{
padding-top: 8px;
}
.blk-selector-idioma .container-alternador-idioma li span:last-child,
.blk-selector-idioma .container-alternador-idioma li a:last-child{
padding-bottom: 8px;
}
.blk-selector-idioma .container-alternador-idioma:before,
.blk-selector-idioma .container-alternador-idioma:after {
content: '';
position: absolute;
top: -20px;
right: 9px;
margin-top: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-left: 10px solid rgba(0,0,0,0);
}
.blk-selector-idioma .container-alternador-idioma:after {
bottom: -14px;
margin-bottom: -10px;
border-bottom: 10px solid #FFFFFF;
}
/*selector idioma*/
.blk-selector-idioma{
color: #FFFFFF;
position: absolute;
top: 43px;
right: 0;
}
.blk-selector-idioma:hover .container-alternador-idioma{
display: block;
}
.blk-selector-idioma .container-selector-idioma{
padding: 0 0 20px 0;
-webkit-transition: all .5s ease .25s;
transition: all .5s ease .25s;
}
.is-sticky .blk-selector-idioma .container-selector-idioma{
position: absolute;
top: 0;
-webkit-transition: all .5s ease .25s;
transition: all .5s ease .25s;
}
.blk-selector-idioma:hover .container-selector-idioma,
.blk-selector-idioma .container-selector-idioma:hover {
z-index: 50;
}
.blk-selector-idioma .container-selector-idioma a{
display: block;
color: #FFFFFF;
width: 20px;
padding: 0 12px 0 38px;
font-size: 14px;
cursor: pointer;
border-left: 1px solid #cccccc;
}
.blk-selector-idioma .container-selector-idioma a.es{
background: url("../images/mobile/iconos/flag-spain.png"),url("../images/mobile/iconos/ico-desplegable.png");
background-repeat: no-repeat;
background-size: 16px,10px 5px;
background-position: 15px center, right center;
}
.blk-selector-idioma .container-selector-idioma a.en{
background: url("../images/mobile/iconos/flag-uk.png"),url("../images/mobile/iconos/ico-desplegable.png");
background-repeat: no-repeat;
background-size: 16px,10px 5px;
background-position: 15px center, right center;
}
.blk-selector-idioma .container-alternador-idioma li.es{
background: url("../images/mobile/iconos/flag-spain.png") no-repeat 15px center;
background-size: 16px
}
.blk-selector-idioma .container-alternador-idioma li.en{
background: url("../images/mobile/iconos/flag-uk.png") no-repeat 15px center;;
background-size: 16px;
}
.blk-selector-idioma .container-alternador-idioma{
display:none;
position: absolute;
right: -1px;
top: 30px;
width: 70px;
background-color: #EAEAEA;
border: 1px solid #EAEAEA;
z-index: 49;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
}
.blk-selector-idioma .container-alternador-idioma ul{
padding: 5px 0;
}
.blk-selector-idioma .container-alternador-idioma li{
list-style-type: none;
width: 50px;
padding-left: 30px;
}
.blk-selector-idioma .container-alternador-idioma li a{
padding-top: 3px;
}
.blk-selector-idioma .container-alternador-idioma li span:hover,
.blk-selector-idioma .container-alternador-idioma li a:hover{
font-family: 'RalewayBold',arial, helvetica, georgia, serif;
}
.blk-selector-idioma .container-alternador-idioma li span,
.blk-selector-idioma .container-alternador-idioma li a{
font-family: 'RalewayRegular',arial, helvetica, georgia, serif;
font-size: 12px;
text-transform: uppercase;
color: #666666;
text-decoration: none;
width: 24px;
display: block;
padding: 7px 8px 3px 8px;
}
.blk-selector-idioma .container-alternador-idioma li span{
text-decoration: line-through;
}
/*arrow top*/
.blk-selector-idioma .container-alternador-idioma:before,
.blk-selector-idioma .container-alternador-idioma:after {
content: '';
position: absolute;
top: -20px;
right: 23px;
margin-top: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-left: 10px solid rgba(0,0,0,0);
}
.blk-selector-idioma .container-alternador-idioma:after {
bottom: -14px;
margin-bottom: -10px;
border-bottom: 10px solid #EAEAEA;
}
.i18n-es .blk-selector-idioma .container-selector-idioma a.en{
display: none;
}
.i18n-en .blk-selector-idioma .container-selector-idioma a.es{
display: none;
}
.phone{
padding-left:25px;
background: url("../images/mobile/iconos/ico-phone.png") no-repeat left center;
background-size: 20px;
}
.info{
padding-left:20px;
background: url("../images/mobile/iconos/ico-info.png") no-repeat left center;
background-size: 16px;
}
a.follow-link-youtube {
background: url("../images/mobile/iconos/follow-youtube.png") no-repeat left center;
background-size: 25px;
}
a.follow-link-twitter {
background: url("../images/mobile/iconos/follow-twitter.png") no-repeat left center;
background-size: 25px;
}
a.follow-link-linkedin {
background: url("../images/mobile/iconos/follow-linkedin.png") no-repeat left center;
background-size: 25px;
}
<!-- class del block blk-selector-idioma hidden-mobile -->
<div class="container-selector-idioma">
<a class="es enlace-idioma enlace-idioma-mostrar">ES</a>
<a class="en enlace-idioma enlace-idioma-mostrar">EN</a>
<a class="ca enlace-idioma enlace-idioma-mostrar">CA</a>
</div>
<div class="container-alternador-idioma">
<?php
$block = module_invoke('locale', 'block_view', 'language');
print render($block['content']);
?>
</div>
以上是关于php Menúidiomadesplegable。的主要内容,如果未能解决你的问题,请参考以下文章
php dbInsert Helper。 Contoh penggunaan array untuk men-generate INSERT statement sehingga kita tidak
WordPress Redakteuer Rechte zum Menüanpassen公司