Easy template commonly used CSS to modify the actual operation skills

Source: Internet
Author: User

1.--column article list content interval color definition--

Method One (Yahoo provides): if is the default, that is, do not need to change the function of the label getarticlelist parameters, you can use CSS to define (in the background style to modify):

LISTBG/*-column article list content interval color definition 1--* *

{

Background: #ffffff; border-bottom:1px dashed #cccccc;

}

LISTBG2/*-column article list content interval color definition 2--* *

{

Background: #ffffff; border-bottom:1px dashed #cccccc;

}

1): Method 1, table dotted line definition:

Enter backstage, open the website style management, press Ctrl+f to find. Listbg2 Find:

LISTBG/*-column article list content interval color definition 1--* *

{

Background: #ffffff;

}

LISTBG2/*-column article list content interval color definition 2--* *

{

Background: #f7f7f7;

}

Modified to:

LISTBG/*-column article list content interval color definition 1--* *

{

Background:url (skin/blue/xxx.gif); Height:24;font-size:9pt;color: #000000;

}

LISTBG2/*-column article list content interval color definition 2--* *

{

Background:url (skin/blue/xxx.gif); Height:24;font-size:9pt;color: #000000;

}

Note: xxx.gif for dotted picture size for 3x24 px and height:24 must be symmetrical. Color: #000000; The font color.

Example Picture 1:

Method two, label to define (need to manually add code to the background style)

Define the text color and row high parameters of the connection yourself.

{$GetArticleList (1,0,true,0,true,6,false,false, "", 0,3,2,16,0,false,3,true,false,0,false,false,false,true,t

RUE,FALSE,1,1,AAA,BBB,CCC)}

Example:

* Custom list label link text color definition * *

A.aaa{text-decoration:none;}

A.aaa:link {color:000000; font-size:9pt;}

a.aaa:visited {color:000000; font-size:9pt;}

a.aaa:hover{color:ff6600; font-size:9pt;}

a.aaa:active {color:000000; font-size:9pt;}

. BBB/*--even table row background color definition in custom list labels--*

{

Background:url (skin/blue/hengxian.gif); Height:24;font-size:9pt;color: #000000;

}

. CCC/*--even table row background color definition in custom list labels--*

{

Background:url (skin/blue/hengxian.gif); Height:24;font-size:9pt;color: #0000ff;

}

Comments are basically the same.

Example Picture 2:

2. Message board, new forum stickers, topic list, the latest recommendations, etc... Use JS to call the list CSS

Message Example Description:

Note : More wonderful articles please pay attention to the triple web Design tutorial section.

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.