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公司

php Fazer o campodenúmerodosexreçaacelitarapenasnúmeros

为啥 PHP 循环在 250 次循环后会导致禁止页面?

php Imprimirmenúen主题

php CRUDMenú