Items2主题

最终展示效果图

在这里插入图片描述

配置过程

一、前提准备

GitHub下载地址:

  • https://github.com/witEngine/ItemsConfig/tree/main

1.1 准备字体

  • Knack Regular Nerd Font Complete.ttf
  • devicons-regular.ttf
  • octicons-regular.ttf
  • Roboto Mono for Powerline.ttf
  • fontawesome-regular.ttf
  • pomicons-regular.ttf
  • programming-languages.ttf

1.2 准备背景配置

  • material-design-colors.itermcolors

1.3 准备主题

  • powerlevel9k

二、导入字体

打开 mac 自带的字体册,导入1.1 中的字体即可
字体册
导入字体

三、导入背景配置

打开Iterm2 -> Preference -> Profiles -> Color -> Color Presets -> import导入material-design-colors.itermcolors文件,并选择
注意,这边还需要一点改变: Color中一栏选择为ANSI Colors的black颜色改为4b585e,后面配置需要这个颜色。
导入背景

四、配置字体

打开Iterm2 -> Preference -> Profiles -> Text 选择图中的字体
配置字体

五、配置.zshrc

# .oh-my-zsh的绝对路径
export ZSH="/Users/xxx/.oh-my-zsh"
POWERLEVEL9K_MODE='nerdfont-complete'
# 建议将powerlevel9k主题放到/Users/xxx/.oh-my-zsh/custom/themes/下
ZSH_THEME="../custom/themes/powerlevel9k/powerlevel9k"
# Config of powerlevel19k
POWERLEVEL9K_OS_ICON_BACKGROUND='black'
POWERLEVEL9K_CONTEXT_TEMPLATE='%n'
POWERLEVEL9K_CONTEXT_DEFAULT_BACKGROUND='black'
POWERLEVEL9K_CONTEXT_DEFAULT_FOREGROUND='white'
POWERLEVEL9K_MULTILINE_FIRST_PROMPT_PREFIX='\u256D\u2500'
POWERLEVEL9K_PROMPT_ON_NEWLINE=true
POWERLEVEL9K_MULTILINE_LAST_PROMPT_PREFIX="%F{014}\u2570%F{cyan}>%F{073}>%F{101}>%f "
POWERLEVEL9K_VCS_MODIFIED_BACKGROUND='yellow'
POWERLEVEL9K_VCS_UNTRACKED_BACKGROUND='yellow'
POWERLEVEL9K_VCS_UNTRACKED_ICON='?'
POWERLEVEL9K_LEFT_PROMPT_ELEMENTS=(os_icon context dir vcs)
POWERLEVEL9K_RIGHT_PROMPT_ELEMENTS=(status time ip background_jobs)
POWERLEVEL9K_SHORTEN_DIR_LENGTH=2
POWERLEVEL9K_TIME_FORMAT="%D{%H:%M}"
POWERLEVEL9K_TIME_BACKGROUND='white'
POWERLEVEL9K_HOME_ICON=''
POWERLEVEL9K_HOME_SUB_ICON=''
POWERLEVEL9K_FOLDER_ICON=''
POWERLEVEL9K_STATUS_VERBOSE=true
POWERLEVEL9K_STATUS_CROSS=true

使配置生效:

source ~/.zshrc

注:source $ZSH/oh-my-zsh.sh需要在上述配置后执行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSKIN-15.1.28 1.优化SkinTabControl标签移入移出效果。 2.将SkinTextBox改为容器边框,其他控件可放进其里面。 3.设置SkinTextBox中的TextBox为不可点击,详细参数在属性栏里设置。 4.SkinPanel添加属性(BorderColor:边框颜色)。 5.添加(SkinPushPanel:抽屉控件列表,根据Items添加。)和(SkinCaptionPanel:面板控件单独)。 6.添加(SkinCode:验证码控件。)。 7.减少SkinTreeView的闪烁。 8.窗体XP下最大化移动BUG修复。 9.修复SkinButton的禁止状态绘制不显示的问题。 10.修复SkinDataGridView的一些设置BUG。 11.修复SkinRadioButton属性Text为空报错问题。 12.修复属性(Shadow:是否启用窗体阴影)。 13.加入(日期面板控件:SkinMonthCalendar),(日期选择框控件:SkinDateTimePicker)。 14.加入(弹出承载控件:SkinDropDown) 使用方法: SkinDropDown _SkinDropDown = new SkinDropDown(控件:Control); _SkinDropDown.Show(new Point(0, 22)); 15.添加SystemInformationHelper静态类,获得操作系统版本。 16.添加控件(SkinHotKey:自定义热键注册控件)。 17.窗体添加属性(XTheme:窗体主题,类型:继承CCSkinMain的窗体),增加皮肤更换属性,更好的对换肤支持。 18.增加了MDI支持,并多了一些属性设置MDI。 19.对好友列表进行了绘制优化,效率MAX,真正达到了千人不卡。 20.好友列表添加属性(SmoothScroll:是否平滑滚动),对好友列表加入平滑滚动的效果。 21.修复异形窗体SkinMain不可在透明区域放控件的BUG。 22.好友列表好友拖动效果优化。 23.解决SkinMain异形窗体无法点击触发点击事件问题。 24.修复SkinToolTip的字体颜色及大小BUG。 CSKIN-14.8.26 1.修复SkinPanel滚动条不显示的问题。 2.修复SkinPanel右下边框不显示的问题。 3.修复好友列表头像闪烁的一些BUG。 4.修复SkinMain异形窗体点击任务栏最小化操作。 5.加入内置工具类FastBitmap,此类用来快速Bitmap读写像素,如何使用看:http://bbs.cskin.net/thread-83-1-1.html。 6.修复截图控件的未选框双击错误BUG,增加截图控件属性BmpLayerCurrent:控件所截图的图片。 7.SkinToolStrip添加BaseItemNorml属性,BaseItem默认背景图。 8.修复SkinComboBox下拉框项的细节样式。 9.加入SkinFileTansfersContainer控件与SkinFileTransfersItem控件。 SkinFileTansfersContainer:文件传输列表容器,这里面内置Add,Remove,Search等操作ItemList方法。 SkinFileTransfersItem:文件传输列表项,用于添加进列表容器。 10.SkinToolStrip控件添加BindTabControl=(绑定要操作的TabControl)属性,绑定后点击ToolStripButton就可以根据ToolStripButton中的Tag=(TabPage的Index值)进行切换TabPage。 11.优化设计时SkinTabControl略卡的问题。 12.SkinTabePage添加属性(BorderColor:边框颜色)。 13.修复好友列表闪烁状态下好友被删除,分组依然闪烁。 14.SkinButton、SkinCheckBox、SkinRadioButton添加属性(IsEnabledDraw:是否画禁用状态下的效果,默认true)。 15.好友列表添加三个事件: (DownSubItem:用鼠标按下子项时发生) (UpSubItem:用鼠标按下并释放子项时发生) (ClickSubItem:用鼠标单击子项时发生) 16.SkinTabControl添加两个事件: (TabePageClosed:TabPage容器关闭后。) (TabePageClosing:TabPage容器关闭前。) 17.加入彗星小助手案例DEMO。 CSKIN-14.7.2 1.SkinTabContro
以下是一个简单的HTML和CSS美食主题代码示例,其中包括一个美食图片轮播和一个美食菜单列表: HTML代码: ```html <!DOCTYPE html> <html> <head> <title>Food Theme</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Delicious Food</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Menu</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <section id="slider"> <div class="slide"> <img src="img/food1.jpg" alt="Food 1"> </div> <div class="slide"> <img src="img/food2.jpg" alt="Food 2"> </div> <div class="slide"> <img src="img/food3.jpg" alt="Food 3"> </div> </section> <section id="menu"> <h2>Our Menu</h2> <ul> <li> <h3>Burger</h3> <p>A delicious burger with cheese, lettuce, tomato, and onion. Served with fries.</p> <span>$8.99</span> </li> <li> <h3>Pizza</h3> <p>A classic pizza with tomato sauce, mozzarella cheese, and your choice of toppings.</p> <span>$10.99</span> </li> <li> <h3>Tacos</h3> <p>Three soft-shell tacos filled with your choice of chicken, beef, or pork. Served with salsa and sour cream.</p> <span>$9.99</span> </li> <li> <h3>Salad</h3> <p>A fresh salad with mixed greens, cherry tomatoes, cucumber, and your choice of dressing.</p> <span>$6.99</span> </li> </ul> </section> <footer> <p>© 2021 Delicious Food</p> </footer> </body> </html> ``` CSS代码: ```css body { font-family: Arial, sans-serif; } header { background-color: #f2f2f2; padding: 20px; display: flex; align-items: center; justify-content: space-between; } h1 { margin: 0; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; } nav li { margin-right: 20px; } nav a { text-decoration: none; color: #333; } #slider { width: 100%; height: 400px; display: flex; overflow: hidden; } .slide { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .slide img { width: 100%; height: 100%; object-fit: cover; } #menu { background-color: #f2f2f2; padding: 50px 20px; } #menu h2 { text-align: center; margin-bottom: 50px; } #menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } #menu li { width: 300px; margin: 20px; background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #menu h3 { margin-top: 0; } #menu p { margin-bottom: 20px; } #menu span { font-weight: bold; float: right; color: #f00; } ``` 在上面的代码中,我们创建了一个页面标题和导航栏。页面主体分为两个部分:一个美食图片轮播和一个美食菜单列表。轮播使用了CSS的flexbox布局和overflow:hidden属性来实现。菜单列表使用了flexbox布局和box-shadow属性来增加阴影效果。 请注意,上面的示例只是一个简单的美食主题示例,您可以根据自己的需求和喜好进行修改和定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值