Teach you how to make Z-blog's beautiful web page

Source: Internet
Author: User
Keywords Web Design

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Recently made a new station, use is Zblog sean_red theme, the layout of this theme is very generous, more suitable for small business station, but I see most of the webmaster with this theme, only modified the logo and advertising slides and other plug-ins can modify the picture, so the home page looks very similar. In fact, can completely decorate their own style, beautiful home page, itself is to improve customer experience degree of the first element. First look at my decoration results: Jewelry shop Owners home, is not more than you usually see the unification of the black head of a lot of it? Oh, in fact, as long as the change of the following 9 places, you can put the entire site can be changed, appear more fashion professional.

First of all, you need to have a preliminary design of your website page, the architecture is immutable, to change, but too complex, not necessary. Just revise the 9 mentioned above. Below, I say separately, these 8 place should change in where:

1th: Site subheadings and navigation bar background color

The color of the banner above. This place color originally is light gray, can change do not change, because my whole webpage is pink department, so here also changed to be very shallow pink

Download: root directory/themes/sean_cms/style/seanloo_cms.css, in this place, change the color of the 1th place

2nd place: LOGO

FTP found: root directory/themes/sean_cms/style/sean_img/logo. GIF, directly replace the source file in the logo on the line.

3rd: Outline of the Web site border style and text color

Border Style Direct modification: root directory/themes/sean_cms/style/sean_img/top_middle.gif

Text color modification: Download root directory/themes/sean_cms/style/seanloo_cms.css, change this place.

4th: Please enter the keyword font color

Same modification: root directory/themes/sean_cms/style/seanloo_cms.css, change here

  

5th: Search button icon

Replace: root directory/themes/sean_cms/style/sean_img/btn_srch.gif

6th: Shading pattern throughout the banner

This place is very important, now the whole banner is from left to right pink, at the bottom there is a small line of red. is actually modifying a 1-pixel-wide graph, automatically extending the

modifying: Root directory/themes/sean_cms/style/sean_img/bg_gnbtop.gif

7th: Slide Picture

Modify in a plugin with a background theme

  

8th: Background color of the Web page

Articles and ads, such as the location of the background color changes, the original is light gray, I changed to pink

root directory/themes/sean_cms/style/seanloo_cms.css, change here.

  

9th: Map Log Update

As in the 7th place, in the background theme of the plug-in with the changes, change the scrolling graphics and text that place.

After the above 9 places change, immediately can change body, of course, if you need to, other places, the text color, background color, etc., can be changed, change the location and methods, the basic also with the above mentioned, the same as above, their own analogy to find a good, but personally feel that the other places are very details of the problem, Change does not affect the overall situation. The night is very deep! Let's get to the point where I want to help people who need it!

This article by the Sweater Chain Wholesale (http://www.yse-baby.com/) original. Welcome to reprint, reprint, please retain the copyright. Thank you!

Related Article

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.