Change IE browser scroll bar with Dreamweaver plugin

Source: Internet
Author: User
Tags add interface version window dreamweaver
dreamweaver| browser to do the Web page, often feel that the Internet Explorer scroll bar and the design of the page is inconsistent, just like a good pot of soup, accidentally dropped the mouse excrement into the same, seriously affected the overall appearance of the Web page. Try to deal with, but not satisfactory, such as using pop-up window, unavoidable cause browsing Click to enlarge the button's trouble, the scroll strip removed, but it does not apply to a screen can not display the page.

Well now, such a problem has been resolved to a certain extent! Annoying Microsoft, doing a lot of monopoly of Microsoft, or from the customer's direction to enhance the functionality of the software, ie browser version 5.5 has allowed people to set style sheets to change the appearance of the scroll bar. Look at the effect .

Now let's take a step-by-step look at how to create this effect:

The principle has been said before, that is IE5.5 above version with style sheet (CSS) to control the function of its swimming bar, as long as the Web page to add CSS code can be completed. Some people hear code headaches, we rest assured that someone has made use of Dreamweaver expansion interface to do a MXP plug-in, we just go to the relevant website can download installation. The only thing we do is choose the color value.

*&^%¥@#, whoa, who threw banana peel?

*&^&$^%&%&$$#, whoa, who hit the rocks?

...

All right, all right, cut the crap, just because the company wants words. I hope everyone is considerate and considerate! Do not want to see directly to the effect of the page, direct copy source code!

Less nonsense, now let me come to the point (Xi Hee, also cut to the chase!!) ), started by installation.

Pull up the plugin manager-manage Extensions, open the method: Command-->manage Extensions

The following diagram of the interface:

Click on the button, in the directory of Plug-ins to select Plug-ins, double-click the file, when the prompt window appears, press OK. Close Dreamweaver and restart once. Press the shortcut key CTRL + F2 to open the toolbox, you can see more than one triangle common icon (shown in the following figure arrow).

Click on the icon, in the pop-up window according to individual needs to set the scroll bar of various color values.

Comments on the diagram above:

1, the color of the surface of the scroll bar

2, the color of the scroll bar high light (opposite to the shadow)

3, the color of the scroll bar shadow

4, Swimming bar 3D (three-dimensional) color

5, the scroll bar up and down button middle triangle color

6, the color of the scroll bar (brother, what do you call it?) The color of the object behind the slider

7. Black shadow color of scroll bar

Or add a picture note from the Foreigner's website?

Press F12 Preview to see that the effect is complete.

Effect One:

Effect Two:

Oh, is not very simple?

Ah!!! ... (Please read the voice of four!) )

(Everybody looks for a look, small weave TNT already lies in the banana pile!) )

Click here to effect page



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.