4Elements, Amsterdam, Holland

  1. Protect your images

    There are several ways to low-level protect your images.
    But all who know a bit of html can always look in your source code.

    - one way is using javascript to disable the right mouse function.
    - an other way is to place all your images in a css background-image.

    What I did was combining imgsizer with css background-image, but this case with a layer on top as watermark.

    {exp:imgsizer:size src="{original}" height="xx" quality="85"}

    <img src="watermark.png" "width="xx" height="xx" title="{title}" alt="{title}" style="background-image:url({sized}); width:{width}px; height:{height}px;"/>

    {/exp:imgsizer:size}

     

    1 Comments

    Leave a comment › Posted in: Expression Engine

  • Tracker Pixel for Entry
    1. Rounded corners

      This will work in Safari and FireFox only:

      #box_with_corner {
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-right-style: solid;
      border-bottom-style: solid;
      border-right-color: #999999;
      border-bottom-color: #666666;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;

      }

      And who knows that Microsoft will include CSS3 into IE8. (wishful thinking)

       

      1 Comments

      Leave a comment › Posted in: CSS

  • Tracker Pixel for Entry
    1. Nice img over fix

      We found a nice CSS .img mouse over fix that works in all browsers.

      .img {
      padding:5px;
      border:1px solid #333333;
      background-color: #FFFFFF;
      }
      .img:hover {
      border:1px solid #589FBF;
      }

      Leave away the "." in .img and all your mouse_over images will be handled the same.

       

      0 Comments

      Leave a comment › Posted in: CSS

  • Tracker Pixel for Entry
    1. One week of extra work

      A lot of changes have been made in the last week.
      - Navigation, portfolio is set as last instead as first to show.
      - Textual, rewrite of almost all our text.
      - Images, browser frame has been removed from all portfolio work.
      - Portfolio, the text is now hidden by default.

      And our website is now compatible with the following browsers:

      (Mac and PC)
      Safari: 2, 3, 4
      IE: 6, 7
      Firefox: 2, 3
      Opera: 8, 9, 9.5

      Again, Microsoft IE 6 and 7 took the most time.
      All other browsers worked without any adjustments or style sheet switches....

       

      0 Comments

      Leave a comment › Posted in: Daily

  • Tracker Pixel for Entry