- 综合排序
- 最热优先
- 最新优先
- 来自专栏青山绿水
新版Begin主题侧边栏和两栏标题美化
这个美化教程原先是在朱曙明博客看到的，他文章里提到6.27之后的begin主题无法使用这个教程，我就自己琢磨琢磨，看了下css，对比对比，就让我琢磨出了新版本的美化教程。 将侧边栏标题 sidebar h3 位置css修改成如下所示： #sidebar h3, #sidebar-l h3 { background: #fff; height: 37.5px; line-height 以上就是美化侧边栏和两栏标题的教程，具体效果请移步至本博客首页查看。
93420发布于 2018-08-18 - 来自专栏小狐狸说事
7b2美化-侧边栏添加动态播报
7b2美化-侧边栏添加动态播报 ---- 代码放到后台-小工具-自定义html 内容可以自定义 <section id="custom_html-2" class="widget_text widget
46520编辑于 2022-11-16 - 来自专栏清羽飞扬
魔改笔记八：外挂标签及侧边栏美化
不过好在总结出来了一些架构，下个周就要开始开发咯，将部分特性移到自己的代码上，难度个人感觉还是挺高的，看看下个周哥的指导咯，得亏是两个人干，一个人的话我不敢想我的进度会多慢…… 上上个周有个朋友想要我的Note外挂标签和侧边栏的个人信息页面 魔改教程 外挂标签 Note Butterfly内置了一个Note外挂标签，但是我嫌他有点丑，并且参数太多了，用起来我自己都懵逼，所以我将其简化修改，并进行了美化。 > `; }; // 注册自定义标签 hexo.extend.tag.register('note', postNote, { ends: true }); 有了HTML结构，就写入CSS样式，美化该标签 侧边栏 由于第一个栏目我自己也忘了咋搞的了，目前懒得提取出来，所以这篇文章先介绍一下欢迎来访者和每日诗词的魔改教程，至于下面的能量榜，在前面的文章总已经单独写了一篇文章，这里就不解释啦。 liushen-button-bg) color: var(--liushen-text) border-radius: 8px 最终应该就可以实现效果啦，文章就不展示效果了，可以直接在侧边栏观看哦
8110编辑于 2026-03-10 - 来自专栏源码分享
WordPress及其他网站侧边栏美化实用代码指南
美化教程有时候网站侧边栏默认的光秃秃，看起来比较单调，这个时候可以用一些代码进行美化来访信息美化可以看到某些博客网站侧边有来访信息的小工具下面以WordPress博客为例，进入外观→小工具→自定义HTML
39510编辑于 2025-06-25 - 来自专栏老K博客
typecho joe主题美化 手机侧边栏图标颜色修改
Joe主题给手机侧边栏几个栏目加了图标修改了颜色，给网站不一样的浏览体验 修改教程 1.首页 首页 2.栏目 栏目 需要替换原来的 栏目 3.页面 页面 4.推荐 推荐 本文共 61
29310编辑于 2024-12-02 - 来自专栏iOS小生活
Flutter 的 Drawer 侧边栏以及侧边栏布局
简而言之就是，新建一个Drawer组件，然后配置给Scaffold组件的drawer属性，这样就实现侧边栏抽屉视图了。 Scaffold( //左侧侧边栏 drawer: Drawer( child: Column( children: <Widget>[ endDrawer: Drawer( child: Text("右侧侧边栏"), ), //配置顶部导航栏 appBar: AppBar 关于上面代码，有以下几点需要说明： 1，通过配置Scaffold的drawer属性，我们可以实现左侧侧边栏；通过配置Scaffold的endDrawer属性，我们可以实现右侧侧边栏。 4，我们可以自己来配置抽屉视图，一般是通过Column组件来定义侧边栏的内容。 5，Divider组件可以用来实现分割线。
6.7K20发布于 2019-08-24 - 来自专栏小狐狸说事
7b2美化-侧边栏添加日期一言
7b2美化-侧边栏添加日期一言 ---- 代码放入后台-小工具-自定义html 背景图跟一言可以自定义 附件放到网站根目录 <style> .wiiuii-suiji-main span{color:
53630编辑于 2022-11-16 - 来自专栏小狐狸说事
子比美化-在网站右侧边栏添加和风天气模块
子比美化-在网站右侧边栏添加和风天气模块 ----
<script> WIDGET = { "CONFIG": { "67920编辑于 2022-11-17 - 来自专栏TomatoCool
伸缩侧边栏
效果图： 展开 收起 实现原理： 展开：单击图标或空白展开主菜单栏，单击图标额外展开子菜单栏 收起：单击空白收起主菜单栏和所有子菜单栏 通过js改变元素的类，并在样式表中定义不同类的样式，实现样式的改变 /伸缩侧边栏.js"></script> <link rel="stylesheet" href=". /伸缩<em>侧边</em><em>栏</em>.css"> <title>Waku</title> </head> <body>
<div id="list_but dark_icon{ display: none; } .light_icon{ display: unset; } /*---------形状-------------*/ /*左侧菜单<em>栏</em>*1.9K10编辑于 2023-07-30来自专栏小狐狸说事7b2美化-侧边栏添加访客ip签名档
7b2美化-侧边栏添加访客ip签名档 ---- 以下代码放入后台–外观–小工具–自定义HTML添加到侧边栏或者其他位置 <img src="https://api.huxianbk.cn/api/IP-master
73720编辑于 2022-11-16来自专栏JavaHTML侧边导航栏
HTML侧边导航栏 简介：本文用最简洁的语言，来教会读者，如果用html+css来制作，侧边导航栏，本案例以手机商城中的部分为例子来制作。 第一步：构建框架 <body> <! -- 首先确定导航栏中的内容 每个内容用链接标签表示 --> 手机 电话卡 电视 盒子 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简单版商城侧边栏 -- 首先确定导航栏中的内容 每个内容用链接标签表示 --> 手机 电话卡 电视 盒子 <a href="#
3.9K10编辑于 2025-01-21来自专栏iOS 开发侧边栏多级选择
先给大家看一下效果图 Simulator Screen Shot 2017年6月15日 下午5.19.30.png Simulator Screen Shot 2017年6月15日 下午5.19.36
2.8K20发布于 2018-06-05来自专栏linux教程WordPress侧边栏信息统计小工具美化版博客信息统计
php // WordPress统计信息小工具 // 名称: 网站信息统计 // 独立修改并美化 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends (不建议设置图片) 完成后最后一步，在网站后台—》外观—》小工具—》 网站统计，添加到侧边栏即可完成。 转载自: https://www.ly522.com/3514.html
81020编辑于 2023-04-25来自专栏前端开发随笔Flutter实现侧边栏功能
实现侧边栏功能是用到drawer组件，该项目是用来练手的，代码比较冗余 import 'package:flutter/material.dart'; import 'tabs/Home.dart' _currentIndex, // 导航栏点击获取索引值 onTap: (int index) { setState(() { fixedColor: Colors.red, //选中的颜色 type: BottomNavigationBarType.fixed, //配置底部tabs可以有多个按钮 //定义导航栏的图片 title: Text("我的空间"), onTap: () { Navigator.of(context).pop(); //隐藏侧边栏
2.7K10发布于 2020-09-03来自专栏Android开发指南5.侧边栏逻辑
侧边栏布局 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http state_enabled="true" android:color="#f00"/> <item android:color="@android:color/white"/></selector> 2.侧边栏 mActivity; ContentFragment fragment = mainUi.getContentFragment();// 获取主页面fragment，所以main需要这个方法 // 获取侧边栏 position);// 设置当前菜单详情页 } // 设置网络数据 public void setMenuData(NewsData data) { // System.out.println("侧边栏拿到数据啦 (mAdapter); } /** * 侧边栏数据适配器 */ class MenuAdapter extends BaseAdapter { @Override public int getCount
1.5K10编辑于 2022-01-12来自专栏Web前端React 侧边栏组件 Sidebar
React作为一款流行的前端框架，提供了丰富的工具和方法来构建交互式的侧边栏组件。本文将深入探讨如何创建一个React侧边栏组件，介绍常见问题、易错点及如何避免这些问题，并通过代码案例进行解释。 二、基础概念与实现（一）侧边栏的基本结构侧边栏一般由两部分组成：容器（Container）和内容（Content）。容器负责定义侧边栏的整体布局和样式，而内容则包含具体的菜单项或功能按钮等。 同时，利用CSS类名的变化来控制侧边栏的显示效果。（三）样式设计为了使侧边栏看起来更加美观且易于使用，我们需要为其添加适当的样式。 当侧边栏处于关闭状态时，它会被移动到屏幕左侧之外；当打开时，则平滑地滑入视图。三、常见问题与易错点（一）响应式设计不足在实际开发中，侧边栏可能需要适应不同的屏幕尺寸。 （三）可访问性问题侧边栏不仅要有良好的视觉效果，还必须具备良好的可访问性。这意味着要确保所有用户，包括那些依赖辅助技术（如屏幕阅读器）的用户，都能够顺利使用侧边栏。
3.4K10编辑于 2024-12-24来自专栏Android开发指南5.侧边栏逻辑
侧边栏布局 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http state_enabled="true" android:color="#f00"/> <item android:color="@android:color/white"/></selector> 2.侧边栏 mActivity; ContentFragment fragment = mainUi.getContentFragment();// 获取主页面fragment，所以main需要这个方法 // 获取侧边栏 position);// 设置当前菜单详情页 } // 设置网络数据 public void setMenuData(NewsData data) { // System.out.println("侧边栏拿到数据啦 (mAdapter); } /** * 侧边栏数据适配器 */ class MenuAdapter extends BaseAdapter { @Override public int getCount
2.2K120发布于 2018-05-14来自专栏技术综合html可伸缩侧边栏
} else { box.style['margin-left'] = 0 + "px" } } 4.右侧侧边栏的问题 写右侧侧边栏的时候，使用margin-right,会发先页面右侧溢出 这是只要再body里加入 overflow-x:hidden;即可 5.另一个写法 使用定位的方式 1）HTML代码 li> <position> <button onclick="toggle()"> 打开/关闭右侧侧边栏 aside.setAttribute("class", "open") console.log("not in") } } 6.侧边栏缩入 ，保留小图标 原理就是，将不要显示的display:none;掉，然后将侧边栏宽度减小，修改一些样式即可 演示地址：http://runjs.cn/detail/dopafak1 1）html代码
6.7K20发布于 2020-08-25来自专栏若城技术专栏侧边栏容器实战：新闻阅读应用侧边栏布局 基础篇
[HarmonyOS NEXT 实战案例一:SideBarContainer] 侧边栏容器实战：新闻阅读应用侧边栏布局 基础篇 项目已开源，开源地址： https://gitcode.com/nutpi 1.1 SideBarContainer组件概述 SideBarContainer是一个双区域容器组件，通过子组件定义侧边栏和内容区： 第一个子组件表示侧边栏 第二个子组件表示内容区 组件内部已实现侧边栏的显示与隐藏逻辑 sideBarWidth number | Length 设置侧边栏的宽度，默认值为200vp minSideBarWidth number | Length 设置侧边栏最小宽度，默认值为200vp maxSideBarWidth number | Length 设置侧边栏最大宽度，默认值为280vp autoHide boolean 设置当侧边栏拖拽到小于最小宽度后，是否自动隐藏，默认值为true 列表项容器，设置了圆角、背景色和阴影效果 三、布局技巧与最佳实践 3.1 侧边栏宽度设置 在示例中，我们将侧边栏的宽度设置为70%，这是相对于SideBarContainer默认分配给侧边栏的宽度（200vp
46400编辑于 2025-06-12来自专栏Youngxjemlog侧边栏客服插件
修改及优化一个360网站卫士的侧边栏客服功能，又经蓝叶的在线客服插件修改完成小杰悬浮客服插件-emlog 其实本插件是由涛先森博客下载进行自我优化完成 原文地址：《emlog跟随在线客服插件（
2.4K60发布于 2018-06-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号