一个简陋的技术类站点导航 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Hackathon
V2EX    分享创造

一个简陋的技术类站点导航

  •  
  •   Hackathon 2013-08-31 18:40:36 +08:00 6045 次点击
    这是一个创建于 4449 天前的主题,其中的信息可能已经有所发展或是发生改变。
    拙作: http://121.199.46.162/itgps/index_scroll

    都说界面很丑,也确实很丑,还没域名...
    这个...唉...能用bootstrap写出这么丑的界面也不容易...


    如果是老手,知道很多技术类站点,或许还是有些站点是不知道的;
    如果是新手,可以快速的从中找到很有帮助的站点;

    这是自己想的,想听听大家的想法


    诚邀大家围观吐槽
    诚邀大家贡献网站
    第 1 条附言    2013-09-30 14:36:09 +08:00
    URL更新了一下: http://121.199.46.162:8080/itgps
    第 2 条附言    2014-07-01 16:09:55 +08:00
    最近搞了个域名, 估计访问还是不够快, http://tt4it.com/
    40 条回复    2014-07-03 13:45:03 +08:00
    RelativeLayout
        1
    RelativeLayout  
       2013-08-31 18:54:27 +08:00
    确实挺丑的,背景还有一句很00后的话... 不过加油~

    喔,还有

    说好的技术网站呢?
    Hackathon
        2
    Hackathon  
    OP
       2013-08-31 18:59:01 +08:00
    @RelativeLayout 左上角,点了之后可以出来导航,再试试看, 是不是隐藏起来太不容易找到了啊
    Hackathon
        3
    Hackathon  
    OP
       2013-08-31 19:00:05 +08:00
    @RelativeLayout 背景那个, 是每天都会变得, 以后争取搞点漂亮的图片
    momo5269
        4
    momo5269  
       2013-08-31 19:02:33 +08:00
    确实挺丑的 背景不是很好看...不过加油。我觉得半透明不如材质化,色块分布的很难看,字体和间距也不是很舒服撒
    momo5269
        5
    momo5269  
       2013-08-31 19:03:36 +08:00
    我现在用的便携Opera 12.16浏览 卡卡的 感觉这样有违导航啊
    scusjs
        6
    scusjs  
       2013-08-31 19:14:37 +08:00
    http://121.199.46.162/itgps/MetroVersion/index_metro.jsp
    还是这样好看
    Mcatt
        7
    Mcatt  
       2013-08-31 21:11:57 +08:00
    花擦,bootstrap框架怎么会写成这个样子?为什么不参考一下官网的一些小demo?
    shoumu
        8
    shoumu  
       2013-08-31 22:29:47 +08:00
    能不能把背景上的那句话去掉了,我觉得好影响阅读
    Hackathon
        9
    Hackathon  
    OP
       2013-09-01 00:55:15 +08:00
    @shoumu 把今天的换成了纯颜色的, 接下来一周的背景图, 也是有颜色的, 可以修改系统时间看下, 是不是也很影响阅读;
    Hackathon
        10
    Hackathon  
    OP
       2013-09-01 00:59:45 +08:00
    @Mcatt 惭愧惭愧, 写着写着就成这样啦,
    Hackathon
        11
    Hackathon  
    OP
       2013-09-01 01:01:31 +08:00
    @momo5269 图片的透明效果去掉了, 色块、字体、间距, 稍后找高手帮忙看看
    Hackathon
        12
    Hackathon  
    OP
       2013-09-01 01:07:01 +08:00
    @scusjs 这个完全是照搬的 http://www.win8dh.com/, 后续努力把界面调整的好看点
    momo5269
        13
    momo5269  
       2013-09-01 01:24:21 +08:00
    @Hackathon 其实说透明不好 主要还是背景导致的 而且整体透明有点模糊感
    yipianfengyeqing
        14
    yipianfengyeqing  
       2013-09-01 02:21:07 +08:00
    凑合
    JoyNeop
        15
    JoyNeop  
       2013-09-30 14:54:39 +08:00 via iPad
    。。。。。。。。。。。。。。。。。。。。
    lzt163
        16
    lzt163  
       2013-09-30 15:03:01 +08:00
    哭死 求别加端口 公司禁端口 看不了
    liangdi
        17
    liangdi  
       2013-09-30 15:15:36 +08:00
    @lz 留个妹儿呗
    luo123qiu
        18
    luo123qiu  
       2014-07-01 16:16:23 +08:00
    实在是。。。。不忍直视。
    ScotGu
        19
    ScotGu  
       2014-07-01 16:39:13 +08:00
    是我已经进入新的次元了? 怎么这个主题下的每一个连接都打不开~~
    wanjun
        20
    wanjun  
       2014-07-01 17:23:14 +08:00
    不爽
    ykennyy
        21
    ykennyy  
       2014-07-01 17:33:03 +08:00
    能做得那么丑确实要有一定的能力
    muziyue
        22
    muziyue  
       2014-07-01 17:38:13 +08:00
    说真的!乍一看还行,仔细看两眼就会觉得太丑了,尤其是图标

    而且面包屑导航默认是隐藏的有点不方便 想返回的话还要点下加号

    还有为什么不把左边导航的东西直接显示到中间呢?

    那个左边的菜单可以改成 刷新后保持之前的状态 现在一跳转还要重新打开
    beingbin
        23
    beingbin  
       2014-07-01 17:49:16 +08:00   1
    是不好看,楼主是打算长期做下去还是三分钟热度呢XD
    sdcg1994
        24
    sdcg1994  
       2014-07-01 17:58:41 +08:00
    主页看不见妹子的脸o(□)o
    Hackathon
        25
    Hackathon  
    OP
       2014-07-01 21:24:05 +08:00
    @beingbin 长期做下去啊, 有空就写点, 做了很久了, 一直做不出来好看的效果,
    Hackathon
        26
    Hackathon  
    OP
       2014-07-01 21:28:02 +08:00
    @sdcg1994 背景图每ip每天换一个, 哈哈
    xiaoai
        27
    xiaoai  
       2014-07-01 21:39:39 +08:00
    左上红色小圆点怎么做出来的,另外,导航页面那么多层真的好么
    Hackathon
        28
    Hackathon  
    OP
       2014-07-01 21:45:09 +08:00
    @muziyue 图标各种颜色都有, 确实不好看, 想着自己把所有的图标全都处理一下, 这样就不会五颜六色了, 大工程啊。

    看jing.fm的时候, 看它的menu特效, 就选了sidr做成了这样, 其实还做了个ctrl+ctrl打开菜单。

    左侧导航直接用的sidr, 没处理

    刷新后保持原来的状态, 这个建议不错, 谢谢, 后续加上这个效果, 吼吼
    Hackathon
        29
    Hackathon  
    OP
       2014-07-01 21:46:18 +08:00
    @ykennyy 哈哈, 比较业余, 吼吼
    Hackathon
        30
    Hackathon  
    OP
       2014-07-01 21:47:15 +08:00
    @wanjun 知道不好看, 您也可以直接吐槽的啊
    Hackathon
        31
    Hackathon  
    OP
       2014-07-01 21:47:59 +08:00
    @ScotGu 先前的ip确实打不开, 今天新加的也打不开?
    Hackathon
        32
    Hackathon  
    OP
       2014-07-01 21:49:16 +08:00
    @luo123qiu 确实不好看, 后续的打算就是支持自定义CSS, 主题样式选择
    Hackathon
        33
    Hackathon  
    OP
       2014-07-01 21:56:07 +08:00
    @xiaoai 小红点怎么做出来的是指? 旋转是直接用了别人写的js, 我觉着每个人需要的导航就是自己收藏的和自定义的那些, 其他那么多导航, 完全是自己查找网站时要用的, 平时也用不到
    beingbin
        34
    beingbin  
       2014-07-01 22:00:17 +08:00
    @Hackathon 如果是长期做下去的话,博主需要美工不?我也很希望做一个类似的东西出来~~XD
    xiaoai
        35
    xiaoai  
       2014-07-01 22:23:13 +08:00
    @Hackathon 左上角点一下左侧导航栏出现的那个小加号
    Hackathon
        36
    Hackathon  
    OP
       2014-07-01 22:35:57 +08:00   1
    @xiaoai 就是一张图片, 点击之后旋转一下, F12看看就明白了, 里面用了别人写的menu.js, 除了这个, 功能js里面也有一个外国朋友写的, 类似的, 效果也很赞
    Hackathon
        37
    Hackathon  
    OP
       2014-07-01 22:38:49 +08:00
    @beingbin 很需要啊啊啊啊啊, 已经被好多人说不好看了, 可以加Q聊吗? 289264032, 先睡了, 明天聊, 希望可以一起搞起
    Hackathon
        38
    Hackathon  
    OP
       2014-07-02 09:14:35 +08:00
    @xiaoai http://tt4it.com/resources/discuss/229/ 就是这个, 同时, 你还可以看下http://jing.fm/ 的那个效果
    rockagen
        39
    rockagen  
       2014-07-02 09:54:29 +08:00
    我看到了大波.
    Admstor
        40
    Admstor  
       2014-07-03 13:45:03 +08:00
    丑cry...那个win8导航其实是个现成的,自己添加url和图片即可了...非常简单易用..你可以不用自己写...
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1298 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 17:12 PVG 01:12 LAX 09:12 JFK 12:12
    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