分享下我最近的成果,给我的小站写的介绍 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ming1016
V2EX    分享发现

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

  •  
  •   ming1016 2010-11-20 01:42:36 +08:00 7487 次点击
    这是一个创建于 5451 天前的主题,其中的信息可能已经有所发展或是发生改变。
    环保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推荐的小组,可以点击进入感兴趣的小组,也可以在左侧搜索感兴趣的小组。小组基本的功能和论坛类似,不过在那基础上也添加了一些特色功能。

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

    注册登录后会多些功能那是自然会的了。首先注册的会员会在服务器上有记录,那样服务器就能够保留会员的信息,同时也方便了会员保留记录。基于这点出发,我做了很多功能。
    48 条回复    1970-01-01 08:00:00 +08:00
    ming1016
        1
    ming1016  
    OP
       2010-11-20 01:42:57 +08:00
    全新“论坛”
    http://www.starming.com/index.php?action=plugin&v=wave

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

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

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

    “底部工具条”

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

    环保City终究还是一个注重内容的网站,所有的功能也只是围绕其服务而已,希望大家能够在上面发布一些内容,一起完善来完善她,我不胜感激。当然使用时有什么地方觉得不适的和好的需要添加的功能也请告诉我。可以直接发到我的信箱[email protected]
    ming1016
        2
    ming1016  
    OP
       2010-11-20 01:43:49 +08:00
    fsw90628
        3
    fsw90628  
       2010-11-20 01:52:55 +08:00 via Android
    不错哦 可是能否解释一下为什么叫环保City呢?
    ming106
        4
    ming1016  
    OP
       2010-11-20 01:57:34 +08:00
    我的想法很简单,就是觉得在电脑上看的东西比较环保。
    Paranoid
        5
    Paranoid  
       2010-11-20 02:05:43 +08:00
    css未完全看起来相当的凌乱, 至于 网址导航,门户新闻咨询 拖到某个地方或者直接拉黑吧...

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

    貌似啥都想都有......
    ming1016
        6
    ming1016  
    OP
       2010-11-20 02:11:35 +08:00
    俺css功力不深,惭愧,见笑了。上部的那些地址会考虑精简些的。首页长了是体验不好,
    9hills
        7
    9hills  
       2010-11-20 02:33:45 +08:00
    lz这个太乱了吧。没有阅读的欲望。。
    ming1016
        8
    ming1016  
    OP
       2010-11-20 02:45:20 +08:00
    你指的是首页还是小组列表? 这里有个我新做的杂志阅读,仿twitter的样式,你看看这样乱不 http://www.starming.com/index.php?action=plugin&v=wave&tpl=t&nav=s&gid=33784
    Livid
        9
    Livid  
    MOD
    PRO
       2010-11-20 02:46:32 +08:00
    楼主上传一个头像吧。
    ming1016
        10
    ming1016  
    OP
       2010-11-20 02:49:41 +08:00
    我上传了,不过在回复里没有显示,不知道是不是缓存的原因?
    ming1016
        11
    ming1016  
    OP
       2010-11-20 02:49:58 +08:00
    现在好了
    doufenger
        12
    doufenger  
       2010-11-20 10:09:28 +08:00
    LZ 杂志的设计排版太乱了
    ming1016
        13
    ming1016  
    OP
       2010-11-20 14:15:54 +08:00
    这个排版是程序自动生成的,有时候好点,有时候乱乱的。用firefox和chrome看起来稍微好点。不过毕竟偷懒了让程序自动去生成,看起来还是没有专业的好啊。
    sjIwBjkW8fgByvSO
        14
    sjIwBjkW8fgByvSO  
       2010-11-20 14:18:05 +08:00
    确实没有阅读欲望。。。
    ming1016
        15
    ming1016  
    OP
       2010-11-20 14:32:11 +08:00
    求教修改建议意见。这里有个我在豆瓣上整理的和python有关的文章各位可以看看 http://www.douban.com/group/topic/13716762/
    ming1016
        16
    ming1016  
    OP
       2010-11-20 22:35:40 +08:00
    首页修改了下,去掉了一些网址导航,希望看起来不乱,并且加了点带图片的内容
    ming1016
        17
    ming1016  
    OP
       2010-11-22 17:47:28 +08:00
    我发现为什么看起来乱了,是不是因为用ie6看的缘故,我今天用ie6看右侧内容被移到下面了。首页,小组和杂志都是这样。现在我调了下样式,应该不会出现那样的问题了,
    darkovic
        18
    darkovic  
       2010-11-22 17:52:33 +08:00
    chromium系表示也很乱,问题恐怕不在浏览器。

    提个小建议:贵首页图文混排太可怕了,清除不好的话,宁可不要图!
    disinfeqt
        19
    disinfeqt  
       2010-11-22 17:58:38 +08:00
    Oh fuck me.
    Aben
        20
    Aben  
       2010-11-22 18:06:53 +08:00
    视觉和前端找人重新做吧。
    lepture
        21
    lepture  
       2010-11-22 18:13:52 +08:00
    @ming1016 这里很注重视觉的~~~
    Hlbice
        22
    Hlbice  
       2010-11-22 18:31:25 +08:00
    如果有人告诉我 LZ 的站没用 css ,我也相信的。
    Hlbice
        23
    Hlbice  
       2010-11-22 18:32:38 +08:00
    推荐 LZ 看看这个:理性的设计 最新修订版 西乔 http://www.slideshare.net/xiqiao/ss-5855349
    Paranoid
        24
    Paranoid  
       2010-11-22 19:21:14 +08:00
    其实内容结构化一点,行距调整一下, 区块明显一点. 萌一下背景, 不该出现的东西果断拉黑. 看看还是可以滴.

    全文>>还大一号字体, 严重无视这种符号 >> 太丑了~.
    leaf
        25
    leaf  
       2010-11-22 19:29:45 +08:00
    不用CSS 确实很环保低碳
    lianghai
        26
    lianghai  
       2010-11-22 20:41:41 +08:00
    今天看到了 [1],然后彻底疯了……
    楼主啊……在堆积内容之前先把样式做好吧……

    [1] http://www.starming.com/index.php?action=plugin&v=wave&tpl=t
    sogood
        27
    sogood  
       2010-11-22 21:55:00 +08:00
    我笑死了。。。
    9hills
        28
    9hills  
       2010-11-22 22:29:11 +08:00
    @ming1016 lz真的看过自己的网站么,连最简单的一行一个标题都做不到,,图片插的乱七八糟。。。
    alai
        29
    alai  
       2010-11-22 22:31:50 +08:00
    很喜欢这种意识流的作品!相当环保!
    9hills
        30
    9hills  
       2010-11-22 22:35:21 +08:00
    直接在网站首页截一个图文混排的部分,这简直就是阅读者的噩梦。。
    http://cl.ly/3LMm
    ming1016
        31
    ming1016  
    OP
       2010-11-22 22:36:34 +08:00
    求参考,各位喜欢啥样的风格,劳烦给个地址,自己做的也行。小的学习学习啊
    9hills
        32
    9hills  
       2010-11-22 22:43:58 +08:00
    @ming1016 随便哪个网站都行,关键是它总不能乱吧,就说那张图里那个“史上最全”咋回事呢,怎么还立起来了。。。
    ming1016
        33
    ming1016  
    OP
       2010-11-22 23:02:00 +08:00
    这就是自动排版没做好的结果,我用程序先去查找每个帖子里图片大小,然后根据大小生成的,不过这个过程是随机的,列表生成后缓存几个小时,然后在查看时读取的图片又不一样了,板式大小也会每次都不同。如果图片多点还不容易发现排版乱的问题,这首页里没有图片帖子多问题就出来了,因为没有图片就只能显示文字,这个块就对不齐了,不过这个要是花些时间慢慢调应该还是能弄好的。
    看这个小组的内容: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
        34
    Orz  
       2010-11-22 23:20:48 +08:00
    @alai +1
    ming1016
        35
    ming1016  
    OP
       2010-11-22 23:24:08 +08:00
    @9hills 字立起来那个问题解决了,主要是考虑了ie6会导致整个div过宽会换行,我把图片单元格宽设置小了,结果文字部分我没设置定宽,结果就给填过来了。
    ming1016
        36
    ming1016  
    OP
       2010-11-23 10:04:41 +08:00
    我发现我的那种自动排版还是适合纯图片的,我刚才发了很多动漫图片的帖子,效果还不错,大家可以看看。http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=group&gid=574
    hldm723
        37
    hldm723  
       2010-11-23 14:58:14 +08:00
    界面是差了点,真不如不用css得了。
    Orz
        38
    Orz  
       2010-11-23 15:01:54 +08:00
    效果还不错,大家可以看看。
    9hills
        39
    9hills  
       2010-11-23 15:20:31 +08:00
    @ming1016 看来真是审美观不同

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



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


    给lz一个建议,取消掉所有图片预览,要不你给每个帖子都配一个相同大小的图片预览
    ming1016
        40
    ming1016  
    OP
       2010-11-23 16:27:43 +08:00
    @9hills
    你给我提意见我生啥子气呢,我也希望小站能够做的更好,吸引更多人啊。因为上面的讨论,我也发现了很多问题呢。

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

    后来我看到QQ阅读
    http://reader.qq.com
    和ipad上的flipboard
    http://www.flipboard.com
    那种自动排版很炫,我就学着做来着,不过有很多地方还是有难点的,所以我的这种自动排版做的很半吊子,不过我接着会参考他们的样式,然后考虑考虑怎么能够做得排得整齐些。
    disinfeqt
        41
    disinfeqt  
       2010-11-23 17:14:23 +08:00
    哈哈,笑死我了。
    楼主有想法是好的,做不出想要的效果大家可以帮你实现。

    我帮你列一下 list:
    1. 把单篇文章的样式一定做好看;
    2. 限定宽度,把图片的 min-width 和 max-width 研究好,同时还有文字的 wrap;
    3. 用这个 http://desandro.com/resources/jquery-masonry/ 帮你自动排版;
    4. 别再抄 New Twitter 的样式了。
    9hills
        42
    9hills  
       2010-11-23 17:15:24 +08:00
    @ming1016 qq阅读确实不错,但你看别人的排版,都比较整齐,有自己的一套方法来做

    在没有琢磨出来之前,建议还是用大众的那种排版比较好,等什么时候成熟了,再推出新的界面
    alai
        43
    alai  
       2010-11-23 18:18:03 +08:00 via iPad
    我觉得楼主能成!
    farley
        44
    farley  
       2010-11-23 19:34:30 +08:00
    我晕 前几天碰巧看到你的网站 还加了人人好友呢
    ming1016
        45
    ming1016  
    OP
       2010-11-24 22:51:54 +08:00
    谢谢 disinfeqt 提供的修改方法,我回头研究研究。9hills 我就是打算做的有自己特色些的。 感谢alai的支持。 farley你的renren用户名是啥?
    ming1016
        46
    ming1016  
    OP
       2010-12-01 10:07:18 +08:00
    修改了首页样式了,再看看如何
    小组列表样式目前还有些缓存,会慢慢更新了
    ming1016
        47
    ming1016  
    OP
       2010-12-11 00:49:36 +08:00
    对登录进行了些完善,给几个小组添加了好记的地址,多提意见吧

    以前用过登录和注册的朋友一定觉得有些地方很别扭。现在我们做了些改善,每篇文章下面添加了登录注册连接,登录和注册采用了单独页面,登录或注册过程完成后返回之前访问页面,登录保存时间加长,关闭浏览器再打开也不用重新登录。
    登录会员有啥能做的可以参考这个文章: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
        48
    ming1016  
    OP
       2010-12-24 12:08:15 +08:00
    随着环保City资源的增多,大家一定希望能够给这些资源资料进行分类,每个人心中都有个自己的分类原则,现在开始使用收藏分类功能将觉得好的值得保存的资料整理起来吧。

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

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

    当然最方便的是收藏本站的内容了,在小组的文章页里,右上角会有收藏的按钮,选择好分类来进行分类整理吧。这样,以后不用到处去找资源了,会节省很多时间哦。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3325 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 04:40 PVG 12:40 LAX 21:40 JFK 00:40
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86