首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >调整phpBB中的按钮大小

调整phpBB中的按钮大小
EN

Stack Overflow用户
提问于 2016-01-16 23:01:05
回答 1查看 76关注 0票数 1

因此,我有一个模块,我试图调整在模块中使用的按钮的大小,以便它们符合更大的图像。此外,我如何缩小图像,以适应特定的按钮尺寸?下面是用于按钮的css代码。按钮的图像是通过感谢图标和删除感谢图标导入的。这是带有导入atm的图标的图像:

。我想用我自己的按钮替换这些按钮,这些按钮是:

为了更高的选票

对于否决(重新标度,以便他们安装一个按钮,就像“锁定”按钮的帖子。

代码语言:javascript
运行
复制
dl.thanks {
    min-height: 35px;
    background-position: 10px 50%;      /* Position of folder icon */
    background-repeat: no-repeat;
}

dl.thanks dt {
    padding-left: 45px;                 /* Space for folder icon */
    background-repeat: no-repeat;
    background-position: 5px 95%;       /* Position of topic icon */
    width: 45%;
}

dd.lastpostthanks {
    width: auto;
    font-size: 1.1em;
}
dd.lastpostthanks span {
    display: block;
    padding-left: 5px;
}
/* List in forum description */
dl.thanks dt ol,
dl.thanks dt ul {
    list-style-position: inside;
    margin-left: 1em;
}

dl.thanks dt li {
    display: list-item;
    list-style-type: inherit;
}
li.header dl.thanks {
    min-height: 0;
}

li.header dl.thanks dt {
    /* Tweak for headers alignment when folder icon used */
    padding-left: 0;
    padding-right: 50px;
}

/* Forum list column styles */
dl.thanks {
    min-height: 35px;
    background-position: 10px 50%;      /* Position of folder icon */
    background-repeat: no-repeat;
}

dl.thanks dt {
    padding-left: 45px;                 /* Space for folder icon */
    background-repeat: no-repeat;
    background-position: 5px 95%;       /* Position of topic icon */
}

/* Icon images
---------------------------------------- */
.icon-thanks            { background-image: url("./images/icon_thanks.gif"); background-repeat: no-repeat; }
.icon-thanks_toplist    { background-image: url("./images/icon_thanks_toplist.gif"); background-repeat: no-repeat; }


/* Profile & navigation icons */
.thanks-icon:before
{
    width: 60px;
     background-position: -3px -1px;
     background-image: url("./images/icons_button_likes.png");
}
//.thanks-icon:hover:before{ background-position: -3px -19px; }

.removethanks-icon:before
{
    background-position: -18px -2px;
    background-image: url("./images/icons_button_likes.png");

}
.removethanks-icon:hover:before {background-position: -18px -20px; }

.thanks_reput_image_back
{
    background:  url(../../../images/rating/reput_star_back.gif);
    background-repeat: repeat-x;
}
.thanks_reput_image
{
    background:  url(../../../images/rating/reput_star_gold.gif);
    background-repeat: repeat-x;
}

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-16 23:12:41

您可以添加background-size:cover;来缩放背景图像,使其尽可能大,以便使背景区域

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34833114

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档