Article Introduction: HTML+CSS Web Page Production Example: the creation of the upper left corner of the effect of the scroll page.
English original http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/
In this article we will describe how to make the paper effect in the upper-left corner of the system.
I want to let me a few words with a roll angle folding effect o
The website page uses the color block "splicing" the effect, from the white to the ash and then to the green. White and gray are neutral colors, so the green in the page is naturally the most eye-catching part, such collocation also makes the picture more rich movement sense.
Emotions
The green in this case belongs to the lighter olive, the overall use of the effect of micro-gradient. The use of color to make the overall appearance o
frontpage| Web page
Now it seems that the whole world is beating on the Internet, but you missed the opportunity. Everyone has their own web page, from two-year-old little cousin to more than 80-year-old aunt all have, and you do not. You want to wake up immediately, sniff the smell of UNIX, and build your own homepage. But how to build it? You pluck up the courage to learn HTML, and frankly, you learn conf
In fact, Divcss is a very simple layout, even simpler than any programming language (although it is not a programming language).
DIVCSS is currently the hottest way to make Web pages, but for fully handwritten code, many web designers are looking to halt. In fact, Divcss is a very simple layout, even simpler than any programming language (although it is not a pro
statistics can be seen in the site's traffic has dropped, so once found that the site traffic to reduce a lot of the situation to check whether the problem is the domain name or Web site space problems caused the site can not access, this situation affects the number More importantly, it directly affects the friendliness of the search engine to your rankings.
The author in other articles wrote the content of the site decided to be included in the nu
1, flexible use of style
Familiar with web design users know that the way to call style a lot, we can click the right mouse button to select Custon style to invoke the style standard, you can also click on the status bar in the list of elements on the right button to invoke style. Although different methods achieve the same effect, the resulting HTML code is completely different. For example, using the Custon style to invoke the style standard, in th
.
(5) After the operation, basically completed the rolling bulletin board production. When you perform the file/preview in browser/IE browser command in Dreamweaver or click the F12 key on the keyboard to preview the page, an unhealthy display may occur because the unit in the code generated by Scrollablearea does not have the layer position set. This problem can be solved by performing the operations shown in Figure 56-5 and figure 56-6.
When using Dreamweaver to make Web pages about the content of documents, if it is written in English, paragraphs are generally not indented (do not support half-width spaces); If indentation is required, it often needs to be resolved in the following ways:
1, artificial add two Chinese full-width space, can show the position indent effect.
2, insert point diagram or graphic
A point diagram is one or more
Pure JS code to make the Web clock special effects, need the code farmers can take a look. For everyone to make a reference.
Above this pure JS code to make the Web clock special effects "attached example" is a small series to share all the content, hope to give y
dreamweaver| Skills | Web page
Clever use of DW for Web page making skills-familiar with web design users know, call style a lot of ways, we can click the right mouse button to select Custon style to invoke the style standard, you can also in the status bar in the list of elements on the right button to invoke style. Although different methods achieve the same ef
) Set up the "advanced" label. Set the delay time for the menu in the Advanced tab option and whether to display a menu border. Then set the width, color, shadow, and highlight of the border, as shown in Figure 17-6.
Note: The unit of time in "menu delay" is milliseconds (ms), 1000 milliseconds equals 1 seconds, and the conversion is noted when setting.
(5) Set the x-axis and y-axis parameters. Set the x-axis and y-axis parameters of the pop-up menu in the Location tab option, whic
Web|web Standard | menu
Fireworks8 do drop-down menu function than the previous version has a large degree of enhancement, and began to be compatible with the Web standards, the code also reduced a lot, JS from the original 30 K to the present 2K, accessibility: IE, Firefox, Opera.
1. Create a new file, make a few but
css| Web Page This article was originally my own translation of learning materials, I think this method is good, so share with you.
With the help of the husband to learn the Web standards just half a month, some places may not be very accurate translation, if there are objections, please put forward, I will immediately amend.
-------------------------------------------------------
Author:Alan Pearce
Orig
css| Web page
Do you want to prepare the CSS file first or write the HTML file first? There are many answers on the Web: write HTML before writing CSS, write css and write html;My rule is to write HTML first to lay a good foundation, and then write the CSS performance control!
For beginners I suggest writing the two together, writing CSS first or writing HTML first is not an appropriate way for beginners.
I
Nprogress.js is a very fine nano-scale progress bar, with the reality of the thin line of animation to allow users to see what is happening on the page!
You may have seen the Red laser pulse on Youtube and it will appear when you switch pages. In fact, many mobile browser's progress bar is this style, but the implementation on the Web page is rare. However, with nprogress this jQuery plugin, you can also easily achieve!
Nprogress.js a slender progre
dreamweaver| Web page
Insert a table in Dreamweaver, and if you set its border (Border) to 1, its border line is thicker when you preview it. How do you quickly create thin-line tables for web makers who are unfamiliar with HTML language? Now, let me introduce you to a little trick--making thin-line tables with background colors and spacing.
For example, make a t
I. 10 Experiences
1. Do not rely on register_global=on environment, from you just know how to configure PHP to run the environment not even understand Register_global On/off will have any impact on their own day, you should be brave to set it off.
2. See how to use error_reporting before writing a program.
3. It's right to ask if you don't know, but you need to check the manual before that.
4. Of course, you need to know how to use the manual. When the manual does not find the answer, you sh
css| Beginners | Web page
Many of the people I contacted asked how to learn Web standards to make Web pages. I think everyone who has just contacted the Web standards will ask such questions, and I will summarize them according to my own experience.
1. Do not blindly use the
type. Now, if you clearly remember the HTML 4 or XHTML 1.x document type, you are a more mischievous ghost than we are. Whenever we create a new page, we have to open an old file, cut and paste the document type definition.
It's really painful and that's why we like the new HTML 5 document type. Are you ready for this? He showed up:
It's not too hard to remember. Simple and easy to understand. is case-insensitive.
The idea is to stop HTML versioning and
css| Web page
In the use of the table, we found that the center is very easy, but in the CSS how to center the page? Use CSS, set the div align=center as invalid, how to make the page center, in the process of using CSS found, centered with the body of the property, to see
Body {Text-align:center;}#container {margin:0 Auto;wdith:760px;Text-align:left;}
Use Center in text-text alignment of the Body propert
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.