Enhancement of current website template

Public Clarification Board

• 
  Contest Holder

  • 10 years ago

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

  • 10 years ago
  1. 

     patrickjjs

     • 10 years ago

     Hi Softpick, Please explain this point. Thanks

     • 10 years ago
  2. 
     Contest Holder

     • 10 years ago

     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.

     • 10 years ago
• 
  Contest Holder

  • 10 years ago

  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);

  • 10 years ago
• 
  Contest Holder

  • 10 years ago

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

  • 10 years ago
• 
  Contest Holder

  • 10 years ago

  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

  • 10 years ago
• 
  Contest Holder

  • 10 years ago

  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;
  }

  • 10 years ago
• 
  Contest Holder

  • 10 years ago

  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));

  • 10 years ago

Show more comments