css| Tips
1.--column article list content interval color definition 1--
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.
Case Picture 1:
200592212583046063.jpg(18.87 KB)
2007-3-28 15:07
2): Method 2, 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,true, 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.
Case Picture 2:
0101.jpg(10.82 KB)
2007-3-28 15:07
2. Message Board, new forum stickers, topic list, the latest recommendations, etc... Use JS to call the list CSS
Message Example Description:
<span style= "FONT-SIZE:12PX; line-height:24px; letter-spacing:1px ">
<script src= "guestbook/newguest.asp? Kindid=0&num=8&tlen=13&order=0&info=0 "></span>
Other calls to the list CSS methods are similar, not listed.
Case Picture 3:
00000.jpg(6.38 KB)
2007-3-28 15:07
3. Table border CSS Definition
1): Method 1;
Easy Default article Home CSS
Enter backstage, open the website style management, press Ctrl+f to find. main_title_282 Find:
main_title_282/* Column Article List title table background, text color definition (282) * *
{
Background: #FFE3DC color: #ff0000; height:24;border-top:1px solid #ff0000 border-left:1px solid #ff0000 border-right : 1px solid #ff0000;p adding-left:20;
}
main_tdbg_282/* Column article List content table background, text color definition (282) * *
{
border:1px solid #ff0000; line-height:150%;text-align:left;padding-left:5;padding-right:5;
}
Note: (border-top:1px solid #ff0000; border-left:1px solid #ff0000; border-right:1px solid #ff0000;) The color and thickness of the top, left, right, and border;
(background: #FFE3DC;) background color;
(border:1px solid #ff0000;) border:1px solid #ff0000; The border color is red.)
(Line-height:150%;text-align:left;padding-left:5;padding-right:5;) is row height, distance from left and right is 5px.
Case Picture 4:
004.jpg(20.56 KB)
2007-3-28 15:07
2): Method 2;
CSS that defines a table border yourself
Code:
<table width= "180" align= "center" style= "Border-right: #ff0000 1px solid; Border-left: #ff0000 1px solid; Border-top: #ff0000 1px solid; Border-bottom: #ff0000 1px solid ">
<tr>
<td></td>
</tr>
</table>
A table with a red border of 1 pixels on the top, bottom, left, and right of the table is defined respectively. Effect Ibid.
Here generally only use left and right on it (style= "border-right: #ff0000 1px solid; Border-left: #ff0000 1px solid;), can be deleted and added according to your own needs.
4. Article content page main title and content text of CSS
The color and font size of the main title of the article;
Enter the background, open the site style management, press Ctrl+f find Main_articletitle find:
. Main_articletitle/* Main Title text color definition * *
{
color:ff0000;font-weight:bold;font-size:18;line-height:150%;
}
This is not a comment, the color and font size are here.
Article content text font size, row height, line spacing, etc.;
<span style= "font-size:14.8px;line-height:24px;letter-spacing:1px" >{$ArticleContent}</span>
Case Picture 5:
005.jpg(26.74 KB)
2007-3-28 15:07 Original Source: http://www.webjx.com/bbs/viewthread.php?tid=678&extra=page%3D1
