Three-step operation to create a consistent with the main station style discuz! X!

Source: Internet
Author: User

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

In the website design, judge each channel style is consistent mainly depends on the head style is consistent, specifically divides into the logo position, the head background and the body background three parts. discuz! X released, the default style and the Webmaster own site style How much some discrepancy, we can "makeover" three steps, easy to create and the main station style to maintain a consistent discuz! X! Today's cool web site long ah cool to explain to you. Before speaking, first look at the cool network of "makeover" after the Image: Http://www.coolapk.com/bbs.

And then we're going to be discuz!. X Makeover--Into discuz! X Admin background, enter the "interface-> style Management-> Edit Interface Style" Action page:

The first step: change the background of the page, body background in the site unified style plays a vital role, if the two-page background style is not uniform, it is easy to leave the user "jump" feeling:

  

Insert Picture Dzx1.png

As shown in the picture, you can see the colors and pictures of the page background. This depends on your site's main station style, if pure color as the background, only need to fill in color. If you are using a picture as the background, the attached properties of the picture are also best aligned with your master site CSS.

Step Two: Change the header background, this step is very important, discuzx default style in the bottom of the page header background has a blue background bar, if you want to remove this background bar, the color value is set to transparent: transparent

  

Insert Picture Dzx2.png

The third step: Modify the logo, this step is very simple, will be the main station logo image fill in the "Site logo" input box, as shown:

  

Insert Picture Dzx3.png

OK, look at the top of the column window, the current style has been "makeover" it?

Finally, don't forget to save your changes and then update the CSS cache in "Interface-> style management". Figure:

  

Insert Picture Dzx4.png

Go to the homepage of the site, refresh, discuz! X is the current style has been relaxed "makeover"?!

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.