分享下我最近的成果，给我的小站写的介绍

[ming1016]

环保City是一个以精品内容为主的平台，这里你可以找到各种形式的内容，还能够记录和分享生活的千言万语。环保City是一个结合各种社区功能，包括微博，论坛，好友新鲜事还有很多特有的功能。环保City产品的定位其实并不算新颖，简单来说就是基于精品内容的社区。

玩转“首页”
http://www.starming.com/

首页有一些常用网址的导航，最新推荐文章，推荐小组等。

话说“交流”
http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=unionmsg

这里和一半讨论区功能一样，所以没有太多需要说的。如果要发表内容需要注册后才能够发表。

特色“小组”
http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=group

小组希望能够更好的服务于结实同好和沟通的维系，你可以用来经营一个品牌或者组织，也可以建立一个兴趣圈子。只要在搜索框里键入名称即可进入或者创建一个小组。

小组首页列出了环保City推荐的小组，可以点击进入感兴趣的小组，也可以在左侧搜索感兴趣的小组。小组基本的功能和论坛类似，不过在那基础上也添加了一些特色功能。

登录后会有更多功能，包括发日志，好友关注，小组关注，组件添加管理，底部工具条等功能，后面会一一的介绍！

注册登录后会多些功能那是自然会的了。首先注册的会员会在服务器上有记录，那样服务器就能够保留会员的信息，同时也方便了会员保留记录。基于这点出发，我做了很多功能。

[ming1016]

全新“论坛”
http://www.starming.com/index.php?action=plugin&v=wave

虽然google的wave离开了我们，但是他的布局还是值得学习的。这个论坛就学习了他的布局采用了横排三栏，最左边是推荐小组的导航，选择不同的小组查看小组里精彩的内容。中间是小组内容的列表栏，翻页在列表的下方。点击列表内容即可在右栏看到内容，下方可以选择回复。

“个人主页”
http://www.starming.com/

登录后就可以进入到个人主页了。在个人首页里可以完善资料，上传头像，查看关注好友的发的文章和关注小组最新文章。关注好友目前是在他们发的文章标题下有个关注按钮，关注小组是在小组左上角有个“关注小组”的按钮。

“底部工具条”

这个登录后就会一直在下面，目前主要有三个功能，第一个是添加一些小工具，第二个就是可以添加一些经常去的网站的连接，添加后就会一直在工具条上方便点击。第三个和第二个类似，不过是方便记录本站页面的快捷方式。

环保City终究还是一个注重内容的网站，所有的功能也只是围绕其服务而已，希望大家能够在上面发布一些内容，一起完善来完善她，我不胜感激。当然使用时有什么地方觉得不适的和好的需要添加的功能也请告诉我。可以直接发到我的信箱[email protected] 。

[ming1016]

新浪微博：http://t.sina.com.cn/allstarming
twitter是http://www.twitter.com/ming1016
facebook是http://www.facebook.com/daiming
QQ群号：2876441

下面附上一些在豆瓣上发的资源内容：
环保City在豆瓣上的官方小组，欢迎大家加入关注：http://www.douban.com/group/starming/

设计：http://www.douban.com/group/topic/13724213/
大图新闻：http://www.douban.com/group/topic/13910797/
国际图文新闻：http://www.douban.com/group/topic/13751533/
python资源：http://www.douban.com/group/topic/13716762/
php资源：http://www.douban.com/group/topic/13726060/
jquery资源：http://www.douban.com/group/topic/13726079/
javascript资源：http://www.douban.com/group/topic/13726072/
网页设计：http://www.douban.com/group/topic/13700962/
网站开发制作：http://www.douban.com/group/topic/13724269/
插画：http://www.douban.com/group/topic/13724232/

[fsw90628]

不错哦 可是能否解释一下为什么叫环保City呢？

[ming1016]

我的想法很简单，就是觉得在电脑上看的东西比较环保。

[Paranoid]

css未完全看起来相当的凌乱, 至于 网址导航,门户新闻咨询 拖到某个地方或者直接拉黑吧...

首页长度尽量控制下~~~..

貌似啥都想都有......

[ming1016]

俺css功力不深，惭愧，见笑了。上部的那些地址会考虑精简些的。首页长了是体验不好，

[9hills]

lz这个太乱了吧。没有阅读的欲望。。

[ming1016]

你指的是首页还是小组列表？ 这里有个我新做的杂志阅读，仿twitter的样式，你看看这样乱不 http://www.starming.com/index.php?action=plugin&v=wave&tpl=t&nav=s&gid=33784

[Livid]

楼主上传一个头像吧。

[ming1016]

我上传了，不过在回复里没有显示，不知道是不是缓存的原因？

[ming1016]

现在好了

[doufenger]

LZ 杂志的设计排版太乱了

[ming1016]

这个排版是程序自动生成的，有时候好点，有时候乱乱的。用firefox和chrome看起来稍微好点。不过毕竟偷懒了让程序自动去生成，看起来还是没有专业的好啊。

[jacy_hao]

确实没有阅读欲望。。。

[ming1016]

求教修改建议意见。这里有个我在豆瓣上整理的和python有关的文章各位可以看看 http://www.douban.com/group/topic/13716762/

[ming1016]

首页修改了下，去掉了一些网址导航，希望看起来不乱，并且加了点带图片的内容

[ming1016]

我发现为什么看起来乱了，是不是因为用ie6看的缘故，我今天用ie6看右侧内容被移到下面了。首页，小组和杂志都是这样。现在我调了下样式，应该不会出现那样的问题了，

[darkovic]

chromium系表示也很乱，问题恐怕不在浏览器。

提个小建议：贵首页图文混排太可怕了，清除不好的话，宁可不要图！

[disinfeqt]

Oh fuck me.

[Aben]

视觉和前端找人重新做吧。

[lepture]

@ming1016 这里很注重视觉的~~~

[Hlbice]

如果有人告诉我 LZ 的站没用 css ，我也相信的。

[Hlbice]

推荐 LZ 看看这个：理性的设计 最新修订版 西乔 http://www.slideshare.net/xiqiao/ss-5855349

[Paranoid]

其实内容结构化一点,行距调整一下, 区块明显一点. 萌一下背景, 不该出现的东西果断拉黑. 看看还是可以滴.

全文>>还大一号字体, 严重无视这种符号 >> 太丑了~.

[leaf]

不用CSS 确实很环保低碳

[lianghai]

今天看到了 [1]，然后彻底疯了……
楼主啊……在堆积内容之前先把样式做好吧……

[1] http://www.starming.com/index.php?action=plugin&v=wave&tpl=t

[sogood]

我笑死了。。。

[9hills]

@ming1016 lz真的看过自己的网站么，连最简单的一行一个标题都做不到，，图片插的乱七八糟。。。

[alai]

很喜欢这种意识流的作品！相当环保！

[9hills]

直接在网站首页截一个图文混排的部分，这简直就是阅读者的噩梦。。
http://cl.ly/3LMm

[ming1016]

求参考，各位喜欢啥样的风格，劳烦给个地址，自己做的也行。小的学习学习啊

[9hills]

@ming1016 随便哪个网站都行，关键是它总不能乱吧，就说那张图里那个“史上最全”咋回事呢，怎么还立起来了。。。

[ming1016]

这就是自动排版没做好的结果，我用程序先去查找每个帖子里图片大小，然后根据大小生成的，不过这个过程是随机的，列表生成后缓存几个小时，然后在查看时读取的图片又不一样了，板式大小也会每次都不同。如果图片多点还不容易发现排版乱的问题，这首页里没有图片帖子多问题就出来了，因为没有图片就只能显示文字，这个块就对不齐了，不过这个要是花些时间慢慢调应该还是能弄好的。
看这个小组的内容：http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=group&gid=34299
还有这个网页设计小组：http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=group&gid=34461
这两个小组图片内容比较多点

[Orz]

@alai +1

[ming1016]

@9hills 字立起来那个问题解决了，主要是考虑了ie6会导致整个div过宽会换行，我把图片单元格宽设置小了，结果文字部分我没设置定宽，结果就给填过来了。

[ming1016]

我发现我的那种自动排版还是适合纯图片的，我刚才发了很多动漫图片的帖子，效果还不错，大家可以看看。http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=group&gid=574

[hldm723]

界面是差了点，真不如不用css得了。

[Orz]

效果还不错，大家可以看看。

[9hills]

@ming1016 看来真是审美观不同

就拿你那个动漫小组来说吧，图片大的大小的小，怎么会好看呢



lz我说一句你别生气，你这个站是我见过排版最差的，那些自动采集的站并不是没有，别人最少标题做到了一行一个，不会出现一行一会有两个标题，一会又变成一个


给lz一个建议，取消掉所有图片预览，要不你给每个帖子都配一个相同大小的图片预览

[ming1016]

@9hills
你给我提意见我生啥子气呢，我也希望小站能够做的更好，吸引更多人啊。因为上面的讨论，我也发现了很多问题呢。

我起先做小组时也是按照论坛那种列表排的来着，后来我在后台日志里查看一般看了很少有翻页再看下去的，于是我就想办法能不能在列表页做做文章。

后来我看到QQ阅读
http://reader.qq.com
和ipad上的flipboard
http://www.flipboard.com
那种自动排版很炫，我就学着做来着，不过有很多地方还是有难点的，所以我的这种自动排版做的很半吊子，不过我接着会参考他们的样式，然后考虑考虑怎么能够做得排得整齐些。

[disinfeqt]

哈哈，笑死我了。
楼主有想法是好的，做不出想要的效果大家可以帮你实现。

我帮你列一下 list：
1. 把单篇文章的样式一定做好看；
2. 限定宽度，把图片的 min-width 和 max-width 研究好，同时还有文字的 wrap；
3. 用这个 http://desandro.com/resources/jquery-masonry/ 帮你自动排版；
4. 别再抄 New Twitter 的样式了。

[9hills]

@ming1016 qq阅读确实不错，但你看别人的排版，都比较整齐，有自己的一套方法来做

在没有琢磨出来之前，建议还是用大众的那种排版比较好，等什么时候成熟了，再推出新的界面

[alai]

我觉得楼主能成！

[farley]

我晕 前几天碰巧看到你的网站 还加了人人好友呢

[ming1016]

谢谢 disinfeqt 提供的修改方法，我回头研究研究。9hills 我就是打算做的有自己特色些的。 感谢alai的支持。 farley你的renren用户名是啥？

[ming1016]

修改了首页样式了，再看看如何
小组列表样式目前还有些缓存，会慢慢更新了

[ming1016]

对登录进行了些完善，给几个小组添加了好记的地址，多提意见吧

以前用过登录和注册的朋友一定觉得有些地方很别扭。现在我们做了些改善，每篇文章下面添加了登录注册连接，登录和注册采用了单独页面，登录或注册过程完成后返回之前访问页面，登录保存时间加长，关闭浏览器再打开也不用重新登录。
登录会员有啥能做的可以参考这个文章：http://www.starming.com/g.php?u=34602_1000000622

小组目前最火的是“设计”，“插画”和“漫画”，为了让同学们能够更加方便访问，我给他们分别设置了好记的地址
http://www.starming.com/comic/
http://www.starming.com/cg/
http://www.starming.com/design/

[ming1016]

随着环保City资源的增多，大家一定希望能够给这些资源资料进行分类，每个人心中都有个自己的分类原则，现在开始使用收藏分类功能将觉得好的值得保存的资料整理起来吧。

http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=module&m=myfav

收藏功能使用起来非常简单，首先是要登录了，登录后左上角点“我的收藏”就能查看自己的收藏了，刚进去时啥都没有，需要点最上面那个最大的按钮添加收藏分类，添加好后，选择分类，把常用的网站都录进去吧。

当然最方便的是收藏本站的内容了，在小组的文章页里，右上角会有收藏的按钮，选择好分类来进行分类整理吧。这样，以后不用到处去找资源了，会节省很多时间哦。