DISPLAY:NONECSS Almighty Hidden Code
Add Background:url (picture address) in background {} repeat
Note:
Repeat background images are tiled vertically and horizontally
No-repeat background image uneven spread
Repeat-x background image is tiled horizontally
Repeat-y background image is tiled vertically
line-height:25.2px; " >
Hyperlink custom Settings The property of the hyperlink is the property of the a{} on the following column name
Color: #颜色代码或颜色英文名称 defines the colors of the hyperlink font
font-family: Font name definition hyperlink font
Font-size: size px Define hyperlink font size
Text-decoration: parameter definition hyperlink text decoration, parameter: none | | Underline | | Blink | | overline | | Line-through
None: no decorations
Blink: Flashing
Underline: Underline
Line-through: Through Line
Overline: Underline
In fact, Hyperlink property settings
a:hover{} properties displayed when the mouse is moved over a hyperlink
a:link{} properties displayed before hyperlinks are not accessed
a:visited{} The properties of hyperlinks that have been visited
a:active{} properties displayed when hyperlinks are clicked (events that occur between mouse clicks and releases)
. modbl{}
. modbc{}
. modbr{}
These three are the code to set the bottom left corner of the template, the bottom center, and the lower right corner:
Border-left in. modbl{}: Is the property of the left border of the left-hand corner, Border-bottom is set to the bottom-left corner of the bounding box
Border-bottom in. modbc{}: Is the setting of the edge property of the border.
Border-right in. modbr{}: Is the property of the right border in the lower right corner, Border-bottom is the bottom right corner of the
Solve the problem of carriage return for two lines
shift+ Enter
Personality title
#header div.tit{top:5px;left:20px;line-height:60px;font-size:60px;font-family: Official Script}
#header div.tit a.titlink{color: #813533; Text-decoration:none}
#header div.tit a.titlink:visited{color: #813533; Text-decoration:none}
#header div.tit a.titlink:hover{color: #FFFFFF; Text-decoration:none}
#header div.desc{top:27px;left:320px;color: #813533; font-size:16px}
Description
#header div.tit{} This is the setting of the title
#header Div.tit a.titlink{} This is the setting for the title hyperlink
#header Div.tit a.titlink:visited{} This is the setting that the title hyperlink has been visited
#header Div.tit a.titlink:hover{} This is the property that appears when the mouse is moved over the title hyperlink
#header div.desc{} This is the content setting for the introduction after the space title
Properties and Detailed parameters
top:5px distance between the top of the stencil is 5px
left:20px distance from the left side of the distance is 20px
line-height:60px Set total height of 60px
font-size:60px set the font size to 60px, this cannot be set larger than the Line-height, otherwise the title font part will be masked out
Font-family: Official script sets the model of the font
Color: #813533 Set the colour code of the font is #813533, here can also write the English name of the color, such as black,white,red,green, etc.
Text-decoration:none Font's Dash modifier property, none is no underline, the specific parameters about text-decoration can see the article I wrote earlier about defining hyperlinks
More articles on the right
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
1. Add a link to the "Send Message" link in the Links:
In the links in the link to fill in the address: http://msg.baidu.com/ms?ct=21&;cm=1&tn=bmSendMessage&un= your Baidu user name
This link can be used to send you a message, and another function of this link is to send yourself a message.
2. Add a link to "friends" in the Link: javascript:document.addfriend.submit ()
The way to remove the horizontal scroll bar is to add overflow-x to the body{}: hidden;
————————— CSS Series —————————————
Mouse settings
added in body{}; Cursor:url (' Http://webme.bokee.com/inc/mouse028.cur ')}
A:hover{cursor:url (' Http://webme.bokee.com/inc/mouse031.ani ')
The first line is the initial shape of the mouse pointer, the second line is the shape of the mouse pointer hit the link
CSS Mouse Styles Daquan
/* Changing space background image */
http://magic.qtutu.com/
/* Background in Comment * *
#spBlogCmtor {background:url (picture address)}/* Name */
#spBlogCmtURL {background:url (image address)/* URL or Mailbox */
background-attachment:fixed;
Background-position:center Center;
Background-repeat:no-repeat;
}
#spBlogCmtText {background:url (picture address)/* This is the contents of */
background-attachment:fixed;
Background-position:center Center;
Background-repeat:no-repeat;
}
/* Change the color and font of your buttons and input fields */
Input,select,textarea{color:green;font-size:14px;font-family:tahoma, blackbody; border:1px solid Green;
Textarea{overflow:hidden}
Parameters
Color:green represents the font color.
FONT-SIZE:14PX indicates the font size.
Font-family:georgia, bold English fonts and Chinese fonts
BORDER:1PX represents the thickness of the border.
Solid green represents the color of the border.
line-height:25.2px; " >
/* Top Add Word method!*/
#tabline {margin-top:-490px;right:0px;line-height:8px; Background:url (image address) no-repeat bottom; padding-bottom:40px; margin-bottom:10px}
The picture above the word you want ~
/* Add logo*/
#main {Background:url (top logo) no-repeat 10px 0px;}/*10px 0px; from top to left */
#layout {width:980px;margin-left:0px;background:url (bottom logo) no-repeat bottom 0px;padding-bottom:80px}/*margin-left : 0px bottom picture distance to the leftmost length; bottom 0px border size; padding-bottom:80px Main module The bottom distance is the top of the picture.
/* Add a small background image */
. Stage{background:url (small background image) repeat-y 0px 0px}/*0px 0px from the top of the left (0 recommended) */
/* Space Overall Width */
#main {width:740px!important;text-align:center} or #main{width:80%!important}
/* Section length and spacing */
#layout td.c2t1{padding-left:55px;width:570px}/* Leftmost section */
#layout td.c2t2{width:60px}//Around two-section pitch */
#layout td.c2t3{width:260px;padding-right:30px}/* 2nd vertical section Information */
/* Define article block width from left length when reading articles */
. stagepad {width:570px;margin-left:44px;}
. Stagepad A:link{text-decoration:none;font-weight:bold}
. Stagepad A:visited{text-decoration:none;font-weight:bold}
/* Article dashed border */
#m_blog div.cnt{color: #333333, line-height:20px;font-size:14px;border:1px dashed #090688; background: #Ffffff; padding:10px;}
/
#m_blog div.cnt{color: #808080, line-height:20px;font-size:16px;border-top:2px dashed #1DC01D; border-bottom:2px Dashed #1DC01D; border-left:2px dashed #1DC01D; border-right:2px dashed #1DC01D; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
Dotted: Dot Line
Dashed: Dashed line
Double: two-line border
Groove:3d Groove
Ridge: Diamond Border
INSET:3D Concave Edge
Outset:3d Convex Edge
/* Foreground picture transparent settings */
Filter:alpha (Opacity=90,finishopacity=100,style=0,)
/* Message Board Picture */
#spBlogCmtText {border:1px solid #A6B5C4; Background:url (http://***.jpg) no-repeat top center;background-attachment: Fixed;}
/* Player/*
#phx {filter:alpha (opacity=100, finishopacity=60, style=2, startx=20, starty=40, finishx=0, finishy=0) Invert (); width:224px; height:200px}
Invert (); Filter effect can be changed
/* Does not display the player, does not affect the music play */
Add #mod_bgmusic{display:none}
/* Log Background */
#m_blog. Modbox{background:url (Image)}
or #m_blog div.cnt{background:url (picture) repeat;/* picture */color: #666666; line-height:20px;font-size:14px}
/* scroll bar */(from water-absorbing mosquitoes)
#m_blog {scrollbar-face-color: #E100E1;
Scrollbar-shadow-color:maroon;
Scrollbar-highlight-color:white;
Scrollbar-3dlight-color: #E100E1;
Scrollbar-darkshadow-color: #E100E1;
Scrollbar-arrow-color: #E100E1;
Scrollbar-base-color: #E100E1;
Scrollbar-track-color: #E100E1;
overflow-y:auto;height:1330px;
Filter:chroma (color= #E100E1);}
/* Remove the horizontal scroll bar */
Add Overflow-x to body{}: hidden;
/* Disable the right mouse button selection */
#main {
Background:url (' javascript:
Document.oncontextmenu=new Function ("event.returnvalue=false;");
Document.onselectstart=new Function ("event.returnvalue=false;");
‘)}
(expired, show effect only when previewing)
Document.oncontextmenu=new Function ("event.returnvalue=false;"); Disable right mouse button
Document.onselectstart=new Function ("event.returnvalue=false;");
Disable Select//mouse touch button SAG */
a:hover{}, add position:relative; left:2px; top:1px; Clip:rect ();
/* Popup window */
#comm_info and #comm_info a replace #comm_info a{color: #D77B18 border:1px solid #000000; padding:10px; Background-image:url (' Jav Ascript:alert ("What you have to say");
#comm_info {} or #m_links div.item{}
Add to
Background:url (Javascript:alert (what you want to say))
/* Mouse Style */
Cursor:url (' Http://***.ani ') is added to the normal state body{};
Link status a:hover{} add Cursor:url (' Http://***.ani ');
/* The article opens in a new window */
a:active {text: (target= "_blank");}
/* Block RSS links, Baidu pictures */
#comm_info a {display:none;}
/* BIG background */
Add Background:url (http://***.gif) repeat-x #FFFFFF in body{}
/* Title Background */
#header div.lc{}-Left
#header div.rc{}-Right
Insert Background:url (http://***)
/* Pop up the dialog box after entering Baidu space * *
Remove the #comm_info div.line and replace #comm_info A.
#comm_info A{color: #D77B18 border:1px solid #000000; padding:10px; Background-image:url (' Javascript:alert ("What you have to say)}
/* Add a small pattern next to the article date */
#m_blog div.date
{Text-indent:1.5cm;background:url (here to fill in the connection address of your own selected small picture) 30% 0% no-repeat;/* Background image */margin:5px 0 8px 0;color: #999999;
line-height:50px; /* Adjust line height */}
/* code used to insert time picture position */
Picture Display location-profile photo below:
#m_pro div.act{margin-top:5px; Background:url (http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red &prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:22px; margin-bottom:6px; }
Picture display location--below the title of the article list:
#m_blog div.tit{font-size:14px;font-weight:bold; Background:url (http://escati.linkopp.net/cgi-bin/date.cgi?trgb= red&;srgb=red&prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:22px; margin-bottom:6px; }
Picture display Position--the article List title to the left:
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; Background:url (http:// escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=gmt-0500) No-repeat; }
Picture Display location--tab navigation bar:
#tabline {top:89px; Background:url (http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb= red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:32px; margin-bottom:6px; }
Picture Display Location--album below:
#m_album div.image{text-align:center; Background:url (http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&; srgb=red&prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:45px; margin-bottom:1px; }
Picture display location--Each link below:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; Background:url (http:// escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:16px; margin-bottom:10px; }
Picture Display location-Each latest comment below:
#m_comment div.item{color: #000000; font-size:12px; Background:url (Http://escati.linkopp.net/cgi-bin/date.cgi?trgb =red&;srgb=red&prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:22px; margin-bottom:6px; }
Picture Display locations-Each article is categorized below:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; Background:url (http:// escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:16px; margin-bottom:10px; }
Picture display location-Other areas:
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; Background:url (http:// escati.linkopp.net/cgi-bin/date.cgi?trgb=red&;srgb=red&prgb=red&timezone=gmt-0500) No-repeat Bottom; padding-bottom:22px; margin-bottom:6px; }
/* Split Line */
{Margin-top:17px;line-height:12px;background:url (http://***.gif) Repeat-x}
/*< other > modules only show visitors */
#comm_info a {Display:none}
/* Glow Effect */
{} add Filter:glow (color= #299BE8, strength=2);
/* Shadow effect font shadow */
{} add Filter:dropshadow (color= #000000:, offx=2, offy=3,positive=1), or Filter:shadow (color= #000000:, offx=2, Offy=3, positive=1);
Parameter function:
Color= Color codes for shadows
offx= set the horizontal distance offset of the shadow from the object (text or picture)
Offy= to set the vertical distance offset between shadows and objects
Positive= Sets the shadow-setting object, true to create a shadow for non-transparent pixels, false to create a shadow for transparent pixels, and is generally not recommended to use false
In addition, if you add a shadow to the place already has the filter parameters, such as setting the transparency of Filter:alpha (), just put DropShadow (color= #000000, offx=3, offy=3, Positive=true) Added to the back of Alpha (), where no interval is required, where spaces are allowed, and the interval is invalid
For example, in the original Filter:alpha (OPACITY=50), followed by the Shadow Effect code:
Filter:alpha (opacity=50) DropShadow (color= #000000, offx=3, offy=3, positive=true);
/* Code of the projection */
Filter:shadow (color=gray/* color */,direction=135/* direction */)
/* Article title Background */
#m_blog div.tit{text-indent:1.5cm/* */;line-height:75px;/* Increase row height, so that the background picture is fully displayed */font-size:16px;font-weight:bold; Background:url (http://***.gif) no-repeat;/* title background picture, not repeating */}
Line-height: how many px; Set the height of the title, in fact, here the height of the picture can be set
Text-indent: how many px; Set the text in front of the title of how much width, here can fill the width of the picture, for the sake of beauty, can be more than +5, 6px, because the picture and title is not good-looking, this is mainly to see personal feelings and preferences set
/* Space Transparent */
. Modbox,.modbl,.modbc,.modbr{filter:alpha (opacity=80);-moz-opacity:0.8;width:auto!important;width:100%}
/* Add your own logo image */
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; Background:url (http://***.gif) No-repeat Bottom; padding-bottom:32px; MARGIN-BOTTOM:32PX}
/* Add logo*/
#m_pro div.image{} join Background:url (http://***.jpg) no-repeat bottom;padding-bottom:100px
Bottom let the picture sink
Padding-bottom increase the width underneath the avatar module
Padding-bottom value is generally set to the height of the logo, logo on the top and the bottom of the head distance 0, increase the value of Padding-bottom, logo on the top and head of the bottom distance also increased
/* Add a background image to the comment box */
#spBlogCmtText {border:8px solid #000000;
Background:url (image address) no-repeat top center;
background-attachment:fixed;}
/* How to set + fixed Baidu space background */
Add in body{}
Background-image:url (image address); Define a background picture
Background-repeat:no-repeat; Define background picture is not duplicated
Background-position:center; Define the center of the background
background-attachment:fixed; Defined background fixed, no scrolling parameter fixed
/* Remove the module background with full background transparency */
Remove module plus background:transparent
Add in header{}
Background:transparent the function of this parameter is to make the full background transparent and delete the original attribute Background:url (...)
#header div.rc{} and. stage{} are set similarly to header{}
/* pop-up window in the lower right corner */
#main {
Background:url (' javascript:
var sunpop = Window.createpopup ();
var poptop=50;
function Popmsg (MSGSTR) {
var winstr= "<table style=\" Border:solid #A96D13 1px\ "width=\" 200\ "height=\" 150\ "border=\" 0\ "cellpadding=\" 0\ " Cellspacing=\ "0\" bgcolor=\ "#88CFFF \" > ";
winstr+= "<tr><td height=\" 30\ "> </td></tr><tr><td align=\" Center\ "><table Width=\ "90%\" height=\ "110\" border=\ "0\" cellpadding=\ "0\" cellspacing=\ "0\" > ";
winstr+= "<tr><td valign=\" top\ "style=\" FONT-SIZE:12PX; Color: #209C20; Face: blackbody \ ">" +msgstr+ "</td></tr></table></td></tr></table>";
SUNPOP.DOCUMENT.BODY.INNERHTML=WINSTR;
Popshow ();
}
function Popshow () {
Window.status=poptop;
if (poptop>1720) {
Cleartimeout (MyTime);
Sunpop.hide ();
Return
}else if (poptop>1520&&poptop<1720) {
Sunpop.show (Screen.width-250,screen.height,200,1720-poptop);
}else if (poptop>1500&&poptop<1520) {
Sunpop.show (screen.width-250,screen.height+ (popTop-1720), 200,150);
}else if (poptop<180) {
Sunpop.show (Screen.width-250,screen.height,200,poptop);
}else if (poptop<220) {
Sunpop.show (screen.width-250,screen.height-poptop,200,150);
}
poptop+=10;
var mytime=settimeout ("Popshow ();", 50);
}
Popmsg ("December 1, 2006 <br> Hello, dear friends. <br> What you have to say. <br> What you have to say ~ ");
‘)
}
/* "comment" area */
#in_send div.tit{margin:10px 0 10px 0;color: #FFFFFF; Font-size:14px;font-weight:bold}
Set the "comment" section above the "comment" area four characters, where color: #FFFFFF设置字的颜色, Font-size set the size of the word, font-weight:hold settings let this font bold, not bold delete.
#in_send Td{color: #FFFFFF}
Sets the color of the name, URL, or mailbox and content words.
#spBlogCmtText {border:1px solid #FFCCFF; background: #FFFFFF no-repeat top center; background-attachment:fixed}
Sets the background of the comment box. Background: #FFFFFF设置颜色, add image to Background:url (picture),
The best size of the picture is 503*153 1px indicates the width of the comment border #FFCCFF represents the color of the comment border.
/* Hide the "View the user's" category in Baidu */
Add #m_pro Basic A.nlk{display:none} code to
/* Hide "Baidu space Beta" */
#m_comm_info Img{display:none}
Baidu Space Code Daquan