Baidu Space Code Daquan

Source: Internet
Author: User
Tags dashed line

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

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.