### BlogCN Welcome Page Code (2nd Generation)
Since the previous BLOGCN welcome page code was not widely used, Dazhi reflected on it and realized that the work should not be done hastily. It should strive for perfection. Today, I will introduce Dazhi's latest product, which addresses the shortcomings of the previous version and provides more optional styles, making the welcome page code friendlier and more flexible.
#### Code Example:
```html
#Wellcome_Table {
background-image: url('http://file.dzxrzj.blog.shinobi.jp/stars.jpg');
}
#Wellcome_InnerTable {
background-color: #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
left: 110px;
top: 20px;
width: 200px;
height: 200px;
}
#Wellcome_Enter { color: #00FF00; }
Wellcome_OnlyIndex = false;
Wellcome_ShowText = true;
CodeFrom = 'This code is originally created by Dazhi, please do not reproduce. Dazhi Blog: http://dzxrzj.blog.shinobi.jp/';
Wellcome_Mytext = 'The corridor light is off, the schoolbag is placed, walking to the window outside the room, recalling the book just bought, a book named "Peninsula Iron Box", placed neatly beside the bed.....';
```
#### Running Result:
[http://file.dzxrzj.blog.shinobi.jp/indexwellcome.js.html](http://file.dzxrzj.blog.shinobi.jp/indexwellcome.js.html)
---
### Syntax Explanation:
1) **Style Section** - Code written between `` and ``:
```html
#Wellcome_Table: The entire welcome interface
{
Suggested usage:
background-image: url('background image URL'); /* Defines the background image */
background-color: color value; /* Defines the background color */
etc.
}
#Wellcome_InnerTable: Subtitle typing effect small window
{
Suggested usage:
background-image: url('background image URL'); /* Defines the background image */
background-color: color value; /* Defines the background color */
left: integer; /* Defines X coordinate */
top: integer; /* Defines Y coordinate */
width: integer; /* Defines width */
height: integer; /* Defines height */
color: color value; /* Defines text color */
font-family: font name; /* Defines font */
font-size: font unit; /* Defines text size */
etc.
}
#Wellcome_Enter: Blog entry button
{
Suggested usage:
color: color value; /* Defines text color */
background-color: color value; /* Defines background color */
etc.
}
#Wellcome_Typing: Cursor for subtitles
{
Suggested modification:
color: color value; /* Defines cursor color */
Other modifications are not recommended.
}
```
If the above code is unclear, please refer to the CSS tutorial: [http://dzxrzj.googlegroups.com/web/css.rar](http://dzxrzj.googlegroups.com/web/css.rar)
2) **Welcome Page Variables** - Code written between `` and ``, before the function file introduced in 3):
```html
Wellcome_Mytext = 'Text'; /* Defines subtitle text */
Wellcome_ShowText = true or false; /* Choose whether to display subtitles (true=yes, false=no) */
Wellcome_OnlyIndex = true or false; /* Choose whether the interface is displayed only on the home page (true=yes, false=no) */
CodeFrom = 'This code is originally created by Dazhi, please do not reproduce. Dazhi Blog: http://dzxrzj.blog.shinobi.jp/';
/* Dazhi copyright must be included */
```
3) **Code Function File**:
```html
```
- **Main Body of Code**: This cannot be omitted.
4) **Advanced Application** - This part is written after the code function file in 3) (Theoretically feasible, but Dazhi hasn't debugged it, so it is not recommended for beginners to use):
```html
document.all.Wellcome_Enter.innerHtml = 'Text or image code'; // (Appearance of the blog entry button)
document.all.Wellcome_Typing.innerHtml = 'Text or image code'; // (Appearance of the subtitle cursor)
function enterBlog() { // (Override the event when clicking the button)
document.all.Wellcome_Table.style.display = 'none';
document.all.Wellcome_InnerTable.style.display = 'none';
document.body.style.overflow = 'auto';
// Custom code snippet
}
```
This concludes the introduction to the second-generation BlogCN welcome page code.