[글쓴이:] 웅파

테이블 태그 없이 css로 작업하기 – 스타일시트

웅파 작성

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #B0C0D0;
}

p {
font: 12px /1.5 Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

li {
font:12px /1.5 Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

h1 {
font: bold 20px /30px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
color:#358;
padding: 0px;
margin: 0px;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

img {
border: 0;
}

form {
margin: 0px;
padding: 0px;
}

#top {
margin: 0px 20px 0px 20px;
padding: 0px 8px 0px 0px;
border: 0px;
height: 80px;
background: #B0C0D0 url(/cssdesign/tail1.gif) repeat-x right bottom;
}

#crumbtrail {
position: absolute;
z-index: 20;
top: 85px;
left: 170px;
}

#search {
margin: 0px 20px 0px 159px;
padding: 0px 10px 2px 10px;
background: #CAD5DF;
}

#middle {
margin: 0px 20px 0px 159px;
padding: 4px 4% 2px 4%;
border: 0px;
background: #fff;
}

#left {
position: absolute;
width: 138px;
top: 80px;
left: 21px;
margin: 0px 0px 0px 0px;
padding: 108px 0px 0px 0px;
border: 0px ;
background: #B0C0D0;
}

#sub {
position: absolute;
z-index: 5;
width: 147px;
height: 113px;
top: 75px;
left: 12px;
background: url(/cssdesign/bgsubscribe.gif) no-repeat;
padding: 15px 0px 0px 25px;
}

#banner {
text-align: center;
}

#privacy {
background: #6691BC;
margin: 0px 20px 0px 159px;
padding: 5px 4% 5px 4%;
}

#copyright {
position: relative;
background: #445566 url(http://www.sitepoint.com/graphics/v2/layout/footer_btmright.gif) no-repeat bottom right;
margin: 0px 20px 20px 159px;
padding: 5px 0px 5px 0px;
}

#leftcurve {
position: relative;
top: -33px;
width:172px;
background: url(http://www.sitepoint.com/graphics/v2/layout/footer_btmleft.gif) no-repeat top right;
}

.message {
display: none;
}

.header {
width: 100%;
background: url(/cssdesign/tail_tile1.gif) repeat-x ;
}

.ads {
width: 100%;
background: #B0C0D0 ;
}

.top {
color: #808080;
font: 10px /20px verdana, arial, helvetica, sans-serif;
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
}

.left {
color: #808080;
font: 10px /19px verdana, arial, helvetica, sans-serif;
margin-bottom: 20px;
}

.sub {
font: 10px verdana, arial, helvetica, sans-serif;
}

.search {
font: 12px verdana, arial, helvetica, sans-serif;
text-align: right;
}

.mininav {
width: 100%;
text-align: right;
font: 7px /2 Arial;
color: #b0b0b0;
}

.ratearticle {
background: #eee ;
text-align: center;
padding: 0px;
}

.smauthorname {
text-decoration:none;
font-size: 8pt;
color:#335588; ; font-family: Arial, Helvetica, sans-serif}

.privacy {
font: 10px Arial, Helvetica;
color: #CCC;
text-align: right;
text-decoration: none;
margin: 0;
padding: 0;
}

a:hover.privacy {
text-decoration: none;
color: #fff;
}

.copyright {
font: 9px /1.2 Arial, Helvetica;
color: #CCC;
text-align: center;
margin: 0px;
padding:0px;
}

.navside {
background: #6691BC;
width: 138px;
height: 24px;
text-indent: 10px;
padding: 0px;
margin: 0px;
}

.curly {
background: #6691BC url(http://www.sitepoint.com/graphics/v2/layout/menu_btmcorner.gif) bottom left no-repeat;
width: 138px;
height: 14px;
margin: 0px;
}

.navsidelink {
text-decoration: none;
font: bold 12px /2 Verdana, Arial, Helvetica, sans-serif ;
color:#FFFFFF;
padding: 0px;
margin: 0px;
}

.navsidenotes {
font: 10px Verdana,Arial,Helvetica,Sans;
color: #17324E;
padding: 10px 10px;
background: #769DC5;
margin: 0px;
}

A:hover.navsidelink {
text-decoration:none;
color:#DDDDDD;
}

.navbody {
color:#335588;
}

A:hover.navbody {
color:#666666;
}

.standard {
font: 10px /13px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.articleTitleLink {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#0022AA;
text-decoration: underline
}

A:hover.articleTitleLink {
color:#3a77EE
}

.smlink {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

A:hover.smlink {
color:#3a77EE;
}

.global2 {
font: 9px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#b0b0b0;
}

A:hover.global2 {
text-decoration:underline;
color:#e0e0e0
}

.asseen {
font: 9px /13px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align: center;
margin: 0px;
}

인터넷 달력?

웅파 작성

꺼벙이
http://i.am/thinker0

  아래 버튼을 쿨릭하시면 달력이 나타 납니다. 많이 사용하세요. 저는 JS파일을 따로 두고 필요한 부분에서 아래의 1출만 넣어서 사용 하고 있습니다. 데브피아에 있던 소스를 제가 다시 작성하였습니다. 여기서는 스타일시트가 조금 틀려서 달력이 좀 크네요.

새끼꼬는 노인

웅파 작성

1991.8. 作

초상화실을 다니면서 전시회를 가졌었는데, 그때 제출했던 그림입니다.
또 하나가 있는데 그것은 세째언니가 보관하고 있답니다.
참 그림의 모델은 민속촌에서 일하시는 분이에요. 지금도 계실지…..

한복이 고우신 어머니

웅파 작성

2001.7.26 作 -연필-

미술사랑 전시회에 참가하면서 제출했던 그림입니다.
처음에 같은 그림을 지금보다 작은 사이즈에 그려서 표구점에 맡겼었는데,
표구점에서 그림을 잃어버렸답니다. 어떻게 하나 고민하다가 다시 같은 그림을
좀 더 큰 사이즈에 그렸지요. 근데 두번째가 더 나은것 같아 안심하던 일이 엊그제 같은데, 벌써 1년이 지나버렸네요.
부족한 부분이 많지만 어머니 방에 걸려있는 그림을 오며가며 볼때는 내심
뿌듯하답니다. ^^

이번 주만 표현하기

웅파 작성

// yy 4자리 연도, n 월, j 일, w 0일요일 1월요일~5금요일 6토요일
// date(“2002 7 1 1”) 이런 식으로 테스트해보세요…
list($yy,$mm,$dd,$tn) = explode(” “,date(“Y n j w”));

// 시작일을 구합니다.
$sd = $dd – $tn;

// 7번 반복. 바로 for문을 돌립니다. 미리 $ed = $sd + 7; 변수를 지정후 이용해도 됩니다.
// mktime() 함수를 이용해 시,분,초,월,일,년 파라메타로 타임스탬프 생성~
// date() 함수로 최종적으로 월/일 을 출력합니다.
for ($i=$sd; $i<$sd+7; $i++) echo date("n/j ",mktime(0,0,0,$mm,$i,$yy)); // 오늘(6/24) 실행하면 결과는 아래와 같이 나옵니다.
// 6/23 6/24 6/25 6/26 6/27 6/28 6/29

?>