body background

Personal/Delegated 2011.02.19 11:43
스킨을 마감할 즈음
바디배경색의 선택이 쉽지만은 않습니다.
규칙성이 있다면 마음이 가벼워집니다.
사이드바 좌우측색을 같게 한다.
헤드와 바탕색을 같게 한다.
블로그 수평메뉴와 푸트색을 같게 한다 등..

다음 코드를 스킨에 넣으면 적절한 바탕색 선택이 쉬워집니다.

<FORM style="margin:33px auto 5px auto;width:988px;text-align:right;">
<SELECT Size=1 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION Value="FFFFFF" SELECTED>Default
<OPTION Value="F0F8FF">aliceblue
<OPTION Value="FAEBD7">antiquewhite
<OPTION Value="00FFFF">aqua
<OPTION Value="7FFFD4">auuamarine
<OPTION Value="F0FFFF">azure
<OPTION Value="F5F5DC">beige
<OPTION Value="FFE4C4">bisque
<OPTION Value="000000">black
<OPTION Value="FFEBCD">blanchedalmond
<OPTION Value="0000FF">blue
<OPTION Value="8A2BE2">blueviolet
<OPTION Value="A52A2A">brown
<OPTION Value="DEB887">burlywood
<OPTION Value="5F9EA0">cadetblue
<OPTION Value="7FFF00">chartreuse
<OPTION Value="D2691E">chocolate
<OPTION Value="FF7F50">coral
<OPTION Value="6495ED">cornflowerblue
<OPTION Value="FFF8DC">cornsilk
<OPTION Value="DC143C">crimson
<OPTION Value="00FFFF">cyan
<OPTION Value="00008B">darkblue
<OPTION Value="008B8B">darkcyan
<OPTION Value="B8860B">darkgoldenrod
<OPTION Value="A9A9A9">darkgray
<OPTION Value="006400">darkgreen
<OPTION Value="BDB76B">darkkhaki
<OPTION Value="8B008B">darkmagenta
<OPTION Value="556B2F">darkolivegreen
<OPTION Value="FF8C00">darkorange
<OPTION Value="9932CC">darkorchid
<OPTION Value="8B0000">darkred
<OPTION Value="E9967A">darksamon
<OPTION Value="8FBC8F">darkseagreen
<OPTION Value="483D8B">darkslateblue
<OPTION Value="2F4F4F">darkslategray
<OPTION Value="00CED1">darkturquoise
<OPTION Value="9400D3">darkviolet
<OPTION Value="FF1493">deeppink
<OPTION Value="00BFFF">deepskyblue
<OPTION Value="696969">dimgray
<OPTION Value="1E90FF">dodgerblue
<OPTION Value="B22222">firebrick
<OPTION Value="FFFAF0">florawhite
<OPTION Value="228B22">forestgreen
<OPTION Value="FF00FF">fuchsia
<OPTION Value="DCDCDC">gainsboro
<OPTION Value="F8F8FF">ghostwhite
<OPTION Value="FFD700">gold
<OPTION Value="DAA520">goldenrod
<OPTION Value="808080">gray
<OPTION Value="008000">green
<OPTION Value="ADFF2F">greenyellow
<OPTION Value="F0FFF0">honeydew
<OPTION Value="FF69B4">hotpink
<OPTION Value="CD5C5C">indianred
<OPTION Value="4B0082">indigo
<OPTION Value="FFFFF0">ivory
<OPTION Value="F0E68C">khaki
<OPTION Value="E6E6FA">lavender
<OPTION Value="FFF0F5">lavenderblush
<OPTION Value="7CFC00">lawngreen
<OPTION Value="FFFACD">lemonchiffon
<OPTION Value="ADD8E6">lightblue
<OPTION Value="F08080">lightcoral
<OPTION Value="E0FFFF">lightcyan
<OPTION Value="FAFAD2">lightgoldenrodyellow
<OPTION Value="90EE90">lightgreen
<OPTION Value="D3D3D3">lightgrey
<OPTION Value="FFB6C1">lightpink
<OPTION Value="FFA07A">lightsalmon
<OPTION Value="20B2AA">lightseagreen
<OPTION Value="87CEFA">lightskyblue
<OPTION Value="778899">lightslategray
<OPTION Value="B0C4DE">lightsteelblue
<OPTION Value="FFFFE0">lightyellow
<OPTION Value="00FF00">lime
<OPTION Value="32CD32">limegreen
<OPTION Value="FAF0E6">linen
<OPTION Value="FF00FF">magenta
<OPTION Value="800000">maroon
<OPTION Value="66CDAA">mediumaquamarine
<OPTION Value="0000CD">mediumblue
<OPTION Value="BA55D3">mediumorchid
<OPTION Value="9370DB">mediumpurple
<OPTION Value="3CB371">mediumseagreen
<OPTION Value="7B68EE">mediumslateblue
<OPTION Value="00FA9A">mediumspringgreen
<OPTION Value="48D1CC">mediumturquoise
<OPTION Value="C71585">mediumvioletred
<OPTION Value="191970">midnightblue
<OPTION Value="F5FFFA">mintcream
<OPTION Value="FFE4E1">mistyrose
<OPTION Value="FFE4B5">moccasin
<OPTION Value="FFDEAD">navajowhite
<OPTION Value="000080">navy
<OPTION Value="FDF5E6">oldlace
<OPTION Value="808000">olive
<OPTION Value="6B8E23">olivedrab
<OPTION Value="FFA500">orange
<OPTION Value="FF4500">orangered
<OPTION Value="DA70D6">orchid
<OPTION Value="EEE8AA">palegoldenrod
<OPTION Value="98FB98">palegreen
<OPTION Value="AFEEEE">paleturquoise
<OPTION Value="DB7093">palevioletred
<OPTION Value="FFEFD5">papayawhip
<OPTION Value="Peachpuff"> peachpuff
<OPTION Value="CD853F">peru
<OPTION Value="FFC0CB">pink
<OPTION Value="DDA0DD">plum
<OPTION Value="B0E0E6">powderblue
<OPTION Value="800080">purple
<OPTION Value="FF0000">red
<OPTION Value="BC8F8F">rosybrown
<OPTION Value="4169E1">royalblue
<OPTION Value="8B4513">saddlebrown
<OPTION Value="FA8072">salmon
<OPTION Value="F4A460">sandybrown
<OPTION Value="2E8B57">seagreen
<OPTION Value="FFF5EE">seashell
<OPTION Value="A0522D">sienna
<OPTION Value="C0C0C0">silver
<OPTION Value="87CEEB">skyblue
<OPTION Value="6A5ACD">slateblue
<OPTION Value="708090">slategray
<OPTION Value="FFFAFA">snow
<OPTION Value="00FF7F">springgreen
<OPTION Value="4682B4">steelblue
<OPTION Value="D2B48C">tan
<OPTION Value="008080">teal
<OPTION Value="D8BFD8">thistle
<OPTION Value="FF6347">tomato
<OPTION Value="40E0D0">turquoise
<OPTION Value="EE82EE">violet
<OPTION Value="F5DEB3">wheat
<OPTION Value="FFFFFF">white
<OPTION Value="F5F5F5">whitesmoke
<OPTION Value="FFFF00">yellow
<OPTION Value="9ACD32">yellowgreen
</SELECT>
</FORM>

사용법
- 스타일/백그라운드 미지정해야 정상작동됨
- 스킨/바디/바로뒤 정도에 배치
과제물 - 갱신(화면전환)되면 미설정으로 되는데 선택된 색상 유효법이 궁금함

  
posted by 大道

수평메뉴와 수직메뉴 그리고 블로그의 정체

Ad 2011.02.08 06:23
수평메뉴는 바로가기이다.
수직메뉴는 간단한 자바이다.

블로그는 입력과 출력이다 - 부제: 블로그는 페이징 나비이다.
블로그가 한가한 검색일 경우
나의 입력이 없는 기본적으로 소비성향이 있으므로
나의 생활로 돌아갈 때이다.

보충:

수평메뉴에서,
오랜 노력과 숙고 끝에
다단메뉴보다 바로가기가 낫다고 결정했다.

수직메뉴에서,
탭메뉴는 페이징 나비 단추가 없는 한
간단한 자바코드보다 열하다고 결정했다.

결언 - 블로그가 한가한 사치가 되지 않도록 생활인은 생활에 소홀하지 않는 중에 블로그하다.

posted by 大道