一个简陋的技术类站点导航 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
Hackathon

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

  •  
  •   Hackathon Aug 31, 2013 6343 views
    This topic created in 4621 days ago, the information mentioned may be changed or developed.
    拙作: http://121.199.46.162/itgps/index_scroll

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


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

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


    诚邀大家围观吐槽
    诚邀大家贡献网站
    Supplement 1    Sep 30, 2013
    URL更新了一下: http://121.199.46.162:8080/itgps
    Supplement 2    Jul 1, 2014
    最近搞了个域名, 估计访问还是不够快, http://tt4it.com/
    40 replies    2014-07-03 13:45:03 +08:00
    RelativeLayout
        1
    RelativeLayout  
       Aug 31, 2013
    确实挺丑的,背景还有一句很00后的话... 不过加油~

    喔,还有

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

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

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

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

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

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

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