Question

我想要一些自定义存档小部件的帮助。我已经尝试过搜索引擎寻找任何教程但无济于事。

在my tester blog上我安装了默认的下拉存档小部件。我绝对不喜欢外表，我试图改变它的各种元素，比如字体，字母间距，颜色，边框等，但是我无处可去。

有关如何自定义层次结构和平面存档窗口小部件的无数教程，但下拉菜单选项没有任何内容。我之前被告知，相同的编码可以应用于任何一个存档小部件选项，但我发现这不起作用。

我用来自定义小部件的代码如下所述。我只是在标签之间添加了这种编码：

#BlogArchive1 ul li { 
    text-transform: uppercase; 
    text-align: center; 
    font-size: 16px; 
    letter-spacing: 0.08em; 
    font-weight: normal !important; 
    color: #171717; 
    border: 0; 
    width: 90%; 
    outline: none; 
    text-align: center; 
    background-color: #fffffff;
}
#BlogArchive1 a { 
    color: #171717 !important; 
    font-weight: normal !important;
}

我尝试创建的外观非常简单，没有边框和清晰的白色背景。

Answer 1

这很简单，真的。您只需使用以下代码即可进一步自定义：

#BlogArchive1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#BlogArchive1 ul li {
    float: left;
}
#BlogArchive1 ul li a { 
    text-transform: uppercase; 
    text-align: center; 
    font-size: 16px; 
    letter-spacing: 0.08em; 
    font-weight: normal !important; 
    color: #171717; 
    border: 0; 
    width: 90%; 
    outline: none;
    display: block;
    padding: 8px 15px;
    text-align: center; 
    text-decoration: none;
    background-color: #fffffff; 
}
#BlogArchive1 ul li a { 
    color: #171717
}
#BlogArchive1 ul li a:focus { 
    color: #333;
}

如何在Blogger中自定义下拉存档小部件？

1 个答案: