首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Akilarの糖果屋

    Sidebar Card Clock

    由于本教程涉及的所有修改对缩进格式等有严格要求,担心自己控制不好的可以直接下载静态资源。参照教程进行修改。静态资源包内的index.pug为butterfly_v3.5.1版本。其他版本改法详见教程正文。

    1K20发布于 2021-06-11
  • 来自专栏Akilarの糖果屋

    Sidebar Artitalk

    本项目是对冰卡诺老师写的教程:基于Butterfly主题的侧边栏说说进行重构,新增pjax适配和artitalk_v3.2.1及以上版本的适配。后续也会继续在本帖基础上继续开发。

    1.1K30发布于 2021-06-11
  • 来自专栏Web前端

    React 侧边栏组件 Sidebar

    一、引言在现代Web应用中,侧边栏(Sidebar)是一个非常常见的用户界面元素。它通常用于提供导航菜单、工具选项或其他辅助信息,帮助用户更方便地浏览和操作应用。 在React中,我们可以通过创建一个名为Sidebar的组件来封装这些逻辑。(二)状态管理侧边栏的状态(如是否展开、当前选中的菜单项等)是需要动态管理的。 ); return ( <div className={`sidebar ${isOpen ? <button aria-label="Toggle <em>Sidebar</em>" onClick={() => setIsOpen(! ={`sidebar ${isOpen ?

    3K10编辑于 2024-12-24
  • 来自专栏玩转全栈

    flutter实现一个sideBar

    用flutter中实现这么一个sidebar,期初我想了5中方式,但是最后,发现只有一种可以实现,那么是哪5种方式呢? 使用ListView,这种不可以,为什么?

    2.2K111发布于 2018-09-17
  • 来自专栏怡文菌

    WordPress主题制作(六):制作侧边栏模板sidebar.php

    与之前类似,我们先创建一个文件sidebar.php,然后将index.php中的以下部分移动到新的sidebar.php中 <! php // widgets if( function_exists('register_sidebar') ) { register_sidebar(array( 'name' => 'First_sidebar ' => '' )); register_sidebar(array( 'name' => 'Third_sidebar', 'id' => 'sidebar-3', 'before_widget > sidebar.php

    <?php if ( ! function_exists('dynamic_sidebar') || !dynamic_sidebar('Third_sidebar') ) : ?>

    标签云

    <?

    2K10编辑于 2022-12-15
  • 来自专栏小明的数据分析笔记本

    R语言shiny之导航栏(navbar)和侧边栏(sidebar)小例子

    在Y叔的公众号看到文章**《有人基于AnnotationHub和clusterProfiler做了个shiny,就能支持1700+的物种,你却老是在问我,非模式生物怎么办!》**。正好自己最近在学习R语言的shiny。于是找到这个shiny的代码看了看,发现不是很长,花点时间应该可以重复出来。

    3.6K20发布于 2020-05-26
  • 来自专栏ShanSan的云原生之路

    手把手教你如何在 Sider (ChatGPT Sidebar) 中免费使用通义千问

    什么是 Sider (ChatGPT Sidebar) Sider 是一款智能工具,可以添加到您的浏览器中,帮助您轻松完成各种在线任务。

    5K20编辑于 2024-05-29
  • vue3+element-plus后台系统分析笔记(2)---sidebar的业务逻辑

    sidebar的业务逻辑:背景:由于后台管理系统,主要的场景之一就是,登录用户的权限,其中包括了路由权限,或者是操作权限那么就有了根据不同的用户账号,展示不同的路由树。 sidebar就是前端呈现,它的逻辑就是,根据routes全部的数组作为数据源,登录的用户角色的路由数组作为数据列表,进行数组的迭代遍历 这个userPermissionMenu数组是保存在数据管理里面的 并将用户角色对应的路由重新塞进原来的children里面,最后将这个大对象push进新的数组中,这样就完成的原来routes的遍历替换而在视图中,如果有child就重新迭代视图,遍历child数组,直到形成一个完整的sidebar-menu

    15700编辑于 2025-03-21
  • 来自专栏寻找石头鱼

    css左侧固定宽度,右侧自适应的几种实现方法

    由于sidebar在右边,所以我们设置content的margin-right值,值比sidebar的宽度大一点点——以便区分他们的范围。例子中是310. 而且无论content和sidebar谁更长,都不会对布局造成影响. ? 但实际上这个方法有个很老火的限制——html中sidebar必须在content之前! 但我需要sidebar在content之后!因为我的content里面才是网页的主要内容,我不想主要内容反而排在次要内容后面。 但如果sidebar在content之后,那上面的一切都会化为泡影。 可能有的人不理解,说你干嘛非要sidebar在后面呢?这个问题说来话长,反正问题就是——content必须在sidebar之前,但content宽度要自适应,怎么办? 如果content和sidebar一样,都用float,那content的自适应宽度就没戏了;如果不给content加float,那sidebar又会跑到下一行去。

    3.6K20发布于 2019-09-11
  • 来自专栏html5期末大作业

    情人节程序员用HTML网页表白【做我女朋友】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    #sidebar { width: 0; } #page-container.sidebar-visible-xs #sidebar, #page-container.sidebar-visible-xs #sidebar-toggle-full { display: none; } /* Sidebar + Static Layout */ #sidebar { display: none; } #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav li #sidebar .sidebar-nav .sidebar-nav-menu + ul { background-color: #e6e6e6; } #page-container.sidebar-visible-lg-mini display: none; } #page-container.sidebar-visible-lg-mini #sidebar .sidebar-nav .sidebar-nav-menu.open

    88720编辑于 2022-08-21
  • 来自专栏私人订制

    Fly主题关闭打开侧边栏(不带Cookie)代码

    ="显示/关闭侧边栏">关闭侧边栏

    CSS部分 .close-sidebar,.show-sidebar a,.show-sidebar a{color:#333;} .close-sidebar:hover,.show-sidebar:hover{background:#f6f6f6;} .close-sidebar ).ready(function($){ $('.close-sidebar').click(function(){ $('.close-sidebar,.sidebar').hide(); '.show-sidebar').click(function(){ $('.show-sidebar').hide(); $('.close-sidebar').show();

    49610编辑于 2023-05-10
  • 来自专栏WordPress果酱

    WordPress 技巧:使用文件缓存侧边栏

    如果你的 sidebar 为不同页面不同 sidebar,那么你要根据自己的 sidebar 生成不同 sidebar 缓存,如:sidebar_home, sidebar_single,基本代码类似。 进入 WordPress 后台,点击外观 => 主题编辑 => Sidebar (sidebar.php)。 2. 在 sidebar.php 开头加入以下代码: <? 在 sidebar.php 结尾加入以下代码: <? php $sidebar_content = ob_get_contents(); ob_end_clean(); $sidebar_fp = fopen($sidebar_html , "w"); if ($sidebar_fp){ fwrite($sidebar_fp, $sidebar_content); fclose($sidebar_fp

    39820编辑于 2023-04-15
  • 来自专栏逸鹏说道

    02.LoT.UI 前后台通用框架分解系列之——灵活的菜单栏

    [endif]--> </head> <body>

    91370发布于 2018-04-10
  • 来自专栏捞月亮的小北

    Typora 主题Mo Dark 样式

    .sidebar-tabs { border-bottom-color: transparent; } #typora-sidebar #sidebar-content .file-list-item ; } #typora-sidebar #sidebar-content .sidebar-content-content .file-node-content { line-height: 1.375rem #sidebar-content #outline-content .outline-expander:hover:before, #typora-sidebar #sidebar-content } #typora-sidebar #ty-sidebar-footer .sidebar-footer-item:hover { background-color: #3e4249 ! important; } #typora-sidebar #ty-sidebar-footer #sidebar-files-menu { -webkit-box-shadow: 0 2px 5px

    50810编辑于 2023-12-01
  • 来自专栏HHTjim'S 部落格

    添加WordPress开启关闭侧边栏功能

    $('#close-sidebar').click(function(){RootCookies.SetCookie('show_sidebar', 'no', 7);$('#close-sidebar ').hide();$('#show-sidebar').show();$('#celan').hide();$('.grid_10').animate({width: "870px"}, 1000); }); $('#show-sidebar').click(function(){RootCookies.SetCookie('show_sidebar', 'no', -1);$('#show-sidebar $_COOKIE['show_sidebar']=='no'):? php if($_COOKIE['show_sidebar']=='no'): ?

    95620编辑于 2022-09-26
  • 来自专栏叶子陪你玩编程

    python 利用 PySide2&PyQt5实现 PDF 阅读器

    " class="sidebar">

  • 1.书籍
    • <a href="1. =document.getElementById("sidebar"); var lists=sidebar.querySelectorAll("#sidebar>li"); var spans=sidebar.querySelectorAll ("#sidebar>li>span"); var uls=sidebar.querySelectorAll("#sidebar>li>ul"); spans.forEach(function (item "sidebar"); var lists=sidebar.querySelectorAll("#sidebar>li"); var spans=sidebar.querySelectorAll("#sidebar >li>span"); var uls=sidebar.querySelectorAll("#sidebar>li>ul"); spans.forEach(function (item,index) {

  • 3.4K40发布于 2021-04-13
  • 来自专栏网络收集

    十二、MVC模式

    : [ { title: 'sidebar1', href: '. /a.html' }, { title: 'sidebar2', ') var html = ''; html += '

    '; for( var i = 0; i < data.length; i++) { html += '<div class="<em>sidebar</em>-item"><a href="' ', [{title: 'new sidebar', href:'.

    37020编辑于 2022-06-11
  • 来自专栏一丘一壑

    Genesis框架从入门到精通(14): 布局函数

    Content/Sidebar: content-sidebar Sidebar/Content: sidebar-content Content/Sidebar/Sidebar: content-sidebar-sidebar Sidebar/Sidebar/Content: sidebar-sidebar-content Sidebar/Content/Sidebar: sidebar-content-sidebar Full 遵循 “Sidebar/Content” 和 “sidebar-content” 这种类似的命名约定,会更加直观,从而使代码更清晰,减少调试的成本。 很简单 genesis_set_default_layout( 'top-sidebar-content-sidebar' ); 这会将我们之前创建的布局设置为默认布局。就这样。 genesis_unregister_layout( 'sidebar-sidebar-content' ); 这样就会删除 Sidebar/Sidebar/Content这个布局,主题中不需要不想要的的其他布局都可以删除

    2.1K41发布于 2019-03-20
  • 来自专栏张善友的专栏

    Vista Gadgets

    Sidebar与Gadgets,作为微软在Windows Vista中新纳入的组件,能够提供相当丰富的功能,为用户的日常操作与使用带来很大的便利,比如说,在Sidebar中,我们使用CPU与内存占用监视器查看系统状态 l=1 开心blog上有几篇文章,记录一下: 译文:Sidebar安全性探讨 Sidebar Gadget开发教程(1) Sidebar Gadget开发教程(2) Sidebar Gadget开发教程

    79050发布于 2018-01-31
  • 来自专栏个人教程

    在Cuckoo主题侧边栏添加随机双色球生成器

    \usr\themes\Cuckoo\includes\sidebar.php。 B. 可以看到一段段栏目的代码,在最新回复和标签云两段代码中间插入如下代码(也可以在其他段之间): <? break; } } } $result = implode(',', $result); echo '

      随机双色球
    • 蓝球:' . ">
      红球:' .

      58810编辑于 2022-06-15
  • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多
    领券