Making custom 9cbsblog skin

zhaozj2021-02-16  57

Making custom 9cbsblog skin hbzxf (A Ho) http://blog.9cbs.net/hbzxf/

If you already have a personalized counter, I will teach you how to make custom skin for 9cbsblog, if you don't but need to add a personalized counter for your 9cbsblog, you can refer to the other of my writes. Article.

About giving 9CBSBLOG Add counter http://blog.9cbs.net/hbzxf/archive/2004/06/26/27040.aspx

1. Use the system to define skin systems to provide us with a few defined skin interfaces, we can choose your favorite by 'option' - 'configuration' - 'skin'.

2, custom skin

Below to change the cogitation skin as an example

1, Option - Configuration - Skin - Select Cogitation

2,9cbsblog will use http://blog.9cbs.net/skins/cogitation/style.css by default as a pattern file (how do I know, huh, huh, source code)

3. Open http://blog.9cbs.net/skins/cogitation/style.css/skins/cogitation/style.css by Notepad or other editing tools (intercepting parts)

. Headertles A: Active, .Headertles A: Link, .Headertles A: Hover {Color: White; Text-Decoration: None; font-size: Normal;

. HEADERBAR {Font-Weight: Normal; font-size: 8pt; border-collapse: collapse; Background-Image: URL (images / bluetabback.jpg); Background-repeat: Repeat-x;}

. HEADERBAR A: Visited, .Headerbar A: Active, .Headerbar A: Link {Color: Whitesmoke; Text-Decoration: None; Font-Weight: NORMAL;

. HEADERBARTAB {Background-Image: URL (ImageS / Bluetabface.jpg); Background-Repeat: Repeat-x; Border-Collapse: Collapse; Padding: 0px;}

. Blogstatsbar {text-align: normal; font-size: 7pt; color: slord; border-collapse: collapse;

4, we now redefine # Top, # top Define the top of the layout

The original style is as follows:

#top {background-image: url (images / BlueTabBackground.gif); background-repeat: repeat; color: WhiteSmoke; border-top: 4px solid Black; border-bottom: 4px solid Black; padding: 0px; margin: 0px; }

By looking at the location of the 9cbsblog source code #top application is as follows:

A good Space (hbzxf)

Life is more than one recollection, maybe this is the philosophy of life < / Table> The style after redefining is as follows: (We must modify the background image now)

#top {background-image: URL (Image / BluetabBackground.gif); // Changing Background Image URL Position Background-Repeat: Repeat; Color: Whitesmoke; Border-Top: 4px Solid Black; Border-Bottom: 4px Solid Black; Padding: 0px; Margin: 0px;

5. Paste the defined style to 'option' - 'Configuration' - 'Custom CSS Selector'

6. Save the changed configuration, re-check itself 9cbsblog's page, is it to become a picture of your own definition

7, according to the above method, it will produce a different, personalized 9cblog.

转载请注明原文地址:https://www.9cbs.com/read-19675.html

New Post(0)
CopyRight © 2020 All Rights Reserved
Processed: 0.046, SQL: 9