如何从Blogger中的特定页面删除侧栏

时间:2018-01-06 10:02:27

标签: html css blogger

<b:if cond='data:blog.url == "#url"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>

上面的代码删除Blogger中的所有边栏,但我想删除特定的页面边栏。

任何解决方案??

3 个答案:

答案 0 :(得分:1)

<Grid>
    <StatusBar HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Height="30"
        x:Name="StatusBarBase">
        <TextBlock Text="{DynamicResource loading}" x:Name="progressBarTextBlock"/>
        <Separator/>
        <ProgressBar Width="100" Height="20" x:Name="progressBar"/>
    </StatusBar>
</Grid>

将该代码放在 <b:if cond='data:view.isLabelSearch'> <style type='text/css'>#sidebar-wrapper {display:none;}</style>

上方

我使用它并结合标签条件...为什么我将此代码放在</body>上方?因为这最后的代码渲染......对于像我这样的业余爱好者来说很简单。

该代码将删除标签标签中的侧边栏包装器。

抱歉……关于语法。

答案 1 :(得分:0)

如果侧边栏内容占用了大量资源,那么减少页面加载时间的一种更有效的方法是在这些页面上完全删除它而不是“隐藏”#34;它

<b:if cond='data:blog.url != "#url"'>
<!--SIDEBAR HTML CODE-->
</b:if>

答案 2 :(得分:0)

<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>

在您的特定页面中提供,以便您可以删除侧边栏。