Css 如何在blogger.com网站中禁用动态视图下拉列表?
我最近在blogger.com上开了一个博客。我的问题是: 我选择了一个模板来创建网站。我喜欢它,除了有一部分我不喜欢,想删除。标题栏上有一个下拉列表,允许访问者更改站点的布局。这称为动态主题,是blogger.com提供的模板的一部分。我想保留模板和主题的其余部分,但只需删除允许用户更改视图的下拉菜单 我没有编程经验,所以我不知道我在看什么 设置不允许这是固定的,就我所知和搜索我相信我必须添加CSS代码,或者可能改变主题的HTML代码 当你我用谷歌搜索这个问题时,有修复程序提供,但是它们已经存在多年了,新版本的blogger.com不再有助于这些修复程序工作,在某些情况下它们根本不工作,我不知道为什么 我没有编程经验,所以我不知道我在看什么,这里是主题HTML的前1/3Css 如何在blogger.com网站中禁用动态视图下拉列表?,css,templates,blogger,Css,Templates,Blogger,我最近在blogger.com上开了一个博客。我的问题是: 我选择了一个模板来创建网站。我喜欢它,除了有一部分我不喜欢,想删除。标题栏上有一个下拉列表,允许访问者更改站点的布局。这称为动态主题,是blogger.com提供的模板的一部分。我想保留模板和主题的其余部分,但只需删除允许用户更改视图的下拉菜单 我没有编程经验,所以我不知道我在看什么 设置不允许这是固定的,就我所知和搜索我相信我必须添加CSS代码,或者可能改变主题的HTML代码 当你我用谷歌搜索这个问题时,有修复程序提供,但是它们已经存
<!DOCTYPE html>
<html b:dynamicViews='true' b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta content='!' name='fragment'/>
<meta content='dynamic' name='blogger-template'/>
<meta content='IE=9,chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width' name='viewport'/>
<b:skin><![CDATA[/*-----------------------------------------------
Blogger Template Style
Name: Dynamic Views
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#ffffff"
variants="#2b256f,#00b2b4,#4ba976,#696f00,#b38f00,#f07300,#d0422c,#f37a86,#7b5341" value="#ffffff"/>
<Group description="Page">
<Variable name="page.text.font" description="Font" type="font"
default="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif" value="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<Variable name="page.text.color" description="Text Color" type="color"
default="#333333" variants="#333333" value="#333333"/>
<Variable name="body.background.color" description="Background Color" type="color"
default="#EEEEEE"
variants="#dfdfea,#d9f4f4,#e4f2eb,#e9ead9,#f4eed9,#fdead9,#f8e3e0,#fdebed,#ebe5e3" value="#EEEEEE"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="#EEEEEE" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
<Group description="Header">
<Variable name="header.background.color" description="Background Color" type="color"
default="#F3F3F3" variants="#F3F3F3" value="#F3F3F3"/>
</Group>
<Group description="Header Bar">
<Variable name="primary.color" description="Background Color" type="color"
default="#333333" variants="#2b256f,#00b2b4,#4ba976,#696f00,#b38f00,#f07300,#d0422c,#f37a86,#7b5341" value="#333333"/>
<Variable name="menu.font" description="Font" type="font"
default="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif" value="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<Variable name="menu.text.color" description="Text Color" type="color"
default="#FFFFFF" variants="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Links">
<Variable name="link.font" description="Link Text" type="font"
default="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif" value="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<Variable name="link.color" description="Link Color" type="color"
default="#009EB8"
variants="#2b256f,#00b2b4,#4ba976,#696f00,#b38f00,#f07300,#d0422c,#f37a86,#7b5341" value="#009EB8"/>
<Variable name="link.hover.color" description="Link Hover Color" type="color"
default="#009EB8"
variants="#2b256f,#00b2b4,#4ba976,#696f00,#b38f00,#f07300,#d0422c,#f37a86,#7b5341" value="#009EB8"/>
<Variable name="link.visited.color" description="Link Visited Color" type="color"
default="#009EB8"
variants="#2b256f,#00b2b4,#4ba976,#696f00,#b38f00,#f07300,#d0422c,#f37a86,#7b5341" value="#009EB8"/>
</Group>
<Group description="Blog Title">
<Variable name="blog.title.font" description="Font" type="font"
default="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif" value="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<Variable name="blog.title.color" description="Color" type="color"
default="#555555" variants="#555555" value="#555555"/>
</Group>
<Group description="Blog Description">
<Variable name="blog.description.font" description="Font" type="font"
default="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif" value="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<Variable name="blog.description.color" description="Color" type="color"
default="#555555" variants="#555555" value="#555555"/>
</Group>
<Group description="Post Title">
<Variable name="post.title.font" description="Font" type="font"
default="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif" value="'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<Variable name="post.title.color" description="Color" type="color"
default="#333333" variants="#333333" value="#333333"/>
</Group>
<Group description="Date Ribbon">
<Variable name="ribbon.color" description="Color" type="color"
default="#666666" variants="#2b256f,#00b2b4,#4ba976,#696f00,#b38f00,#f07300,#d0422c,#f37a86,#7b5341" value="#666666"/>
<Variable name="ribbon.hover.color" description="Hover Color" type="color"
default="#AD3A2B" variants="#AD3A2B" value="#AD3A2B"/>
</Group>
<Variable name="blitzview" description="Initial view type" type="string" default="sidebar" value="mosaic"/>
*/
/* BEGIN CUT */
{
"font:Text": "$(page.text.font)",
"color:Text": "$(page.text.color)",
"image:Background": "$(body.background)",
"color:Background": "$(body.background.color)",
"color:Header Background": "$(header.background.color)",
"color:Primary": "$(primary.color)",
"color:Menu Text": "$(menu.text.color)",
"font:Menu": "$(menu.font)",
"font:Link": "$(link.font)",
"color:Link": "$(link.color)",
"color:Link Visited": "$(link.visited.color)",
"color:Link Hover": "$(link.hover.color)",
"font:Blog Title": "$(blog.title.font)",
"color:Blog Title": "$(blog.title.color)",
"font:Blog Description": "$(blog.description.font)",
"color:Blog Description": "$(blog.description.color)",
"font:Post Title": "$(post.title.font)",
"color:Post Title": "$(post.title.color)",
"color:Ribbon": "$(ribbon.color)",
"color:Ribbon Hover": "$(ribbon.hover.color)",
"view": "$blitzview"
}
/* END CUT */
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length'/>
<b:variable default='0' name='main.column.left.width' type='length'/>
<b:variable default='310px' name='main.column.right.width' type='length'/>
<b:variable default='46px' name='faviconpanel.height' type='length'/>
<![CDATA[
body {
min-width: $(content.width);
}
.column-center-outer {
margin-top: $(faviconpanel.height);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/thirdparty/jquery.js"' type='text/javascript'/>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/thirdparty/jquery-mousewheel.js"' type='text/javascript'/>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/common.js"' type='text/javascript'/>
<b:if cond='data:blog.localeUnderscoreDelimited != "en"'>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/languages/lang__" + data:blog.localeUnderscoreDelimited + ".js"' type='text/javascript'/>
</b:if>
<b:if cond='data:blog.view'>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/" + data:blog.view + ".js"' type='text/javascript'/>
<b:else/>
<b:if cond='data:blog.isMobileRequest'>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/classic.js"' type='text/javascript'/>
<b:else/>
<b:if cond='data:skin.vars.blitzview'>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/" + data:skin.vars.blitzview + ".js"' type='text/javascript'/>
<b:else/>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/sidebar.js"' type='text/javascript'/>
</b:if>
</b:if>
</b:if>
<script expr:src='data:blog.dynamicViewsScriptSrc + "/js/gadgets.js"' type='text/javascript'/>
<script expr:src='data:blog.dynamicViewsCommentsSrc'/>
<b:include data='blog' name='google-analytics'/>
</head>
<body>
<div class='content'>
<div class='content-outer'>
<div class='fauxborder-left content-fauxborder-left'>
<div class='content-inner'>
<div class='main-outer'>
<div class='fauxborder-left main-fauxborder-left'>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='' type='PageList'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://whattodowhenyoubored.blogspot.com/', 'title': 'Home', 'position': 0}, '4037426771495046110': {'href': 'https://whattodowhenyoubored.blogspot.com/p/cool-animals.html', 'title': 'Cool Animals', 'position': 1}, '8074300156492753576': {'href': 'https://whattodowhenyoubored.blogspot.com/p/cool-ideas.html', 'title': 'Cool Ideas', 'position': 2}, '52368681410083395': {'href': 'https://whattodowhenyoubored.blogspot.com/p/cool.html', 'title': 'Cool Things', 'position': 3}, '6916612229349686422': {'href': 'https://whattodowhenyoubored.blogspot.com/p/cool-people.html', 'title': 'Cool People', 'position': 4}, '3561598130147196418': {'href': 'https://whattodowhenyoubored.blogspot.com/p/ramblings-of-madman.html', 'title': 'Ramblings of a Madman', 'position': 5}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>Home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.href'>
<b:attr cond='data:link.isCurrentPage' name='selected' value='selected'/>
<data:link.title/>
</option>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<li>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a expr:href='data:link.href'><data:link.title/></a>
</li>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#009eb8</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>Posted by</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#555555</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#333333</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'>on</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>2</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>true</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='!data:mobile'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
<!-- Ad -->
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
*/
/*开刀*/
{
“字体:文本”:“$(page.Text.font)”,
“颜色:文本”:“$(page.Text.color)”,
“图像:背景”:“$(body.Background)”,
“颜色:背景”:“$(body.Background.color)”,
“颜色:标题背景”:“$(Header.Background.color)”,
“颜色:主”:“$(Primary.color)”,
“颜色:菜单文本”:“$(Menu.Text.color)”,
“字体:菜单”:“$(Menu.font)”,
“font:Link”:“$(Link.font)”,
“颜色:链接”:“$(Link.color)”,
“颜色:已访问链接”:“$(Link.visted.color)”,
“颜色:链接悬停”:“$(Link.Hover.color)”,
“font:Blog Title”:“$(Blog.Title.font)”,
“颜色:博客标题”:“$(Blog.Title.color)”,
“font:Blog Description”:“$(Blog.Description.font)”,
“颜色:博客描述”:“$(Blog.Description.color)”,
“字体:文章标题”:“$(Post.Title.font)”,
“颜色:文章标题”:“$(Post.Title.color)”,
“颜色:Ribbon”:“$(Ribbon.color)”,
“颜色:Ribbon悬停”:“$(Ribbon.Hover.color)”,
“视图”:“$blitzview”
}
/*端切*/
]]>
家
&#9660;
-
真的
#009eb8
真的
邮寄人
真的
#555555
假的
真的
#333333
文本和图像
#ffffff
在…上
假的
1x1
真的
真的
真的
2.
假的
#ffffff
真的
假的
/分区/分区
div class=“日期外部”
div class=“日期公告”
/分区/分区
我对Blogger的dinamic模板没有太多经验,但在CSS中可能有类似的内容:
#header .header-drawer.open {
height: 0;
visibility: hidden;
display: none;
}
#header.header-drawer.open是标题栏的ID和类别,允许访问者选择布局
或者像这样:
#header #views {
width: 0;
display: none;
visibility: hidden;
}
#header#views是某些Dinamic视图中下拉列表的ID。
没有你的博客的链接来检查代码,这就是我所能想到的