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

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"?!