Results 1 to 3 of 3

Thread: Webpage Tips & Tricks

  1. #1
    Like the title says, posting here some helpful tips, tricks, scripts that will help new webdesigners or some advanced one's to look back as a reference.
    Sorry, I wont be posting simple codes for writing html tags or anything but more useful things that come in handy while designing or rebuilding your websites.

    First of all several times the question is asked what program to use then here are my fav. choices:

    Microsoft Frontpage (WYIWYG) (Not bad)
    Macromedia Dreamweaver MX (WYIWYG) (Excellent)
    Notepad (for advanced)
    Please visit WYSIWYG Shootout for comparisons.
    There are other but these are good enough to get you started.

    Coming back:

    To all webdesigners (Professionals & advanced)

    Please feel free to add your own if they are helpful. Addition of some helpful unique things instead of simple scrollbar/banner/(easily available) scripts would be appreciated more.

    Hope this comes in handy,
    I.am

    --------------------------------------------------
    TIP 1: Disappearing Print Button
    Wouldn't it be nice to be able to put a "print page" button on your webpage without it showing up in the printed out page. Here is a little script that will do just that. The button appears on the webpage, but when the page is printed the button isn't on the printed page. Note: this script will only work with newer browser versions.

    Put this part of the script between the <head> and </head> tags of your webpage.

    &#60;script language="_JavaScript">
    function printPage() {
    if(document.all) {
    document.all.divButtons.style.visibility = &#39;hidden&#39;;
    window.print();
    document.all.divButtons.style.visibility = &#39;visible&#39;;
    } else {
    document.getElementById(&#39;divButtons&#39.style.visibility = &#39;hidden&#39;;
    window.print();
    document.getElementById(&#39;divButtons&#39.style.visibility = &#39;visible&#39;;
    }
    }
    </script>

    This part of the script can be placed anywhere within the body of your webpage where you would like the button to appear.

    <div id="divButtons" name="divButtons">
    <input type="button" value = "Print this page" onfiltered="printPage()" style="font:bold 11px verdana;color:#FF0000;background-color:#FFFFFF;">
    </div>
    ______________________________

    TIP 2: When designing Flash, you have to keep in mind about accessibility issues with user who do not have flash installed. To handle that here is a quick solution to those who are not aware of Flash and Gif - A topic posted a while back about the same thing.

    ____________________________________________

    Few months back I had posted few web-ettiquetes for web development and design. But due to the change of server many posts got deleted and it was one of those.

    Anyhow, I will keep posting any interesting things i come across or remember regarding designing.

    Cheers&#33;
    I.am
    (Sorry got a little long post )
    <span style='color:black'> I am a part of all that I have met - Lord Tennyson</span>
    <span style='color:blue'>Try not to let your mind wander...it is too small and fragile to be out by itself</span>

  2. Internet, Programming and Graphics   -   #2
    2. Easy Rollovers

    &#60;script type="text/javascript">
    function init() {
    if (&#33;document.getElementById) return
    var imgOriginSrc;
    var imgTemp = new Array();
    var imgarr = document.getElementsByTagName(&#39;img&#39;
    for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute(&#39;hsrc&#39) {
    imgTemp[i] = new Image();
    imgTemp[i].src = imgarr[i].getAttribute(&#39;hsrc&#39;
    imgarr[i].onmouseover = function() {
    imgOriginSrc = this.getAttribute(&#39;src&#39;
    this.setAttribute(&#39;src&#39;,this.getAttribute(&#39;hsrc&#39)
    }
    imgarr[i].onmouseout = function() {
    this.setAttribute(&#39;src&#39;,imgOriginSrc)
    }
    }
    }
    }
    onload=init;

    </script>



    [img]normal_state.jpg[/img]

  3. Internet, Programming and Graphics   -   #3
    MediaSlayer's Avatar slowly going deaf
    Join Date
    May 2003
    Location
    ur anus
    Posts
    2,761
    i installed easy html recently now i&#39;m eager to try it out after seeing the suggestions and that link(i can&#39;t tell if its wysiwyg though) i hope it is


    sending fiery missiles in manker's japan's general direction.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •