<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ahem-Works &#187; Web Design</title>
	<atom:link href="http://www.ahem-works.com/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ahem-works.com</link>
	<description>The Ahem Area</description>
	<lastBuildDate>Sat, 26 Sep 2026 07:50:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>FragCUT 网站主题设计 v2</title>
		<link>http://www.ahem-works.com/fragcut-theme-v2.html</link>
		<comments>http://www.ahem-works.com/fragcut-theme-v2.html#comments</comments>
		<pubDate>Sat, 26 Sep 2026 07:45:55 +0000</pubDate>
		<dc:creator>aHem</dc:creator>
				<category><![CDATA[works]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.ahem-works.com/?p=323</guid>
		<description><![CDATA[FragCUT.com 的定制主题，从 2015 年开始使用到今年已经 10 年了，期间几乎没有改动。随着收录的视频越来越多，宽屏比例的视频也越来越多，因此计划为视频播放页增加 4:3 与 16:9 画面比例切换功能，也想再新增暗色主题样式。 于是对主题进行全面的升级制作，新版仍延续现有页面结构：左侧为主体内容，右侧为侧边栏，并新增了一些归档页面。主体中使用的图片元素已替换为大图，部分原始图标通过图片 AI 进行了放大处理；新主题最高可支持 200% 放大，且依然清晰不糊。 首页幻灯片、视频播放 TAB、视频播放器以及宽屏/标屏比例切换功能，都用 DeepSeek AI 进行了重做。视频播放器也支持了目前流行的屏幕画中画功能。 由于此前受垃圾评论影响，站点基本上关闭了留言评论功能，所以这次没有对评论框进行优化。 这次主要调整内容有： 1. 首页幻灯片重做 2. 视频线路切换重做 3. 新增宽屏/标屏切换 4. 新增主题黑白样式切换 5. 保留已使用 10 年的白色主题（标清） 6. 新增暗色主题 style2 由 AI 基于白色主题进行暗化处理（高清） 7. 新增的 style 3 用 AI 进行了优化（高清） 8. 为分类视频新增前 100 部高分作品归档页面 9. 链接页面图标替换为高清图 10. 优化了收录游戏的列表页面样式 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2.jpg" alt="" title="fragcut-theme-v2" width="1920" height="720" class="aligncenter size-full wp-image-337" /></a></p>
<blockquote><p><a href="http://www.fragcut.com/" target="_blank">FragCUT.com</a> 的定制主题，从 2015 年开始使用到今年已经 10 年了，期间几乎没有改动。随着收录的视频越来越多，宽屏比例的视频也越来越多，因此计划为视频播放页增加 4:3 与 16:9 画面比例切换功能，也想再新增暗色主题样式。</p></blockquote>
<p>于是对主题进行全面的升级制作，新版仍延续现有页面结构：左侧为主体内容，右侧为侧边栏，并新增了一些归档页面。主体中使用的图片元素已替换为大图，部分原始图标通过图片 AI 进行了放大处理；新主题最高可支持 200% 放大，且依然清晰不糊。</p>
<p>首页幻灯片、视频播放 TAB、视频播放器以及宽屏/标屏比例切换功能，都用 DeepSeek AI 进行了重做。视频播放器也支持了目前流行的屏幕画中画功能。</p>
<p>由于此前受垃圾评论影响，站点基本上关闭了留言评论功能，所以这次没有对评论框进行优化。<br />
<span id="more-323"></span><br />
这次主要调整内容有：<br />
1. 首页幻灯片重做<br />
2. 视频线路切换重做<br />
3. 新增宽屏/标屏切换<br />
4. 新增主题黑白样式切换<br />
5. 保留已使用 10 年的白色主题（标清）<br />
6. 新增暗色主题 style2 由 AI 基于白色主题进行暗化处理（高清）<br />
7. 新增的 style 3 用 AI 进行了优化（高清）<br />
8. 为分类视频新增前 100 部高分作品归档页面<br />
9. 链接页面图标替换为高清图<br />
10. 优化了收录游戏的列表页面样式</p>
<p>自从有了 AI 以后这种调整起来就很方便了</p>
<p>style3 首页截图：<br />
<a href="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-index.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-index.jpg" alt="" title="fragcut-theme-v2-style3-index" width="1903" height="1872" class="aligncenter size-full wp-image-325" /></a></p>
<p>style3 文章分类：<br />
<a href="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-category.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-category.jpg" alt="" title="fragcut-theme-v2-style3-category" width="1903" height="2297" class="aligncenter size-full wp-image-326" /></a></p>
<p>style3 视频分类：<br />
<a href="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-category2.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-category2.jpg" alt="" title="fragcut-theme-v2-style3-category2" width="1903" height="1882" class="aligncenter size-full wp-image-327" /></a></p>
<p>style3 视频播放：<br />
<a href="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-single.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2026/09/fragcut-theme-v2-style3-single.jpg" alt="" title="fragcut-theme-v2-style3-single" width="1903" height="1780" class="aligncenter size-full wp-image-328" /></a></p>
<p><center><br />
<h3>style2 风格，继续查看第二页。</h3>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahem-works.com/fragcut-theme-v2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iGameFX Studio Design v2.0</title>
		<link>http://www.ahem-works.com/igamefx-studio-design-v2-0.html</link>
		<comments>http://www.ahem-works.com/igamefx-studio-design-v2-0.html#comments</comments>
		<pubDate>Thu, 08 Sep 2022 13:41:25 +0000</pubDate>
		<dc:creator>aHem</dc:creator>
				<category><![CDATA[works]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.ahem-works.com/?p=307</guid>
		<description><![CDATA[自 2015 第一版至今已有7年时间了，iGameFX 是 Ahem-Works 的游戏特效作品展示站点，积累了多年来工作中参与制作的游戏特效，之前也作为工作室形象对外招揽业务。在近年的更新中，作品用视频播放的方式，代替了原来的 GIF 动图展示。过去的图集式的个人主页已经不太适合如今的需求。 基于丰富主页内容，与新增视频播放的需求，对其进行 2022 年 v2.0 版本的重新制作。上一版全站使用的 html 结构，优势访问速度极快，但修改调整起来就相对麻烦。这次重做采用了 php + html 结构，静态不变的内容用 html 固定，php 引用通用和可变的内容。结果依然是一个 html 只是由 php 封装而成。访问速度依然出色。 由于上一版的布局已经能够很好的实现个人主页的需求，2.0 版依然基于上一版的布局设计，新增支持了移动平板手机的访问。针对各个尺寸的屏幕做了适配，视频使用的 html5 原生标签播放，各个平台的浏览器也都支持。 首页截图： 首页截图 iPad： 首页截图 phone： Portfolio 截图： single 截图：]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2.jpg" alt="" title="igamefx-studio-design-v2" width="1920" height="980" class="aligncenter size-full wp-image-308" /></a></p>
<p>自 2015 第一版至今已有7年时间了，iGameFX 是 Ahem-Works 的游戏特效作品展示站点，积累了多年来工作中参与制作的游戏特效，之前也作为工作室形象对外招揽业务。在近年的更新中，作品用视频播放的方式，代替了原来的 GIF 动图展示。过去的图集式的个人主页已经不太适合如今的需求。</p>
<p>基于丰富主页内容，与新增视频播放的需求，对其进行 2022 年 v2.0 版本的重新制作。上一版全站使用的 html 结构，优势访问速度极快，但修改调整起来就相对麻烦。这次重做采用了 php + html  结构，静态不变的内容用 html 固定，php 引用通用和可变的内容。结果依然是一个 html 只是由 php 封装而成。访问速度依然出色。<br />
<span id="more-307"></span><br />
由于上一版的布局已经能够很好的实现个人主页的需求，2.0 版依然基于上一版的布局设计，新增支持了移动平板手机的访问。针对各个尺寸的屏幕做了适配，视频使用的 html5 原生标签播放，各个平台的浏览器也都支持。</p>
<p><strong>首页截图：</strong><br />
<a href="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-index.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-index.jpg" alt="" title="igamefx-studio-design-v2-index" width="1903" height="2074" class="aligncenter size-full wp-image-309" /></a></p>
<p><strong>首页截图 iPad：</strong><br />
<a href="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-index-ipad.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-index-ipad.jpg" alt="" title="igamefx-studio-design-v2-index-ipad" width="1080" height="810" class="aligncenter size-full wp-image-310" /></a></p>
<p><strong>首页截图 phone：</strong><br />
<a href="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-index-phone.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-index-phone.jpg" alt="" title="igamefx-studio-design-v2-index-phone" width="360" height="auto" class="aligncenter size-full wp-image-311" /></a></p>
<p><strong>Portfolio 截图：</strong><br />
<a href="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-portfolio.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-portfolio.jpg" alt="" title="igamefx-studio-design-v2-portfolio" width="1903" height="1764" class="aligncenter size-full wp-image-312" /></a></p>
<p><strong>single 截图：</strong><br />
<a href="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-scencefx-pad.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2022/09/igamefx-studio-design-v2-scencefx-pad.jpg" alt="" title="igamefx-studio-design-v2-scencefx-pad" width="405" height="auto" class="aligncenter size-full wp-image-313" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahem-works.com/igamefx-studio-design-v2-0.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CGblog 弹窗视频博客主题设计</title>
		<link>http://www.ahem-works.com/cgblog-theme.html</link>
		<comments>http://www.ahem-works.com/cgblog-theme.html#comments</comments>
		<pubDate>Tue, 29 Jan 2019 14:04:27 +0000</pubDate>
		<dc:creator>aHem</dc:creator>
				<category><![CDATA[works]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.ahem-works.com/?p=237</guid>
		<description><![CDATA[花了大概两周的时间准备到制作大体完成，主题的主要核心是在：弹窗功能，过去上一版中，一直都是做的 Tab 切换功能，但涉及到多个视频以后，Tab 就显得不够用了，所以这次尝试弹窗。 主题风格借鉴了一个由 onlyWP 设计的 whitePress 主题样式，对其进行了丰富。 制作开始阶段，网上很好找到很多弹窗代码，要么只是用 CSS 代码隐藏起来内容，而非真正意义上的点击播放，所以再加载页面的时候 “ youku ” 的视频就自动播放了，这时就已经有声音了只是画面隐藏了而已。经过了两天的寻找终于找到了一个可以独立弹窗播放的代码，还可以弹图片，功能够用。 主题截图 春节主题设计截图 在这一版之前还做了一个 “ 黑色风格的设计 ”]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-featured.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-featured.jpg" alt="" title="cgblog-theme-featured" width="1280" height="520" class="aligncenter size-full wp-image-238" /></a></p>
<p>花了大概两周的时间准备到制作大体完成，主题的主要核心是在：弹窗功能，过去上一版中，一直都是做的 Tab 切换功能，但涉及到多个视频以后，Tab 就显得不够用了，所以这次尝试弹窗。</p>
<p>主题风格借鉴了一个由 onlyWP 设计的 whitePress 主题样式，对其进行了丰富。<br />
<span id="more-237"></span><br />
制作开始阶段，网上很好找到很多弹窗代码，要么只是用 CSS 代码隐藏起来内容，而非真正意义上的点击播放，所以再加载页面的时候 “ youku ” 的视频就自动播放了，这时就已经有声音了只是画面隐藏了而已。经过了两天的寻找终于找到了一个可以独立弹窗播放的代码，还可以弹图片，功能够用。</p>
<p><center><strong>主题截图</strong></center><br />
<a href="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-snap1.png" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-snap1.png" alt="" title="cgblog-theme-snap1" width="1280" height="1330" class="aligncenter size-full wp-image-239" /></a></p>
<p><center><strong>春节主题设计截图</strong></center><br />
<a href="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-snap2.png" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-snap2.png" alt="" title="cgblog-theme-snap2" width="1903" height="2001" class="aligncenter size-full wp-image-240" /></a></p>
<p><center><strong>在这一版之前还做了一个 “ 黑色风格的设计 ”</strong></center><br />
<a href="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-snap3.png" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2019/01/cgblog-theme-snap3.png" alt="" title="cgblog-theme-snap3" width="1903" height="2408" class="aligncenter size-full wp-image-244" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahem-works.com/cgblog-theme.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>2017年 &#8211; 2018年初做的2个 WP 主题设计</title>
		<link>http://www.ahem-works.com/2017-2018-wordpress-themes.html</link>
		<comments>http://www.ahem-works.com/2017-2018-wordpress-themes.html#comments</comments>
		<pubDate>Sat, 31 Mar 2018 04:57:17 +0000</pubDate>
		<dc:creator>aHem</dc:creator>
				<category><![CDATA[works]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.ahem-works.com/?p=225</guid>
		<description><![CDATA[很久没有发表新东西了，这两个主题是 2017 下半年和 2018 年初设计制作的，这次制作尝试了全自适应布局，上一个响应式主题是 wehut 2016 版的博客主题，基于第一个主题积累了一些经验后，这个主题设计的时候就打算做成一个支持，电脑，平板，手机的风格主题。 由于技术有限，我在互联网找的头部菜单部分代码，在基于网友写好的这个菜单，进行按照自己的需求美化。记得调整这个菜单的时候，费了不少时间，无意中也解决了这个菜单手机上兼容显示差的情况，也是这次制作意外收获。 网上搜索了很久关于点赞功能，也是尝试非插件的方式用代码实现出了，赞代码。打赏弹窗也是首次尝试，感谢网友们的代码分享。 这个主题我命名为：Classic 主题截图：*(点击查看大图) 继续浏览下一页]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ahem-works.com/uploads/2018/03/20017-2008-wordpress-themes.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2018/03/20017-2008-wordpress-themes.jpg" alt="" title="20017-2008-wordpress-themes" width="1280" height="800" class="aligncenter size-full wp-image-226" /></a></p>
<p><strong>很久没有发表新东西了，这两个主题是 2017 下半年和 2018 年初设计制作的，这次制作尝试了全自适应布局，上一个响应式主题是 wehut 2016 版的博客主题，基于第一个主题积累了一些经验后，这个主题设计的时候就打算做成一个支持，电脑，平板，手机的风格主题。</strong></p>
<p>由于技术有限，我在互联网找的头部菜单部分代码，在基于网友写好的这个菜单，进行按照自己的需求美化。记得调整这个菜单的时候，费了不少时间，无意中也解决了这个菜单手机上兼容显示差的情况，也是这次制作意外收获。</p>
<blockquote><p>网上搜索了很久关于点赞功能，也是尝试非插件的方式用代码实现出了，赞代码。打赏弹窗也是首次尝试，感谢网友们的代码分享。</p></blockquote>
<p><span id="more-225"></span><br />
这个主题我命名为：Classic</p>
<p><strong>主题截图：</strong>*(点击查看大图)<br />
<a href="http://www.ahem-works.com/uploads/2018/03/classic-index.png" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2018/03/classic-index.png" alt="" title="classic-index" width="1903" height="2108" class="alignnone size-full wp-image-227" /></a></p>
<p><a href="http://www.ahem-works.com/uploads/2018/03/classic-login.png" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2018/03/classic-login.png" alt="" title="classic-login" width="1920" height="924" class="alignnone size-full wp-image-228" /></a></p>
<p><a href="http://www.ahem-works.com/uploads/2018/03/classic-mobile.png" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2018/03/classic-mobile.png" alt="" title="classic-mobile" width="360" height="994" class="alignnone size-full wp-image-229" /></a></p>
<p><strong>继续浏览下一页</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahem-works.com/2017-2018-wordpress-themes.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
