2009/05/01:
煎蛋改版记
先说明:其实我们并不是完全改头换面的,之前把衣服鞋袜早就换过了大家没注意而已,这次终于换了帽子和发型,感觉突然就不一样了。

煎蛋一直没换过模板,在原有 bosco 模板上不断修修补补,改到后来功能上基本满足了,但始终觉得原本的页面要素(背景图、页头)不和谐,但是一直没改到自己满意;不久前看到优衣库的主页非常喜欢,浅色线条划分的感觉很棒,但它基本是 table 方式实现的,就用类似风格 wpthemedesigner 做的 Marcelle 主题作底板来做煎蛋主题——这只是开始。
“优衣库”漂亮的线条划分

大约是一周前开始折腾新版的,过程很繁琐,好在最终坚持下来并改成我们想要的样子。具体的事太罗嗦不说了,oioi 整天被我拉着 debug 应该是苦不堪言。echo、paveo、kissy 等多为 group 成员参与测试并提出要求,shawn 大师以前传授了不少好东西,小叶处理 ie6 bug 的一些基本方法和煎蛋前端大师 sunvampire 同学解决的几个重大 ie6 bug,加上 wordpress 完善的文档库,新模板才得意实现。
可以说基本的布局结构都是煎蛋原来的,大部分精力都在推敲版面如何漂亮上、一些细节优化以及着重于对付不同浏览器的兼容问题。
—————— 下午换版后的留言汇总及解释 ——————
1:01 PM / wzptoby
看到jandan换了版面~恩啊~很好~
1:21 PM / 忘了
表改版 不好看。
2:14 PM / Marlona
挺好,挺舒服的,sein大人辛苦啦~~不过我还是喜欢原来那个LOGO
2:16 PM / heixin2
感觉开阔很多类...适应一下先...
2:27 PM / faroasis
还是原来的好看,层次分明,现在看起来乱糟糟的..
另外雅黑字体模糊,读起来很费劲的说,小字体还是不用雅黑的好
2:43 PM / Maple
回复框还是原来的比较好,简单
3:28 PM / 苏姐夫
这个界面看上去不够酷...
倒是蛮有亲和力
3:34 PM / sevon
新模板虽然感觉有点不太习惯..但还是挺漂亮的,还有我还是喜欢原来的 logo
3:49 PM / xiaok
还是喜欢上一个版面的颜色
4:39 PM / 鬼仔
换theme了,什么时候的事?一直都是reader里看。
记得很早以前看过介绍,说不会换theme,但是一直在修改中。
1:58 PM / oioi
@Marlona: sein 一时头脑发热,奋斗了一周多,弄出来的3:52 PM / 苏姐姐
@oioi: 头脑发热了一周多,也挺不容易的........囧
话说为啥要把那个playbus搞那么大?4:45 PM / oioi
@苏姐姐: 不知道,这得问他。或者他拿来练练手
4:56 PM / brightX86
= =模版不错。。。
5:01 PM / 乌鸦
改版了变得比较清爽啊~向各位在劳动节仍坚持在抢占沙发一线的家具党劳动者致以节日的问候和良好的祝愿 !
5:14 PM / cdds
上下文章链接和评论区中间的白区是广告区域?
5:26 PM / 海绵体宝宝
赞新模版!!强烈要求字体改回宋体!雅黑太难看!!
5:28 PM / 菜刀
啊,改版了
这次的版面布局和字体很好看啊
5:54 PM / kodokoja
改版NICE~
6:37 PM / 手指
新的版面,我要看新的超载鸡
6:44 PM / 君度
改版了啊~是所有的内容都放到首页了么?
另外可不可以首页里的每个标题改成单击自动以在新选项卡打开的形式?每次都要右键,有点儿小麻烦~
6:51 PM / 77998
这个字体让人变得想留言 XD
7:21 PM / Jon
好看好看!新模板好看啊!赞!
8:15 PM / Elwing7
我想说,这个版实在不是很舒服。。。尤其是头上那个LOGO,很“水样”
8:18 PM / Linker
新模板不错 但是字体一定要换回来 雅黑看着太难受了
8:33 PM / 严酷的魔王
改版咯……?显得更像WEB2.0……
好Q的字~
9:13 PM / ChristFAKE
改版改得不好.... 现在没有下文的也会有"阅读全文"按钮....
Web 1.0党飘过~
9:15 PM / Sundae
啊~我喜欢~一天没回家煎蛋换模板了呢~~
—————— 总结 ——————
1、意见总结:
赞成新模板:wzptoby、Marlona、sevon、brightX86、乌鸦、海绵体宝宝、菜刀、kodokoja、Jon、Linker、Sundae
反对新模板:忘了、Elwing7、faroasis
觉得新 LOGO 难看:sevon、Elwing7
喜欢雅黑字体:菜刀、77998、严酷的魔王
讨厌雅黑字体:faroasis、Linker、海绵体宝宝
其它:xiaok 觉得“配色难看”,faroasis 觉得“层次不分明、乱糟糟”
2、回应:
修改字体,现在 firefox 和 chrome 会显示雅黑字体(我想当然认为这部分用户会跟我一样喜欢雅黑),opera 和 ie 默认是宋体字。
会继续修改 LOGO 到大多数人满意。
TO 苏姐姐&oioi:改版不是头脑发热,是想解决问题。
TO cdds:上下文章链接和评论区中间的空白不是广告区域,会不会是某浏览器不兼容导致高度过大显示空白?如果是第一篇,那么“上一篇”是不存在的,那里本来就不显示。
TO ChristFAKE:全部显示“浏览全文”链接,是觉得即使首页是全文了,冲着单页里那么多好玩的评论也值得点进去看看。
其它留言提到的一些 bug 已经修正。
—————— 后记 ——————
其实今天切换到新版时我很紧张,毕竟几年都没换过啊,真要这么干了我有点发热冒汗。前几天就说基本差不多打算换,结果还是继续测试折腾到今天。下午一点整换到新版,然后看到 1:01 分 wzptoby 同学的留言:“看到jandan换了版面~恩啊~很好~”,非常欣慰。然后过会看到“忘了”的回复:“表改版 不好看。”顿时很受打击……
就目前来看多数同学是支持改版的,也有不少意料中的反对意见,sunvampire 也说现在这个模板的 html 结构很有问题。怎么说呢 - - ,先用着吧,咱们继续改——以后会更好的。 ₪
沙发,欧耶~
刷新进来就没沙发了
好像是比较好看一点哈。。
有种想回复的冲动~
好吧
oioi..在tugus生产大量的外星怪虫子吓我
现在真的在jandan除虫debug
oioi和虫有关、、
两个小建议
1.在首页再也看不到有多少人留言了 不知道是不是自己的沙发
2.在更新里面没有序号,看标题很容易找丢
嗷~超载鸟出没注意
sein和各位大人都辛苦啦~\(≧▽≦)/~~~
改变也是进步嘛~~
加油加油~~支持的说~
能否放出原来页面的截图,现在还是有点怀念旧版。。。。
最好还是保留那个“蛋”。
首页上看不到留言数了…
雅黑控路过。。。S60系统的手机用的雅黑,电脑XP设成雅黑- -
@ellery: 留言数有的,在底部;那个序号我们回头加上
比较和谐~~大半夜的我尖叫一声“改版了耶”
啊 煎蛋 你的蛋已经不纯啦
强烈要求logo上要有蛋蛋!!
非常讨厌雅黑!
Tahoma、Georgia ~
其实煎蛋的内容才是最吸引我的地方。当然并不是说版面设计不重要。
说实话我也怀念旧版
但是我一向支持各位大人对于创新的不懈追求~
所以还是要顶滴~
各位辛苦啦!
这个改版很不错,话说我也喜欢优衣库的版面风格。
还有,@sein 错俩字(倒数第7行和第4行)。
改的还不错,logo还是换一个的好,坚持要有蛋
驻地球办发来贺电XXXXXXXXXX
有变化才算得上是有过程,有过程才算得上是有回忆,有回忆才能更明确的畅想未来~
愿与诸君共勉~
新版还是很赞的…只不过可能老蛋er 们一时无法适应…
某些细节上可以根据读者反馈在完善一下,还有,能不能把 Favicon 的那个蛋加到 logo 哪里…
喜欢原来的…现在这个也不知道是不习惯还是怎么 页面上边的LOGO怪怪的..而且煎蛋的字样很不显眼 猛一看的话 右边那个不知缘由的图片更吸引人目光……
忘了说最后一句~哦耶!
- - 换个版面sein如此谨慎啊 - - ……我平时换什么都跟玩儿似的……公司的东西,想改就改了……
我觉得挺好的,唯一不喜欢的就是左上角的煎蛋域名字体。稍微小孩气了点儿。煎蛋给我的感觉是清新,好玩,稍微疯狂和个性化。这个字体没体现。
那个logo旁边的图片啊…太………你们煎个蛋都好多了……
新版面有失水准啊..
对新版需要适应~~
@Valan: 那个是广告图位置。。
煎蛋错别字纠察小分队又有了新的重大发现..
~~echo、paveo、kissy 等多 “为 ” group 成员参与测试并提出要求~~
应该是多位o…
额,我的电脑显示的字体很别扭啊,强烈建议改字体,,,,
刚才打了一大坨字,一点发表全让该死的面瘫鸡吃了。。。Orz
简单说说吧,我就提个意见,面瘫鸡别鸡动。。。
我总是觉着煎蛋用那种分割线有点别扭。
优衣库的页面,主要是展示商品的,各区域的风格都是一致的,而且整个页面并没有多少文字说明,这样利用分割线来划分出各个小区域,很突出个性。煎蛋的页面主要的区域还是文章列表,侧栏仅仅是一些广告、成员列表、tags什么的,运用那种风格的分割线,我觉着看上去有点不协调,主页面有点乱并且有些死板。个人意见,仅供参考。
PS:我知道为啥面瘫鸡吃我回复了。。。因为我刚问sein是不是体温37.8,肌肉疼痛、咳嗽、喉咙痛、鼻塞。。。
面瘫鸡吃了我2次,还好第二次我是吃了一堑又长一智。
没回答俺的问题:
为啥要把那个playbus搞那么大?
P.S.雅黑俺木有,看不到,一会儿下个去。
改之后很好看,作为一个新人的我,很喜欢。
字体又改回去了?刚才还是微软雅黑呢。
总而言之,不错,就是发表评论这按键很长,别别扭扭的。
想看超新版载鸡呢。
@sein: 你把 http://wadlog.com/ 也改了…
wadlog 那个会不会太干净了?有点晃眼…
@sein 我刚刚说的俩错字,是从“—————— 下午换版后的留言汇总及解释 ——————”往上数的。。。因为我以为下面就是评论区了。。。囧
传说中的超载鸟又一次出现咯
发现邮箱打错咯···— —!
我觉得很好啊
改版之后的确很有亲和力
就是右边广告变得山寨多了
改得健康多了
只是老人家容易忘事,我忘了以前是啥样了,oioi要放对比图出来
能不能吧网页改的在宽一点?现在大多都宽屏了,窄了感觉很别扭。hoho
我怎么没发现。哪里改版了。。哀哀。。
坚持煎蛋要有蛋的出现。。。。
对了。sein大人辛苦鸟。。。劳动节也不休息啊。。。
辛苦鸟,但是,,,,好白啊
现在 firefox 和 chrome 会显示雅黑字体(我想当然认为这部分用户会跟我一样喜欢雅黑)
right^^
辛苦啦 !! 但是 感觉不够硬朗 尤其是煎蛋这两个字 觉得软软的 呵呵 不过整体还是不错的
JANDAN加油!
哪里改了……?完全没看出来……我是不是很迟钝……
第一~偶卡是雅黑控~一直用chrome烹煎蛋的说~~
第二~偶卡还是模板控~~知道修改模板的辛苦……嗯嗯~夏天适合清爽~
煎蛋加油啊~~表扬下~
我来了。。。我刚才睡着了。。。。现在醒了,又睡不着了。
好像大扫除过了
我是坚决的雅黑字体支持者……改版也好,不管怎么样,其实就是一个习惯问题,现在看着不顺,等习惯了就好 了。
煎蛋改版了呀,祝贺啊!
有点不适应,很“宽阔”
@oioi: 难道有时差?那趁着大家都睡了继续煎蛋大更新吧……呼哈哈~
雅黑有出没?我没发现有雅黑……
其实,不管是哪款煎锅,煎得出好蛋的,便是好锅。
没赶上煎蛋换衣服的过程……你们围观得好快……
那个我用宽屏,网页显示都挤在中间,两边空落落的~
bu zhe teng
@alex: 同感,我的分辨率是1920×1080,什么效果可想而知。
firefox
中文字全模糊了
辨识感很差
以后还是只在豆瓣看算了……
我是覺得板式和架構不錯。
優衣庫的設計我也喜歡。
還有我很喜歡雅黑= =
可是遨遊也不顯示。。
因為是寬屏。兩邊太空是沒辦法的。
就是版頭的圖沒特點啊= =~
把這個換一下吧
另外。我也好想看新的超載雞-0-~
我的话很打击人吗?
看来我只能慢慢适应
以前的多好啊。。(ws我好了)
那个,这边也回一遍吧。
字体建议除了导航还是换回宋体吧,在非IE浏览器下雅黑的渲染一直有问题,会比较不清晰,这对视力差的朋友影响很大。
或者可以做个自定义面板,允许客户自定义部分内容,比如字体大小样式,版面颜色,链接弹出方式等,然后把记录存到Cookie里面,当然最好能像BBC那样自定义栏位~那就牛逼了。呵呵
opera+雅黑党飘过
b不好看不好看
新的字体在chrome下看起来怪怪的。。
我喜欢这个风格~~
LOGO 我觉得还不错的~
为了清爽的字体,我以后还是用opera浏览煎蛋好了~ :D
不错,我打算用丑么再看一遍
坚决支持雅黑。有些人显示的雅黑字体很模糊的事情可以通过修改系统的一些设置达到清晰。我的就显示很清晰,没有模糊感觉。另外,在网页设计网页显示上,雅黑是比传统的宋体先进很多的,详情..http://www.jtkgad.com/blog/post/39.html
PS. Theme Name: Mars
竟然取这个名字···
谷歌浏览器。。。雅黑好模糊。。。
囧 - -
雅黑模糊的同学,改好好设置一下显卡程序了
我还是改回默认字体,大家自行设置吧
太晚进来了~~上面有我的名字也~~~
新改版的煎蛋不见了
支持!。。但是chrome下面句号都是扁的。。。囧
在煎蛋混了两年多一直没有留意
改得不好!原来的黑酷黑酷的,多好
顶部LOGO右边的配图是在是失败。怎么看怎么想山寨版的淘宝之类的网店。
努力超载吧
看看那神经小JJ
需要慢慢适应这个新界面。。。
总觉得怪怪的。。。建议让专业人士点评一下。
另外,谁能告诉我,手机看煎蛋的网址是什么捏?
Firefox+替换宋体+GDI++的再来路过一下…
雅黑不好看的童鞋是不是都没开cleartype?
或者直接上GDI++得了…..
改版的不好看,强烈建议改回去!~
话说,首页那个新鲜发布可不可以改成apple.com那个新闻滚动条呢
哇,好热闹啊,强帖留名!
要满足这么多人的需求实在是不容易,Sein大人和众小编们辛苦了!
其实我觉得新版真的还是挺不错的,大家应该支持下。每个人喜好都不相同,不可能满足每个人的审美观。各位慢慢适应吧…
我也觉得顶头Logo不是很好看,换换吧~
不能没有蛋!
@eric: 好主意~
新版感觉很和谐.
我喜欢新版,字体我讨厌宋体喜欢雅黑;建议还是把煎蛋的荷包蛋留着吧,没了还挺想念的,虽然稍稍和这里的淡雅风格有点冲突,不过和谐中的冲突也是一种趣味嘛~
另外 此文是优衣库的软广告灭?如果是,你们成功了,我现在正在看有没啥衣服可买的:)
@乌鸦: 囧…… 赶紧找他们要广告费去
欧,字体又改回来了,也许是看习惯了,这个舒服一点。
宽屏用户再次呼吁:太窄了!文字都记在中间偏左1/2处!
另外,新模板很漂亮,俺喜欢新的。雅黑也很好。
又一百楼贴即将诞生,再留名
sein大人不如来个logo征集大赛,让大家评选~第一名的采用logo并且发点煎蛋纪念品~~~比如煎蛋T恤或者oioi大叔的靓照~ > <
怀念旧版……
我喜欢新板子,视绝上更加大气。没有以前的那么压抑。
颜色过于偏蛋鸟,来点鲜艳些活力些的
关于部分蛋蛋童稚讨厌雅黑的事情,我想说的是各位先把Windows系统字体显示模式改一下看看效果如何。
桌面右键->属性->外观->效果->字体边缘平滑->清晰。要求更高的去下载一个MS的ClearType Tuning向导式工具。
不管煎蛋改字体,我的Opera、IE、Chrome、Firefox、Safari全都会用CSS或JS改回雅黑显示。灭哈哈哈哈哈哈~
还是喜欢以前那种圆圆的感觉
现在新版面虽然简洁,总觉得有些单调…
我是102楼
LOGO感觉有点糊~~~LOGO这东东最好少做变化,越稳定越好嘛,有利于品牌传播~~~
昨天去个新网吧 看见版面变化了 我还在想 这新网吧是不一样 跟别的地方看的JANDAN都不一样 。。
改版了鸟!回家很就没上 才发现 还以为开错网址了
改得也不咋的嘛
字体的问题,对于不存在,
我老早就把ff的默认字体改为雅黑了。
不过版式方面,似乎没太感觉。
本身都是简约 feel的,反倒是现在的黑灰不如之前的淡绿色?(这个有点不太确定了),来得舒服。
但平常基本上都GoogleReader的,除了留言都很少上来。内容好就好了。
哈哈~~
不注重版式的人飘过~~~
@Marlona: 我的靓照不之前。。。
加宽的煎蛋For Firefox. 正文区域增加了200px, 没有去除广告栏. opera去掉前两行和最后一行就可以用了.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(”http://jandan.net/”) {
/*字体*/
#header ul li,body {
font-family: arial, helvetica, simsun, sans-serif !important; }
/*容器宽度*/
#wrapper {
width: 1025px !important; }
#content {
width: 730px !important; }
/*分割线*/
#body {
background-position: 730px 0 !important;}
/*图片与右侧链接右移*/
div#content div.photos ul a {
margin-right: 30px !important; }
div#content .other .r {
margin-left: 100px !important; }
/*评论区*/
textarea#comment {
width: 680px !important; }
form#commentform input[type="text"] {
width: 170px !important; }
form#commentform label {
margin: 0 4px !important; }
input#submit {
width: 702px !important; }
}
新版好,没啥说的。
改变啊…好像更简洁了
我喜欢这种比较清新的感觉
好看~
既然众口难调,@Marlona 的这个方法就很不错,大家自己选的Logo。
反正是用GReader看,
在乎这些干嘛?。。
留言有电梯了,这样容易错失很多淫民的精辟话语啊
不错。。模板我也喜欢。。
两天没来就改鸟~
猫国人民发来贺电
毫无疑问,这贴子定要上煎蛋09大事记
这个页面在ie6下有问题 css得调整下 呵呵 iPHONE下看不错
是啊, 顶一顶
晕,字体又变回来了,歧视IE用户吗?不过这也无所谓
有个小意见:顶端LOGO中的“jandan.net”字体很难看,不够协调啊
如果能和“煎蛋”两个汉字一样是像素体的风格就好了!
对啊
@乌鸦: 我昨儿在优衣库上翻了一宿
不是好不好看的问题,是习不习惯的问题。
没多大事,过两天大家习惯了自然觉得新版面顺眼多了。
@oioi: 靓照不值钱就发裸照
@oMo: 顶。
模板很好看~!
改的很好,投你一票
忽然发现改版了,第一感觉颜色恨协调,不过第二眼就发现蛋蛋不见了,有点不习惯….不过整体而言,确实比以前河蟹多了….哈哈顶一个
颜色不是灰就白,看着没以前舒服。
希望颜色深一些,眼睛不累。另外标题虽然采用红字,但容然没有以前看着清楚
Logo英文好象字体有点改动,版面改的不错,蛮清新的感觉。
有功夫做一个切换回旧版的功能
很简洁的主题,挺喜欢的,我过来吃煎蛋的,哈哈
几日无上网,就变晒
雅黑在不同浏览器和分辨率的效果下很难满足各人需要的。
其实可以在顶部加个切换是否使用雅黑的按钮就行了,反正也是css的改变
几天没来,感觉改版后的样子,不适合我空味.
外型简单就好~内容才重要嘛 嘻嘻
老长的队伍啊.
蛮好看的
变简单了。适应中。
你说了我才发现改版了
原先那个也挺好的 现在这个也不错
那个煎蛋没变就行啦
我喜欢煎蛋~~~
主题怎么变都行,只要还是煎蛋
变来变去还是煎蛋啊 没成水煮蛋
还是原来的好看!!
oh my f**k.
这套模版哪儿有下呢!支持一下