약 2일만에 검색 디자인을 변경 !

3일동안 작업한 하드코딩. -_-

결과물

http://www.morssola.com/bbs/search.php?stx=%B1%D7%B4%A9%BA%B8%B5%E5

푸헤헤헤헤헤



<style type="text/css">
#Sbox, #Stab, #Slist, #Schbottom
{
width:97%;
margin:auto;
text-align:left;
}

#Schbottom #SchBar {width:100%; height:50px; margin-top:20px; text-align:center; float:left;}
#Schbottom li {display:inline; margin-right:5px; float:left;}
#Schbottom li #search {width:350px; height:29px; border:3px solid #ff7b9d; float:left;}
#Schbottom li #button {width:100px; text-align:left; float:left;}

#Sbox {height:50px; margin-top:20px;}

#Sbox li {display:inline; margin-right:5px; float:left;}
#Sbox li #logo {width:130px; float:left;}
#Sbox li #search {width:350px; height:29px; border:3px solid #ff7b9d; float:left;}
#Sbox li #button {width:100px; float:left;}

#Stab #TabMenu {width:97%; height:30px; background:url('../design/skin/search/pink/img/tab_bg.gif'); margin-top:5px; text-align:left; float:left;}
#tabnav {position:absolute; list-style:none; margin:0; padding:0; height:29px; display:inline; overflow:hidden; width:97%; float:left;}
#tabnav li {display:inline; float:left;}
#tabnav a {padding:29px 0 0 0; float:left;}
#tabnav a:hover {background-position:0 -29px;}

#tab01, #tab01 a{width:66px;background:url('../design/skin/search/pink/img/tab01.gif');}
#tab02, #tab02 a{width:54px;background:url('../design/skin/search/pink/img/tab02.gif');}
#tab03, #tab03 a{width:54px;background:url('../design/skin/search/pink/img/tab03.gif');}
#tab04, #tab04 a{width:54px;background:url('../design/skin/search/pink/img/tab04.gif');}
#tab05, #tab05 a{width:54px;background:url('../design/skin/search/pink/img/tab05.gif');}
#tab06, #tab06 a{width:54px;background:url('../design/skin/search/pink/img/tab06.gif');}

#tab01, #tab01 a {background:url('../design/skin/search/pink/img/tab01_1.gif');}
#Slist #listBox {width:80%; margin-top:10px; padding:0 0 0 10px; float:left;}

#Slist #keyword {width:220px; margin-left:20px; margin-top:15px; float:left;}

#Slist #listBox #info {width:100%; height:20px; margin-top:5px; margin-bottom:20px; float:left;}

#Slist #listBox #not {width:100%; height:100px; margin-top:5px; margin-bottom:20px; float:left;}

#Slist #listBox #add {width:100%; height:20px; text-align:right; float:left;}
#Slist #listBox #line {line-height:1px; width:100%; height:1px; font-size:1px; border-top:1px solid #EEEEEE; float:left;}

#go {width:100%; margin-bottom:20px; float:left;}
#go #title {width:100%; height:20px; margin-bottom:15px; float:left;}
#go #list {width:100%; padding:0 0 0 10px; margin-bottom:20px; float:left;}

#plus {width:100%; margin-bottom:20px; float:left;}
#plus #title {width:100%; height:20px; margin-bottom:15px; float:left;}
#plus #list {width:100%; padding:0 0 0 10px; margin-bottom:20px; float:left;}

#site {width:100%; margin-bottom:20px; float:left;}
#site #title {width:100%; height:20px; margin-bottom:15px; float:left;}
#site #list {width:100%; padding:0 0 0 10px; margin-bottom:20px; float:left;}
#site #page {width:100%; height:40px; margin-top:20px; text-align:center; float:left;}

#board {width:100%; margin-bottom:20px; float:left;}
#board #title {width:100%; height:20px; margin-bottom:15px; float:left;}
#board #list {width:100%; padding:0 0 0 10px; margin-bottom:20px; float:left;}
#board #list #image {width:80; margin-right:10px; float:left;}
#board #list #text {width:90%; float:left;}
#board #list #sub {width:100%; height:25px; float:left;}
#board #list #con {width:100%; float:left;}
#board #page {width:100%; height:40px; margin-top:20px; text-align:center; float:left;}

#cafe {width:100%; margin-bottom:20px; float:left;}
#cafe #title {width:100%; height:20px; margin-bottom:15px; float:left;}
#cafe #list {width:100%; padding:0 0 0 10px; margin-bottom:20px; float:left;}
#cafe #list #image {width:80; margin-right:10px; float:left;}
#cafe #list #text {width:90%; float:left;}
#cafe #list #sub {width:100%; height:25px; float:left;}
#cafe #list #con {width:100%; float:left;}
#cafe #page {width:100%; height:40px; margin-top:20px; text-align:center; float:left;}

#img {width:100%; margin-bottom:20px; float:left;}
#img #title {width:100%; height:20px; margin-bottom:15px; float:left;}
#img #list {width:180px; height:200px; padding:0 0 0 5px; margin-bottom:20px; text-align:center; float:left;}
#img #list #image {width:110px; height:110px; padding:3px; border:1px solid #EEEEEE; float:left;}
#img #list #sub {width:110px; height:40px; margin-top:5px; float:left;}
#img #list #board {width:110px; height:25px; margin-top:5px; float:left;}
#img #page {width:100%; height:40px; margin-top:20px; text-align:center; float:left;}

#blog {width:100%; margin-bottom:20px;float:left;}
#blog #title {width:100%; height:20px; margin-bottom:10px;}
#blog #list {width:100%; padding:0 0 0 10px;}

#add .more {text-decoration:underline; color:#003fc0; font-size:9pt; font-family:굴림;}

#title .SchTitle {font-weight:bold; color:#000000; font-size:11pt; font-family:굴림;}
#title .SchCount {color:#777777; font-size:12px; font-family:굴림;}

#text .subject {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#text A.subject:link {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#text A.subject:visited {text-decoration:underline; color:#6a1a8b; font-size:10pt; font-family:굴림;}
#text A.subject:active {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#text A.subject:hover {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}

#text .content {line-height:130%; text-decoration:none; color:#000000; font-size:10pt; font-family:굴림;}
#text .time {color:#999999; font-size:11px; font-family:굴림;}

#img #sub .subject {line-height:20px; text-decoration:underline; color:#003fc0; font-size:9pt; font-family:굴림;}
#img #sub A.subject:link {line-height:20px; text-decoration:underline; color:#003fc0; font-size:9pt; font-family:굴림;}
#img #sub A.subject:visited {line-height:20px; text-decoration:underline; color:#6a1a8b; font-size:9pt; font-family:굴림;}
#img #sub A.subject:active {line-height:20px; text-decoration:underline; color:#003fc0; font-size:9pt; font-family:굴림;}
#img #sub A.subject:hover {line-height:20px; text-decoration:underline; color:#003fc0; font-size:9pt; font-family:굴림;}

#img #board .subject {color:#898989; font-size:12px; font-family:굴림;}
#img #board A.subject:link {color:#898989; font-size:12px; font-family:굴림;}
#img #board A.subject:visited {color:#6a1a8b; font-size:12px; font-family:굴림;}
#img #board A.subject:active {color:#898989; font-size:12px; font-family:굴림;}
#img #board A.subject:hover {color:#898989; font-size:12px; font-family:굴림;}

#site .name {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#site A.name:link {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#site A.name:visited {text-decoration:underline; color:#6a1a8b; font-size:10pt; font-family:굴림;}
#site A.name:active {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#site A.name:hover {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}

#site .memo {line-height:20px; text-decoration:none; color:#000000; font-size:10pt; font-family:굴림;}
#site .url {line-height:20px; text-decoration:none; color:#319804; font-size:9pt; font-family:굴림;}
#site .cate {line-height:20px; text-decoration:none; color:#898989; font-size:9pt; font-family:굴림;}

#plus .name {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#plus A.name:link {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#plus A.name:visited {text-decoration:underline; color:#6a1a8b; font-size:10pt; font-family:굴림;}
#plus A.name:active {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#plus A.name:hover {text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}

#plus .memo {line-height:20px; text-decoration:none; color:#000000; font-size:10pt; font-family:굴림;}
#plus .url {line-height:20px; text-decoration:none; color:#319804; font-size:9pt; font-family:굴림;}
#plus .cate {line-height:20px; text-decoration:none; color:#898989; font-size:9pt; font-family:굴림;}


#go .name {font-weight:bold; text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#go A.name:link {font-weight:bold; text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#go A.name:visited {font-weight:bold; text-decoration:underline; color:#6a1a8b; font-size:10pt; font-family:굴림;}
#go A.name:active {font-weight:bold; text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}
#go A.name:hover {font-weight:bold; text-decoration:underline; color:#003fc0; font-size:10pt; font-family:굴림;}

#go .url {line-height:20px; text-decoration:none; color:#319804; font-size:9pt; font-family:굴림;}
</style>

헉 대단하시네요

헉 너무 무시무시하구요

세모로 해주세요. ㅋㅋ
ㅛㅛ

상당히 깔끔하고 좋음~

[http://www.sir.co.kr/img/emoticon/md4.gif] 멋져요

대단하시군요...^^

검색버튼을 눌러본 1人

업어가도 되남요?
[http://www.sir.co.kr/img/emoticon/md8.gif]

대단하십니다 공개해주세요~~^^

난 둥글게 해야지~

동그리동그리~ 동그리동그리~~