个性化阅读
专注于IT技术分析

在logo旁边添加其他图像

我需要你的帮助。我有:

在此处输入图片说明

我需要在徽标旁边的红色框中(例如)显示图像。我的header.php:https://pastebin.com/raw/qxgUiQwQ

还有一个带有徽标的盒子的CSS:

    /* ========================================= Theme Header. ========================================= */
.mainmenucontainer {
    background:url(images/mainmenu.png) left top repeat-x;
}
#logo {
    background:url(images/logo-bg.png) left top repeat-x;
    display:flex;
    align-items:center;
    height:90px;
    text-align:left;
}
#logo img {
    max-height:95%;
}
.site_ttl {
    float:left;
    margin:0;
    padding:0;
    line-height:normal;
    color: #fff;
    text-transform: none;
}
.headersearch {
    float:right;
    display:flex;
    align-items:center;
    height:45px;
    margin-right:20px;
}
@media screen and (min-width:1024px) {
    .headersearch { 

    }
}

#1


你已将现有图像设置为背景元素, 可以编辑图像以包括新图像, 也可以通过编辑标题代码来覆盖图像。更改CSS并不是真正可以实现的(严格地说, 这不是真的, 你可以使用伪元素以及一些时髦的边距和对齐方式来做到这一点, 但这完全是骇客之举)。

赞(0) 打赏
未经允许不得转载:srcmini » 在logo旁边添加其他图像
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏