웹
| 2009-01-05 15:44:38
웹
| 2008-12-22 11:01:08
웹
| 2008-12-15 17:41:27
웹
| 2008-08-04 11:58:21
<script type="text/JavaScript">
function setFontags(x){
var y={1:12,2:13,3:16,4:18,5:24,6:32,7:48};
return y[x]+'px';
}
</script>
<style type="text/css">
td,body{font-size:12px;font-family:굴림}
font[size="1"]{font-size:12px}
font[size="2"]{font-size:13px}
font[size="3"]{font-size:16px}
font[size="4"]{font-size:18px}
font[size="5"]{font-size:24px}
font[size="6"]{font-size:32px}
font[size="7"]{font-size:48px}
font{font-size:expression(setFontags(this.currentStyle.fontSize));}
</style>
<font size=1>1 안녕하세요? Abc</font>
출처 - php스쿨 - 칼슘님이 작성하신 부분
function setFontags(x){
var y={1:12,2:13,3:16,4:18,5:24,6:32,7:48};
return y[x]+'px';
}
</script>
<style type="text/css">
td,body{font-size:12px;font-family:굴림}
font[size="1"]{font-size:12px}
font[size="2"]{font-size:13px}
font[size="3"]{font-size:16px}
font[size="4"]{font-size:18px}
font[size="5"]{font-size:24px}
font[size="6"]{font-size:32px}
font[size="7"]{font-size:48px}
font{font-size:expression(setFontags(this.currentStyle.fontSize));}
</style>
<font size=1>1 안녕하세요? Abc</font>
출처 - php스쿨 - 칼슘님이 작성하신 부분
웹
| 2008-02-12 12:28:23
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 표현하기!</title>
<style type="text/css">
.rtop, .rbottom {display: block}
.rtop *, .rbottom * {display: block; height: 1px; overflow: hidden; background:#cccccc}
.rtop_s, .rbottom_s {display: block}
.rtop_s *, .rbottom_s * {display: block; height: 1px; overflow: hidden; background:#6699cc}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.box { text-align:center; background:#cccccc; padding:5px 10px; font-size:12px; font-size:12px}
.box_s { text-align:center; background:#6699cc; padding:5px 10px; font-size:12px; font-size:12px; color:white; }
#menu ul { margin: 0px; padding: 0px; }
#menu ul li { width: 100px; float: left; margin-right: 5px; }
</style>
<script language="javascript">
function changeLine(num) {
for(var i=0; i < topMenu.length; i++) {
if (i == num) topMenu[i].className = "rtop_s";
else topMenu[i].className = "rtop";
}
for(var i=0; i < btmMenu.length; i++) {
if (i == num) btmMenu[i].className = "rbottom_s";
else btmMenu[i].className = "rbottom";
}
}
function changeTab() {
for(var i=0; i < boxMenu.length; i++) {
if (boxMenu[i] == this) {
boxMenu[i].className = "box_s";
changeLine(i);
} else {
boxMenu[i].className = "box";
}
}
}
var topMenu = new Array();
var boxMenu = new Array();
var btmMenu = new Array();
function init() {
var objList = document.body.getElementsByTagName("b");
for (var j=0; j < objList.length; j++) {
if(objList[j].className == "rtop") {
topMenu.push(objList[j]);
}
if(objList[j].className == "rbottom") {
btmMenu.push(objList[j]);
}
}
var objList = document.body.getElementsByTagName("div");
for (var j=0; j < objList.length; j++) {
if(objList[j].className == "box") {
boxMenu.push(objList[j]);
objList[j].onmouseover = this.changeTab;
objList[j].onmouseout = this.changeTab;
}
}
topMenu[0].className = "rtop_s";
boxMenu[0].className = "box_s";
btmMenu[0].className = "rbottom_s";
}
</script>
</head>
<body onload="init()">
<div id="menu">
<ul>
<li title="공지사항">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="box">공지사항</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</li>
<li title="자유게시판">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="box">자유게시판</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</li>
<li title="메모장">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="box">메모장</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</li>
</ul>
</div>
</body>
</html>
phpschool에서 하랑이짱님이 올리신것
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>이미지 없이 라운딩 박스 표현하기!</title>
<style type="text/css">
.rtop, .rbottom {display: block}
.rtop *, .rbottom * {display: block; height: 1px; overflow: hidden; background:#cccccc}
.rtop_s, .rbottom_s {display: block}
.rtop_s *, .rbottom_s * {display: block; height: 1px; overflow: hidden; background:#6699cc}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
.box { text-align:center; background:#cccccc; padding:5px 10px; font-size:12px; font-size:12px}
.box_s { text-align:center; background:#6699cc; padding:5px 10px; font-size:12px; font-size:12px; color:white; }
#menu ul { margin: 0px; padding: 0px; }
#menu ul li { width: 100px; float: left; margin-right: 5px; }
</style>
<script language="javascript">
function changeLine(num) {
for(var i=0; i < topMenu.length; i++) {
if (i == num) topMenu[i].className = "rtop_s";
else topMenu[i].className = "rtop";
}
for(var i=0; i < btmMenu.length; i++) {
if (i == num) btmMenu[i].className = "rbottom_s";
else btmMenu[i].className = "rbottom";
}
}
function changeTab() {
for(var i=0; i < boxMenu.length; i++) {
if (boxMenu[i] == this) {
boxMenu[i].className = "box_s";
changeLine(i);
} else {
boxMenu[i].className = "box";
}
}
}
var topMenu = new Array();
var boxMenu = new Array();
var btmMenu = new Array();
function init() {
var objList = document.body.getElementsByTagName("b");
for (var j=0; j < objList.length; j++) {
if(objList[j].className == "rtop") {
topMenu.push(objList[j]);
}
if(objList[j].className == "rbottom") {
btmMenu.push(objList[j]);
}
}
var objList = document.body.getElementsByTagName("div");
for (var j=0; j < objList.length; j++) {
if(objList[j].className == "box") {
boxMenu.push(objList[j]);
objList[j].onmouseover = this.changeTab;
objList[j].onmouseout = this.changeTab;
}
}
topMenu[0].className = "rtop_s";
boxMenu[0].className = "box_s";
btmMenu[0].className = "rbottom_s";
}
</script>
</head>
<body onload="init()">
<div id="menu">
<ul>
<li title="공지사항">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="box">공지사항</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</li>
<li title="자유게시판">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="box">자유게시판</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</li>
<li title="메모장">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="box">메모장</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</li>
</ul>
</div>
</body>
</html>
phpschool에서 하랑이짱님이 올리신것
웹
| 2008-01-09 16:18:53
Colors by Lightness
The named colors, sorted by lightness.
| Color | Name | RGB Value |
|---|---|---|
.gif) |
White | #FFFFFF |
|
WhiteSmoke | #F5F5F5 |
|
Snow | #FFFAFA |
|
MistyRose | #FFE4E1 |
|
Seashell | #FFF5EE |
|
Linen | #FAF0E6 |
|
AntiqueWhite | #FAEBD7 |
|
BlanchedAlmond | #FFEBCD |
|
PapayaWhip | #FFEFD5 |
|
OldLace | #FDF5E6 |
|
FloralWhite | #FFFAF0 |
|
Cornsilk | #FFF8DC |
|
LemonChiffon | #FFFACD |
|
Beige | #F5F5DC |
|
LightGoldenrodYellow | #FAFAD2 |
|
Ivory | #FFFFF0 |
|
LightYellow | #FFFFE0 |
|
Honeydew | #F0FFF0 |
|
MintCream | #F5FFFA |
|
Azure | #F0FFFF |
|
LightCyan | #E0FFFF |
|
AliceBlue | #F0F8FF |
|
Lavender | #E6E6FA |
|
GhostWhite | #F8F8FF |
|
LavenderBlush | #FFF0F5 |
|
Gainsboro | #DCDCDC |
|
LightGrey | #D3D3D3 |
|
PeachPuff | #FFDAB9 |
|
Bisque | #FFE4C4 |
|
NavajoWhite | #FFDEAD |
|
Moccasin | #FFE4B5 |
|
Wheat | #F5DEB3 |
|
PaleGoldenrod | #EEE8AA |
|
PaleTurquoise | #AFEEEE |
|
Pink | #FFC0CB |
|
LightPink | #FFB6C1 |
|
Silver | #C0C0C0 |
|
LightCoral | #F08080 |
|
Salmon | #FA8072 |
|
LightSalmon | #FFA07A |
|
BurlyWood | #DEB887 |
|
Khaki | #F0E68C |
|
LightGreen | #90EE90 |
|
PaleGreen | #98FB98 |
|
Aquamarine | #7FFFD4 |
|
PowderBlue | #B0E0E6 |
|
LightBlue | #ADD8E6 |
|
SkyBlue | #87CEEB |
|
LightSkyBlue | #87CEFA |
|
LightSteelBlue | #B0C4DE |
|
Thistle | #D8BFD8 |
|
Plum | #DDA0DD |
|
Violet | #EE82EE |
|
HotPink | #FF69B4 |
|
DarkGray | #A9A9A9 |
|
RosyBrown | #BC8F8F |
|
Tomato | #FF6347 |
|
DarkSalmon | #E9967A |
|
Coral | #FF7F50 |
|
SandyBrown | #F4A460 |
|
Tan | #D2B48C |
|
DarkSeaGreen | #8FBC8F |
|
MediumAquamarine | #66CDAA |
|
CornflowerBlue | #6495ED |
|
MediumSlateBlue | #7B68EE |
|
MediumPurple | #9370DB |
|
Orchid | #DA70D6 |
|
PaleVioletRed | #DB7093 |
|
Gray | #808080 |
|
IndianRed | #CD5C5C |
|
Red | #FF0000 |
|
OrangeRed | #FF4500 |
|
Peru | #CD853F |
|
DarkOrange | #FF8C00 |
|
Orange | #FFA500 |
|
Gold | #FFD700 |
|
DarkKhaki | #BDB76B |
|
Yellow | #FFFF00 |
|
YellowGreen | #9ACD32 |
|
GreenYellow | #ADFF2F |
|
Chartreuse | #7FFF00 |
|
LimeGreen | #32CD32 |
|
Lime | #00FF00 |
|
SpringGreen | #00FF7F |
|
Turquoise | #40E0D0 |
|
MediumTurquoise | #48D1CC |
|
Cyan | #00FFFF |
|
Aqua | #00FFFF |
|
CadetBlue | #5F9EA0 |
|
DeepSkyBlue | #00BFFF |
|
DodgerBlue | #1E90FF |
|
LightSlateGray | #778899 |
|
SlateGray | #708090 |
|
RoyalBlue | #4169E1 |
|
Blue | #0000FF |
|
SlateBlue | #6A5ACD |
|
BlueViolet | #8A2BE2 |
|
MediumOrchid | #BA55D3 |
|
Magenta | #FF00FF |
|
Fuchsia | #FF00FF |
|
DeepPink | #FF1493 |
|
DimGray | #696969 |
|
Brown | #A52A2A |
|
FireBrick | #B22222 |
|
Sienna | #A0522D |
|
Chocolate | #D2691E |
|
Goldenrod | #DAA520 |
|
LawnGreen | #7CFC00 |
|
MediumSeaGreen | #3CB371 |
|
MediumSpringGreen | #00FA9A |
|
LightSeaGreen | #20B2AA |
|
DarkTurquoise | #00CED1 |
|
SteelBlue | #4682B4 |
|
MediumBlue | #0000CD |
|
DarkOrchid | #9932CC |
|
DarkViolet | #9400D3 |
|
MediumVioletRed | #C71585 |
|
Crimson | #DC143C |
|
SaddleBrown | #8B4513 |
|
DarkGoldenrod | #B8860B |
|
OliveDrab | #6B8E23 |
|
DarkOliveGreen | #556B2F |
|
ForestGreen | #228B22 |
|
SeaGreen | #2E8B57 |
|
DarkSlateBlue | #483D8B |
|
DarkRed | #8B0000 |
|
Maroon | #800000 |
|
Olive | #808000 |
|
Green | #008000 |
|
DarkSlateGray | #2F4F4F |
|
DarkCyan | #008B8B |
|
Teal | #008080 |
|
MidnightBlue | #191970 |
|
DarkBlue | #00008B |
|
Navy | #000080 |
|
Indigo | #4B0082 |
|
DarkMagenta | #8B008B |
|
Purple | #800080 |
|
DarkGreen | #006400 |
|
Black | #000000 |
웹
| 2008-01-09 16:14:14
Colors by Hue
The named colors, sorted by hue.
| Color | Name | RGB Value |
|---|---|---|
.gif) |
LightPink | #FFB6C1 |
|
Pink | #FFC0CB |
|
Crimson | #DC143C |
|
LavenderBlush | #FFF0F5 |
|
PaleVioletRed | #DB7093 |
|
HotPink | #FF69B4 |
|
DeepPink | #FF1493 |
|
MediumVioletRed | #C71585 |
|
Orchid | #DA70D6 |
|
Thistle | #D8BFD8 |
|
Plum | #DDA0DD |
|
Violet | #EE82EE |
|
Magenta | #FF00FF |
|
Fuchsia | #FF00FF |
|
DarkMagenta | #8B008B |
|
Purple | #800080 |
|
MediumOrchid | #BA55D3 |
|
DarkViolet | #9400D3 |
|
DarkOrchid | #9932CC |
|
Indigo | #4B0082 |
|
BlueViolet | #8A2BE2 |
|
MediumPurple | #9370DB |
|
MediumSlateBlue | #7B68EE |
|
SlateBlue | #6A5ACD |
|
DarkSlateBlue | #483D8B |
|
Lavender | #E6E6FA |
|
GhostWhite | #F8F8FF |
|
Blue | #0000FF |
|
MediumBlue | #0000CD |
|
MidnightBlue | #191970 |
|
DarkBlue | #00008B |
|
Navy | #000080 |
|
RoyalBlue | #4169E1 |
|
CornflowerBlue | #6495ED |
|
LightSteelBlue | #B0C4DE |
|
LightSlateGray | #778899 |
|
SlateGray | #708090 |
|
DodgerBlue | #1E90FF |
|
AliceBlue | #F0F8FF |
|
SteelBlue | #4682B4 |
|
LightSkyBlue | #87CEFA |
|
SkyBlue | #87CEEB |
|
DeepSkyBlue | #00BFFF |
|
LightBlue | #ADD8E6 |
|
PowderBlue | #B0E0E6 |
|
CadetBlue | #5F9EA0 |
|
Azure | #F0FFFF |
|
LightCyan | #E0FFFF |
|
PaleTurquoise | #AFEEEE |
|
Cyan | #00FFFF |
|
Aqua | #00FFFF |
|
DarkTurquoise | #00CED1 |
|
DarkSlateGray | #2F4F4F |
|
DarkCyan | #008B8B |
|
Teal | #008080 |
|
MediumTurquoise | #48D1CC |
|
LightSeaGreen | #20B2AA |
|
Turquoise | #40E0D0 |
|
Aquamarine | #7FFFD4 |
|
MediumAquamarine | #66CDAA |
|
MediumSpringGreen | #00FA9A |
|
MintCream | #F5FFFA |
|
SpringGreen | #00FF7F |
|
MediumSeaGreen | #3CB371 |
|
SeaGreen | #2E8B57 |
|
Honeydew | #F0FFF0 |
|
LightGreen | #90EE90 |
|
PaleGreen | #98FB98 |
|
DarkSeaGreen | #8FBC8F |
|
LimeGreen | #32CD32 |
|
Lime | #00FF00 |
|
ForestGreen | #228B22 |
|
Green | #008000 |
|
DarkGreen | #006400 |
|
Chartreuse | #7FFF00 |
|
LawnGreen | #7CFC00 |
|
GreenYellow | #ADFF2F |
|
DarkOliveGreen | #556B2F |
|
YellowGreen | #9ACD32 |
|
OliveDrab | #6B8E23 |
|
Beige | #F5F5DC |
|
LightGoldenrodYellow | #FAFAD2 |
|
Ivory | #FFFFF0 |
|
LightYellow | #FFFFE0 |
|
Yellow | #FFFF00 |
|
Olive | #808000 |
|
DarkKhaki | #BDB76B |
|
LemonChiffon | #FFFACD |
|
PaleGoldenrod | #EEE8AA |
|
Khaki | #F0E68C |
|
Gold | #FFD700 |
|
Cornsilk | #FFF8DC |
|
Goldenrod | #DAA520 |
|
DarkGoldenrod | #B8860B |
|
FloralWhite | #FFFAF0 |
|
OldLace | #FDF5E6 |
|
Wheat | #F5DEB3 |
|
Moccasin | #FFE4B5 |
|
Orange | #FFA500 |
|
PapayaWhip | #FFEFD5 |
|
BlanchedAlmond | #FFEBCD |
|
NavajoWhite | #FFDEAD |
|
AntiqueWhite | #FAEBD7 |
|
Tan | #D2B48C |
|
BurlyWood | #DEB887 |
|
Bisque | #FFE4C4 |
|
DarkOrange | #FF8C00 |
|
Linen | #FAF0E6 |
|
Peru | #CD853F |
|
PeachPuff | #FFDAB9 |
|
SandyBrown | #F4A460 |
|
Chocolate | #D2691E |
|
SaddleBrown | #8B4513 |
|
Seashell | #FFF5EE |
|
Sienna | #A0522D |
|
LightSalmon | #FFA07A |
|
Coral | #FF7F50 |
|
OrangeRed | #FF4500 |
|
DarkSalmon | #E9967A |
|
Tomato | #FF6347 |
|
MistyRose | #FFE4E1 |
|
Salmon | #FA8072 |
|
Snow | #FFFAFA |
|
LightCoral | #F08080 |
|
RosyBrown | #BC8F8F |
|
IndianRed | #CD5C5C |
|
Red | #FF0000 |
|
Brown | #A52A2A |
|
FireBrick | #B22222 |
|
DarkRed | #8B0000 |
|
Maroon | #800000 |
|
White | #FFFFFF |
|
WhiteSmoke | #F5F5F5 |
|
Gainsboro | #DCDCDC |
|
LightGrey | #D3D3D3 |
|
Silver | #C0C0C0 |
|
DarkGray | #A9A9A9 |
|
Gray | #808080 |
|
DimGray | #696969 |
|
Black | #000000 |
웹
| 2007-05-10 01:29:16
Hit : 307
<style>
#tong{width:900px;background-color:ffffff;border:1 solid #000000;}
#head{width:100%;height:300px;background-color:red;}
#left{width:200px;float:left;background-color:blue;}
#right{width:690px;float:right;background-color:ffffff;}
#foot{width:100%;height:40px;background-color:808080;}
body{margin:0}
</style>
<body>
<div id='tong'>
<div id='head'>헤드
</div>
<div id='left'>
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
<p>왼쪽
</div>
<div id='right'>
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
<p>sssss
</div>
<div style='clear:both'></div>
<div id='foot'>
하단
</div>
</div>
| 1 |