<?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; works</title>
	<atom:link href="http://www.ahem-works.com/category/works/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ahem-works.com</link>
	<description>The Ahem Area</description>
	<lastBuildDate>Sun, 11 Jan 2026 06:40:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<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>
		<item>
		<title>FragCUT 网站主题设计</title>
		<link>http://www.ahem-works.com/fragcut-theme.html</link>
		<comments>http://www.ahem-works.com/fragcut-theme.html#comments</comments>
		<pubDate>Fri, 14 Jul 2017 16:18:00 +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=205</guid>
		<description><![CDATA[这是一个是为 fragcut.com 定制的主题，之前叫 cn-movie.com。全站以游戏视频为主，从2015年开始使用到现在已经2年了，中间也经历过一些小小的修补完善。 主题白蓝配色调，头部和边框的样式参考了国外 wpzoom 一个商用主题：“cadabrapress”。第一次看到这个主题就被头部简洁条理的设计所吸引，整体布局设计过目难忘。(感谢 WPzoom 设计出的如此漂亮主题) 主题大概包括的主要功能有： 1. 高分视频排列页面 2. 视频流国内与youtube切换 3. 调用视频作者相关作品功能 4. 专题文章分类页面样式 5. 增强全站详细搜索 期中大部分代码取自互联网，网友们的分享与指导。之后也经历了细数的细节微调，2年后的今天这个主题已接近完善。 特别要感谢v2ex上的网友们的倾力相助。 首页截图： 视频页面： 翻出了几个设计时候的放弃版效果。 最早时的设计，参考国内一些游戏网站首页布局设计，首页内容文字较多。 期中考虑布局的排版样式： 内容未完，继续查看第二页。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ahem-works.com/uploads/2017/07/fragcut-theme.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2017/07/fragcut-theme.jpg" alt="" title="fragcut-theme" width="1280" height="530" class="aligncenter size-full wp-image-206" /></a></p>
<blockquote><p>这是一个是为 <a href="http://www.fragcut.com/" target="_blank">fragcut.com</a> 定制的主题，之前叫 cn-movie.com。全站以游戏视频为主，从2015年开始使用到现在已经2年了，中间也经历过一些小小的修补完善。</p></blockquote>
<p>主题白蓝配色调，头部和边框的样式参考了国外 <a href="http://www.wpzoom.com/" target="_blank">wpzoom</a> 一个商用主题：“<a href="http://www.premiumwp.com/cadabrapress-magazine-wordpress-theme/" target="_blank">cadabrapress</a>”。第一次看到这个主题就被头部简洁条理的设计所吸引，整体布局设计过目难忘。<strong>(感谢 <a href="http://www.wpzoom.com/" target="_blank">WPzoom</a> 设计出的如此漂亮主题)</strong></p>
<p>主题大概包括的主要功能有：<br />
1. 高分视频排列页面<br />
2. 视频流国内与youtube切换<br />
3. 调用视频作者相关作品功能<br />
4. 专题文章分类页面样式<br />
5. 增强全站详细搜索<br />
<span id="more-205"></span><br />
期中大部分代码取自互联网，网友们的分享与指导。之后也经历了细数的细节微调，2年后的今天这个主题已接近完善。</p>
<p><center><br />
<h3>特别要感谢<a href="https://www.v2ex.com/" target="_blank">v2ex</a>上的网友们的倾力相助。</h3>
<p></center></p>
<p>首页截图：<br />
<a href="http://www.ahem-works.com/uploads/2017/07/fragcut-index.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2017/07/fragcut-index.jpg" alt="" title="fragcut-index" width="1903" height="1601" class="aligncenter size-full wp-image-207" /></a></p>
<p>视频页面：<br />
<a href="http://www.ahem-works.com/uploads/2017/07/fragcut-movie.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2017/07/fragcut-movie.jpg" alt="" title="fragcut-movie" width="1903" height="1337" class="aligncenter size-full wp-image-208" /></a></p>
<p><center><br />
<h3>翻出了几个设计时候的放弃版效果。</h3>
<p></center></p>
<blockquote><p>最早时的设计，参考国内一些游戏网站首页布局设计，首页内容文字较多。</p></blockquote>
<p><a href="http://www.ahem-works.com/uploads/2017/07/first-sample.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2017/07/first-sample.jpg" alt="" title="first-sample" width="1920" height="1142" class="aligncenter size-full wp-image-209" /></a></p>
<blockquote><p>期中考虑布局的排版样式：</p></blockquote>
<p><a href="http://www.ahem-works.com/uploads/2017/07/movie-layout.jpg" class="highslide-image" onclick="return hs.expand(this);"><img src="http://www.ahem-works.com/uploads/2017/07/movie-layout.jpg" alt="" title="movie-layout" width="1100" height="1050" class="aligncenter size-full wp-image-210" /></a></p>
<p><center><br />
<h3>内容未完，继续查看第二页。</h3>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ahem-works.com/fragcut-theme.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
