CSS essence chapter

Related Tags:

  [Pages] CSS-cream chapter ★ 
  Following a recommendation based comrades CSS reference, not detailed and errors of the requests made, the following code may be some other people in this group had been given off, and there are not quoted in the enumerating, also requested the inappropriateness of indulgence :) 

  1. Strongly recommend you to modify the CSS on the notebook will be its suffix css Baoxiang then upload to the category of the designated locations upload invoked with the following code: 
  <link Href=" Nishangchuande css文件的网页地址" rel="stylesheet" type="text/ css "media="all" /> ★ ★ ★ ★ ★ ★ ★ ★ 
  Some people would like to directly add to the "administrator toolbox" in the "group set up", can use this format: <style> code content </ style> (But some code which would contain "form" disable string You must use force and the first way to allow the disabled characters available, it is proposed to make a CSS is the best document management more convenient for the code below, it is also an advantage for your group bulletin board savings more available space to carry out more landscaping design) 


  2. Following is a whole group of pages it is necessary to amend the CSS, group pages containing all transparent, and remove all advertising, ≥ 1024 * 768 pixel resolution Display automatically the center (CSS for the convenience of the reader reading, not part of the contents of optimization, the readers want to do your own optimization): 

  Network Code do not know their place See Table online access parameters CSS 

  () # Grouppage 
  In fact, this id -------- no need to be amended, which includes the entire group pages, the following are the contents of its branch properties 

  html (scrollbar-face-color: # 990099; scrollbar-darkshadow-color: # FFCCFF; scrollbar-highlight-color: # FFCCFF;) 
  -------- Pages to the entire group joined a beautiful scroll 

  body (color: # 990099; font-weight: bold; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; background: black url (http://img.xiaonei.com/photos/20061016/ 0930/large82565.jpg); cursor: url ( 'http://img.xiaonei.com/photos/20061023/2250/orig162767.cur');) 
  -------- Pages of text Font characters connect Africa attributes, Background color, background images (strongly recommended that the PS, in the background picture on your name, such as signs to prevent "thieves"), the mouse pointer set 

  A: link (color: # 990099; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; text-decoration: none;) 
  A: visited (color: # 663366; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; text-decoration: none;) 
  A: active (color: # FFCCFF; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; text-decoration: none;) 
  A: hover (color: # FFCCFF; background: transparent; text_decoration: none; cursor: url ( 'http://img.xiaonei.com/photos/2006103/2250/orig162682.cur');) 
  -------- Were not visit the page link words, the link has already visited the word mouse live link points cling to the word, the word mouse to connect to the font attribute set, and the mouse After connecting Do not show the default blue background and the mouse pointer will become replaced by another kind of style 


  # Header (overflow: visible; width: 740px; height: 106px; position: relative; left: 52px;) 
  -------- As the name suggests it is at the top of the regional group pages contain components such as the top navigator, here as to whether to allow the excess, width, Height and the definition of its relative Position to set-up 

  # # Header logo (display: none;) 
  -------- Removed from the top of LOGO (such as "school network," and any of the girls, such as the portrait of small ads) 
  # Tagline (display: none;) 
  # Utility (display: none;) 
  -------- 2 is to remove this "Students interactive space" in the top navigation of the above things. 
  # # Navigation header (background: transparent; position: relative; top: 30px; left: 51px;) 
  -------- Top of the background as a space navigation, that is transparent, and can be replaced with their own picture, but should pay attention to the unity of style 
  # Navigation a (font-family: Tahoma, Helvetica, sans-serif; font-size: 14pt; color: # 990099;) 
  # Navigation a: hover (color: # 663366;) 
  This is set -------- two top navigation connected with the word font attributes 
  # # Header navigation li. New (padding-right: 10px; background: url ();) 
  -------- This is the deletion of the top navigation on the "school" connecting the two words "new" this little picture, "padding-right: 10px;" is to adjust it and the "log "These two connections between the Width of the word.    For "padding" I introduced this parameter, it is targeted padding, its counterpart is the margin, the target of patches, in the Border between them is, the relations among the three can see Legend ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 


  (# Sidebar width: 115px; position: relative; top: 20px; left:-65px; background: transparent;) 
  -------- This is the left-hand navigation, we can set the background, width, can also be mobile 

  # Mymenu (background: transparent;) 
  -------- Will be left of the menu bar navigation background as a space, that is transparent, and can be replaced with their own picture, but should pay attention to the unity of style 
  # Mymenu a (font-size: 12pt; line-height: 50px;) 
  -------- Navigation on the left side of the link, the word font size, to set up high memory 
  # Mymenu li (border-bottom: 1px solid # d8dfea;) 
  -------- Navigation on the left side of each connector split the white line thickness and Color changes, "border" is framed, plus "- bottom" is to change its Bottom bezel to change Border Color can be written "border: 1px solid # bdc7d8" "# bdc7d8" is a 16-bit colour code 
  # # Myhome a.hasedit mymenu (float: left; width: 87px;) 
  --------" I pages "that will connect I must say what he is composed of two parts, the left part of the" My Page "words, the right part of the" Edit "This word.    A.hasedit is part of the left here.    We set the width of it is also required, such as the left-hand navigation, if the total width of 115 PX, then we set him PX its right of the 87 "Edit" to the width to 28 PX, so that it would not lead to some people Laws after the width of the left-hand navigation of the "My Page" link of the two lines (affecting the entire navigation style very wrong) ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 
  # # Myhome a.edit mymenu (float: right; width: 28px; font-size: 8pt; text-align: center; color: # 990099;) 
  -------- This is the right course, the "Edit" in addition to revise its width, also could alter its font attributes 
  # # Myphoto a mymenu (background-image: url ();) 
  -------- Removed from the right side of my book "new" this little picture 
  # Sidebar. Block image (display: none;) 
  # Sidebar. Announcement (background: transparent; background: url ();) 
  # Sidebar. Announcement image (display: none;) 
  # Sidebar. Block h3 (display: none;) 
  . Blockcont (display: none;) 
  . Blockcont image (display: none;) 
  . Blockcont text (display: none;) 
  . Blockcont text h4 (display: none;) 
  . Blockcont text p (display: none;) 
  # # Postannouncement sidebar (background: transparent;) 
  9 -------- this is a bulletin board advertisements are deleted (not to the sponsorship fee, we would like to advertise to them, the doors are not infants), the only reservation "I posted the announcement" a link ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 


  # (Overflow container: visible; width: 730px; position: absolute; top: 0; left: 50 ((50.body.clientWidth-this.offsetWidth) / 2);) 
  -------- On the total width of the main pages and can allow excess Display (want you to the absolute positioning of the picture at any position, it will use visible on the otherwise hidden bar), as well as mobile its location to your page ≥ 1024 in the face of arbitrary * 768 resolution display under the middle set, the value approach would especially like to thank the students Xiang Li separation sponsorship!    ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # Content (border-right: 0px; border-left: 0px; border-bottom: 0px; position: relative; top:-548px; left: 50px;) 
  -------- In addition to the top, bottom and left-hand navigation FOOTER Area (WEBMASTER like), the three parts of this region belong to # content.    Here I am about to delete the division on both sides of the white line, after all, is just wholly transparent, huh. 
  # GroupSecondary (overflow: visible; width: 600px;) 
  --------# Content on the left side, you can set the width and the possibility of exceeding the permitted such display, and mobile its location (s pages proprietary in nature, want your picture in any absolute positioning location of the bar, it will use visible on the otherwise hidden) ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 
  # GroupFirstly (overflow: visible; width: 130px; position: relative; left: 10px;) 
  --------# Content to the right, you can set the width and the possibility of exceeding the permitted such display their location and mobile (want you to the absolute positioning of the picture at any position, it will use it otherwise visible hidden) ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # Content. Box h3 (color: # 990099; font-family: Tahoma, Helvetica, sans-serif; font-size: 11pt; background-color: transparent; border-top: solid 0px;) 
  -------- Such as the "Group Name" and "group bulletin board", "Group Forum," "The recent visitors" attributes such as font settings, the Background Color of the box set as well as its top division in the general blue line thickness, colour set ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # GroupBulletin (overflow: visible;) 
  -------- Allow "group bulletin board" in excess of the display (want you to the absolute positioning of the picture at any position, it will use visible on the otherwise hidden bar) ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 
  # Tabs (border-bottom: solid 0px;) 
  -------- "Forum Group" button below the various district borders the bottom of the colour thickness settings 

  . Page (background: transparent;) 
  . Page a (padding: 0px 6px; border: solid 0px; background: transparent;) 
  . Page a: hover (border: solid 0px; background: transparent;) 
  3 -------- this is "1" and "2", "Next>" set to air part of the background, that is transparent ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # GroupForum th (background: transparent; font-weight: bolder; color: # 990099; line-height: 30px;) 
  -------- "Topics", "author" and "back" and "reading" and "finally returns to the" font attributes the words settings ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  . Threadlist (background-color: transparent; border-bottom: solid 0px;) 
  # GroupForum tr.odd (background-color: transparent;) 
  # GroupForum tr.even td (background-color: transparent;) 
  -------- This three-page posting is set to the background of space, that is, transparent ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  . Threadlist th (padding: 0;) 
  . Threadlist td (padding: 0; line-height: 19px;) 
  -------- This two posts are set up in each row, not to modify the circumstances, if you want to set the size of the word PX 12 or so more than 9 PT characters show will appear incomplete, This is a seemingly modest but important parameters ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  . Threadlist th.threadTitle (padding-left: 0px;) 
  -------- Posted on the title bar and posting the names of the column Spacing settings 
  . Threadlist th.threadAuthor (width: 7em;) 
  -------- Posting of the names of column width settings 
  . Threadlist th.threadResponder (width: 7em;) 
  -------- Verify the names on the column width settings 
  . Threadlist. Time (font-family: Tahoma, Helvetica, sans-serif; color: # 990099;) 
  -------- Back on the last time posts font attribute settings ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # GroupActions (background: transparent;) 
  # GroupActions a (background: transparent; border-bottom: 2px solid # FFCCFF;) 
  # GroupActions a: hover (color: # 990099; background: transparent;) 
  3 -------- this is the "administrator toolbox", "invited friends to join groups," "Delete this group", "unsubscribe" box in the background color is set to air, that is transparent, and to connect the word background color, font attributes and connections linking the word segmentation size color line set 

  # GroupInviter. Inputtext (color: # 990099; font-weight: bolder; font-family: "Lucida Grande," Arial, Tahoma, Helvetica, sans-serif; background: transparent; border: 2px solid # FFCCFF;) 
  -------- This is the "school ID" that small text box below the background is set to air, and font attributes in the region under the word segmentation and connectivity size color line was set up ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # GroupForum form (background-color: transparent; border-top: 0px;) 
  . Promolink li (background: url ()) 
  -------- 2 is this "new theme" external framework and the surrounding region associated background set is empty, that is transparent, and remove its division on the line ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  # PostForm. Inputtext (color: # 990099; font-weight: bolder; font-family: "Lucida Grande," Arial, Tahoma, Helvetica, sans-serif; background: transparent; border: 2px solid # FFCCFF;) 
  -------- This is the "new theme" the right of the posts heading the regional context is set to air, that is transparent and posts in the regional title font attributes and characters under separate line connecting the thickness of the color settings ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  * Form Elements * input, textarea, select (color: # 990099; font-weight: bolder; font-family: "Lucida Grande," Arial, Tahoma, Helvetica, sans-serif; background: transparent;) 
  Textarea (border: 2px solid # FFCCFF;) 
  . Resizable-textarea (background: transparent;) 
  . Resizable-textarea. Grippie (display: none;) 
  3 -------- this is the "new theme" Below posts content of the regional context is set to air, and that is transparent, and regional posts content of the font attributes and characters under separate line connecting the thickness of the colors settings, and remove its lay eggs of the white drag ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  * Html. Inputbutton * html. Inputsubmit (border-left: 1px solid # FFCCFF;-top border: 1px solid # FFCCFF; border-right: 1px solid # FFCCFF; border-bottom: 1px solid # FFCCFF; background: # 990099 ; font-size: 10pt; color: # FFCCFF;) 
  * + Html. Inputbutton, * + html. Inputsubmit (border: 1px solid; border-color: # FFCCFF FFCCFF # # # FFCCFF FFCCFF; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: # FFCCFF; background: # 990099;) 
  -------- 2 of this "invite friends to join the" under the "Send" button of the word (including its borders and its background color) and the activation of the box set and font attributes ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  Input.subbutton (border: 1px solid; border-color: # FFCCFF FFCCFF # # # FFCCFF FFCCFF; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: # FFCCFF; background: # 990099; ) 
  Input.canbutton (border: 1px solid; border-color: # FFCCFF FFCCFF # # # FFCCFF FFCCFF; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: # FFCCFF; background: # 990099; ) 
  -------- 2 of this "publish" the "Cancel" button of the words (including its borders and its background color) and the activation of the box set and font attributes ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 


  # Footer (position: absolute; top: 1380px; left: 50 ((50.body.clientWidth-this.offsetWidth) / 2);) 
  -------- Bottom "WEBMASTER" and the surrounding region settings, you can set the width and location of its mobile 

  # Footer p (color: # 990099;) 
  -------- "Easy to find online © 2006 the words" font attribute 
  . Shy a (color: # 00FF00; font-size: 10pt; font-family: Tahoma, Helvetica, sans-serif; text-decoration: none;) 
  -------- "Jing ICP certificate 060,414," these words connect the font attribute 
  # Permalink (display: none;) 
  -------- Removed from the bottom that "cloning **** connected to friends" 

  3. Reference to other people's source code (original hope that we can respect the effort will be its only reference to, in order to design a more handsome pages, rather than complete cloning): ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  Concrete steps - in the browser the top of the right you can see the "document (F)," "Edit (E)," "Show (V)", click on "View", then "source documents (C) "Finally, this source document by hotkey (Ctrl + F) View" graffiti board "and the words of others can access all the graffiti board in the source code. 
  PS: Many people would like to see the recently passed Right to avoid others banned cloning their website, in fact this is nothing but self-deceiving, but also for the visitors lack of respect for authority (such as: not open in a new window pages, etc.), of course, Pages and others did exactly the same as it is not very appropriate for this issue you can talk to him directly and to address, I believe we are all reasonable people he respected you, others will respect him, but the precondition is that you visit you Pages respect for the first time he :)~~~ 

  4. How to make "the initial cloning lover." Completely cloning your pages, the pages are everywhere in your advertising, thus forced to give up completely its use your code: ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ 

  In order to prevent "the initial cloning lover." Crack, the specific method does not facilitate direct written, interested friends can come to the M-I aple or pages to view source code, do not understand and can give me the local station letter, but question before you produce their own fringe of the CSS document is the intention to show you learn, others will not be fully cloned pages. 

  Internal network-code pages is more than all the direct visualization of the frame and components, in order to be activated after the more visible and window frames of a beautification group can see the source code pages: 
  To make reference to the system default CSS source code can be above that the "source documents" using Ctrl + F View. "Css" This will search to two documents called CSS code, respectively 
  1. <link Href="http://static.xiaonei.com/ css /main. css ?ver=4027" rel="stylesheet" type="text/ css "media="all" /> 
  2. <link Href="http://static.xiaonei.com/ css /home. css ?ver=4027" rel="stylesheet" type="text/ css "media="all" /> 
  One part is the details, in the form of the so-called 2 website is part of the framework of the structure, numerical "4027" only after the CSS file upload to an address to download a part. 
  The Web site and update the values may change at any time.    We have to see the system default CSS copy documents need only copy 
  Http://static.xiaonei.com/ css / main. Css? Ver = 9522 
  Http://static.xiaonei.com/ css / group. Css? Ver = 9522 
  These two addresses to download the browser can be opened 




Related articles:

HTML form elements to resolve coverage issues elemental forms
  HTML pages in the design process often encountered form elements cover issues arising from the elements of style, Figure 1 is a typical example.    Do not belittle this seemingly "minor" problems, even if some of the larger sites on similar issues will not uncommon. ...
DreamWeaver MX produced by the drop-down menu navigation
  Dreamweaver from出道, its easy-to-use and powerful "behavior" (Behavior) has been our concern is the hot one.    In Dreamweaver MX (DW MX), there has been a function of this expansion and improvement.    In DW MX, referring to the act in response to a particular i...
Flash painting examples: freehand brushwork painting "Bamboo"
  Related Articles: Photoshop produced bamboo simple operation    Read a number of friends were with CORELDRAW, PHOTOSHOP, and even fireworks to paint, very admired, especially the "painting with fireworks Peony" and spare themselves also try painting deputy, but with FLAS...
ActiveX how to call the ActiveX website quoted in the JavaScript function
  Foreword    Many netizens asked, in HTML pages placed in a COM object, this object to the call in the pages of the script function, I have recently because of the need for such a feature, the Internet search, received a lot of help , but has not found a complete realization. ...
Ajax Loading instructions generated picture website
  Ajax Loading instructions generated picture of the web site for the type of graphic options still Tingzhi, if there is a choice of style when the better examples    Http://www.ajaxload.info/  ...