Freelancer: patrickjjs
Chia sẻ:
Báo cáo bài thi

Updated design 3

Hi, Thanks for your feedback. Here is the updated design. Will upload another variation very soon. we welcome your corrections/feedback/innovations :). Thanks.


                                                                                                            Bài tham dự cuộc thi #                                        10
                                     cho                                         Enhancement of current website template
Bài tham dự #10

Bảng thông báo công khai

  • softpick
    Chủ cuộc thi
    • cách đây 7 năm

    # - before colors were cut because freelancer.com thinks it is reference

    • cách đây 7 năm
    1. patrickjjs
      patrickjjs
      • cách đây 7 năm

      Hi Softpick, Please explain this point. Thanks

      • cách đây 7 năm
    2. softpick
      Chủ cuộc thi
      • cách đây 7 năm

      Read messages from bottom to top. I was unable to put hex color code symbol # is class defenition below, because freelancer.com treats it as references to something.

      • cách đây 7 năm
  • softpick
    Chủ cuộc thi
    • cách đây 7 năm

    Another way is to use as top menu panel tooltip box at http://files.softpicks.net/design/codecanyon-5674921-css-tooltip-with-css3-animation.zip (example with title) but instead of their img URL background use CSS3 like: linear-gradient(to bottom, #8993FF, #4427A0);

    • cách đây 7 năm
  • softpick
    Chủ cuộc thi
    • cách đây 7 năm

    And box-shadow CSS where it's possible Thanks.

    • cách đây 7 năm
  • softpick
    Chủ cuộc thi
    • cách đây 7 năm

    Also I suggest to use buttons from http://files.softpicks.net/design/codecanyon-5566975-3d-buttons-pack.zip but not social. Less info in item blocks (max 2 rows) images are 100x100 - square, here width > height. For category block use Ribbon style 5 from http://files.softpicks.net/design/codecanyon-851059-css3-ribbon-pack.zip and play with colors, grey does not look good may be white with little blue component. You can check these variations here http://www.softpicks.com/software/Audio-Video/Image-Editors/Paint-Shop-Pro-29024.htm

    • cách đây 7 năm
  • softpick
    Chủ cuộc thi
    • cách đây 7 năm

    background-image: -webkit-linear-gradient(top, 77b5ee, 1972c4);
    background-image: -moz-linear-gradient(top, 77b5ee, 1972c4);
    background-image: -ms-linear-gradient(top, 77b5ee, 1972c4);
    background-image: -o-linear-gradient(top, 77b5ee,#1972c4);
    background-image: linear-gradient(top, 77b5ee, 1972c4);
    -pie-background: linear-gradient(top, 77b5ee, 1972c4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    }

    • cách đây 7 năm
  • softpick
    Chủ cuộc thi
    • cách đây 7 năm

    I suggest to use CSS3 block elements instead of ribbons on widgets with style (color and border radius may vary) .wheader{
    padding: 0 15px;
    height: 30px;
    font: bold 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: left;
    color: fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid 1972c4;
    background-color: 1d83e2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(77b5ee), to(1972c4));

    • cách đây 7 năm

Xem thêm bình luận Đang xử lí...