Teach you how to create a beautiful Z-Blog webpage

Recently, I made a new website using the Sean_Red topic of Zblog. The theme is very elegant and suitable for small enterprise websites. However, I can see that most webmasters who use this topic, only images that can be modified in logos, AD slides, and other plug-ins are modified, so the homepage of the website looks very similar. In fact, the beautiful homepage is the first element to improve the customer experience. Let's take a look at my decoration achievements: Is it much more chic than the uniform black page that you usually see? In fact, as long as you modify the following nine places, you can change the entire website to a more fashionable and professional one.

 

First, you need to have a preliminary design for your website page. The architecture cannot be changed. You can also change it, but it is too complicated and unnecessary. You only need to modify the nine mentioned above. Next, let's talk about where to modify these eight points:

　1st: background color of the website subtitle and navigation bar

That is, the color of the small BANNER. The color of this place is light gray, but it can be changed or not, because my entire webpage is pink, so it is also changed to light pink.

Download: root directory/THEMES/Sean_Cms/STYLE/Seanloo_Cms.css. In this directory, modify the color at location 1st.

2nd: LOGO

Ftp: Find the root directory/THEMES/Sean_CMS/STYLE/SEAN_IMG/LOGO. GIF. simply replace the logo in the source file.

3rd: border style and text color of website Introduction

Modify the border STYLE directly: root directory/THEMES/Sean_CMS/STYLE/SEAN_IMG/top_middle.gif

Modify the text color: Download the root directory/THEMES/Sean_Cms/STYLE/Seanloo_Cms.css and change the text color.

 

4th: Enter the font color of the keyword.

Also modify: root directory/THEMES/Sean_Cms/STYLE/Seanloo_Cms.css.

　　

 

　5th: Search button icon

Replace: root directory/THEMES/Sean_CMS/STYLE/SEAN_IMG/btn_srch.gif

　6th place: entire banner's shading Pattern

This place is very important. Now the entire banner's background is pink from left to right, with a small row of red at the bottom. Actually, a 1-pixel-width graph is modified to automatically expand left and right.

Modify: root directory/THEMES/Sean_CMS/STYLE/SEAN_IMG/bg_gnbtop.gif

　7th slides

Modify it in the plug-in that comes with the background topic

　　

 

　Section 8th: background color of the webpage

The background color of the article, advertisement, and other positions is changed. The original color is light gray. I changed it to pink.

Root directory/THEMES/Sean_Cms/STYLE/Seanloo_Cms.css, change here

　　

 

　Section 9th: graphic updates

As in section 7th, you can modify it in the plug-in that comes with the background theme and modify the scroll text area.

After the preceding nine changes, you can change the text color and background color in other places. You can change the position and method, basically, as mentioned above, I just need to look for details. However, I personally think it is very detailed in other places, and it will not affect the overall situation if I change it or not. Deep night! Let's talk about it first. I hope the above is helpful to those who need it!

This article by the sweater chain wholesale (http://www.yse-baby.com/) original. You are welcome to reprint it. Please retain the copyright when you repost it. Thank you!