검정색 계열 게시판에서 도움 요청

검정색 계열 게시판에서 도움 요청 정보

검정색 계열 게시판에서 도움 요청

본문

보드스킨 중 재경아빠님께서 만든 블랙계열 게시판이 있습니다.

그런데 검색 부분은 하얀색으로 나와서 테두리 바탕 글자 테두리 등을

검정계열로 변경하려고 합니다.

그런데 잘 안되네요.

탑스타일을 이리저리 만저도 잘 안되네요

도움요청합니다.

1. 제목부분 글자..

2. input 부분 하얀 바탕 변경

3. 테두리 하얀 및 회색 테를 검정계열로 변경

고수님들이 알고 계시면 부탁합니다.

댓글 전체

ohora 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

07.03.18 22:31:30

색상을 변경하시기 원하시면 /js/wrest.gif를 열어 수정하신 후 업로드...
없애시려면 : G4 /js/wrest,js
약 430번 라인정도?
------------------------------------------------------------
document.forms[i].elements[j].style.backgroundImage = "url("+g4_path+"/js/wrest.gif)";
------------------------------------------------------------
주석처리...

아래는 참고하세요!

http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=2569

http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BC%BC%B8%F0&sop=and

http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BB%EF%B0%A2%C7%FC&sop=and&x=17&y=18

라이프게임 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

07.03.18 22:38:49

삼각형은 이미 해결했습니다. 잘 보시면 색깔이 바뀌어 있죠 ^^

뭐..삼각형 부분을 전체로 검정색으로 채우면 될 것 같기도 하네요..

한가지는 세모이미지를 변경하여 전체를 꾸미면 될 것 같구..

콤보 박스 색깔은 어떻게 변경하는지 혹시 아세요.

어쨌든 답변 감사합니다. 다시 질문하기 그러니 다른 답변 기다리다가 채택할께요.

이거 두명 다 채책하면 두명다 점수 주는 것 맞죠?

ohora 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

07.03.18 22:49:49

== 셀렉트박스 이쁘게 꾸미기 =
<script>
//insert_select(저장변수명,가로,폰트크기,보드색,배경색,선택색,화살표이미지);
//insert_select_option(저장변수명,폰트크기,보드색,배경색,선택색,value,view_value);

//기본셀릭트만들기
insert_select("test","100","8","F6D8B0","FFFFFF","F6D8B0","./images/menu_02/btn_select.gif");

//셀렉트 옵션추가
insert_select_option("test","8","F6D8B0","FFFFFF","F6D8B0","1","1");
insert_select_option("test","8","F6D8B0","FFFFFF","F6D8B0","2","2");
insert_select_option("test","8","F6D8B0","FFFFFF","F6D8B0","3","3","Y");
</script>

================================= js부분
//처리부분 js로 저장해서 사용하세요..^^
var zindex = 10000;

function insert_select ( sn,w,f,b,g,c,img) {
select_count = new Array();
select_count[sn] = 0;
zindex--;
document.write(" <div >");
document.write(" <table border='0' cellspacing='1' cellpadding='1' width='"+w+"' style='table-layout:fixed;width:"+w+";' bgcolor='"+b+"' onclick='select_click(\""+sn+"\");' >");

document.write(" <tr>");
document.write(" <td bgcolor='"+g+"'>");
document.write(" <input type='text' id='"+sn+"' name='"+sn+"' style='border:none;cursor:hand;width:100%;font-size:"+f+"pt;' onselectstart=\"return false\" readonly> ");

document.write(" </td>");
if(img != "") {
document.write(" <td width=18 bgcolor='"+g+"' align=center valign=bottom style='cursor:hand'><img src='"+img+"'></td>");
} else {
document.write(" <td width=18 bgcolor='"+g+"' align=center valign=bottom style='cursor:hand'>v</td>");
}
document.write(" </tr>");
document.write(" </table>");
document.write(" </div>");
document.write("<div id='"+sn+"_select_div' name='"+sn+"_select_div' style='display:none;z-index:"+zindex+";position:absolute;' onmouseover='"+sn+"_select_div.style.display=\"\";' onmouseout='"+sn+"_select_div.style.display=\"none\";'>");

document.write(" <table border='0' cellspacing='1' cellpadding='1' bgcolor='"+b+"' width="+w+" onmouseover='"+sn+"_select_div.style.display=\"\";'>");

document.write(" <tr><td bgcolor='"+g+"' style='line-height:1.3em;' id='"+sn+"_select_span'></td></tr>");

document.write(" </table>");
document.write(" </div>");
}

function insert_select_option(sn,f,b,g,c,v,vv,chk) {
select_count[sn] ++;
option_html = "<span style='width:100%;font-size:"+f+"pt' onclick='"+sn+".value=\""+v+"\";"+sn+"_select_div.style.display=\"none\";' onmouseover='this.style.background=\""+c+"\"' onmouseout='this.style.background=\""+g+"\"'>"+vv+"/"+select_count[sn] +"</span><br>";

if(select_count[sn] == 1 || chk == "Y" ) {
document.getElementById( sn ).value = v
}
document.getElementById( sn+"_select_span").innerHTML += option_html;
}

function select_click(sn) {
if ( document.getElementById( sn+"_select_div").style.display == "none") {
document.getElementById( sn+"_select_div").style.display = "";
} else {
document.getElementById( sn+"_select_div").style.display = "none";
}
}

== 셀렉트박스 이쁘게 꾸미기 =
<script> 
//insert_select(저장변수명,가로,폰트크기,보드색,배경색,선택색,화살표이미지); 
//insert_select_option(저장변수명,폰트크기,보드색,배경색,선택색,value,view_value);

//기본셀릭트만들기 
insert_select("test","100","8","F6D8B0","FFFFFF","F6D8B0","./images/menu_02/btn_select.gif");

//셀렉트 옵션추가 
insert_select_option("test","8","F6D8B0","FFFFFF","F6D8B0","1","1"); 
insert_select_option("test","8","F6D8B0","FFFFFF","F6D8B0","2","2"); 
insert_select_option("test","8","F6D8B0","FFFFFF","F6D8B0","3","3","Y"); 
</script>

================================= js부분 
//처리부분 js로 저장해서 사용하세요..^^ 
var zindex = 10000;

function insert_select ( sn,w,f,b,g,c,img) { 
  select_count = new Array(); 
  select_count[sn] = 0; 
  zindex--; 
  document.write("    <div >"); 
  document.write("    <table border='0' cellspacing='1' cellpadding='1' width='"+w+"'  style='table-layout:fixed;width:"+w+";' bgcolor='"+b+"' onclick='select_click(\""+sn+"\");' >");

document.write("    <tr>"); 
  document.write("        <td bgcolor='"+g+"'>"); 
  document.write("            <input type='text' id='"+sn+"' name='"+sn+"' style='border:none;cursor:hand;width:100%;font-size:"+f+"pt;' onselectstart=\"return false\" readonly> ");

document.write("        </td>"); 
  if(img != "") { 
      document.write("    <td width=18 bgcolor='"+g+"' align=center valign=bottom style='cursor:hand'><img src='"+img+"'></td>");         
  } else { 
      document.write("    <td width=18 bgcolor='"+g+"' align=center valign=bottom style='cursor:hand'>v</td>"); 
  } 
  document.write("    </tr>"); 
  document.write("    </table>"); 
  document.write("    </div>"); 
  document.write("<div id='"+sn+"_select_div' name='"+sn+"_select_div'  style='display:none;z-index:"+zindex+";position:absolute;'  onmouseover='"+sn+"_select_div.style.display=\"\";' onmouseout='"+sn+"_select_div.style.display=\"none\";'>"); 
  
  document.write("        <table border='0' cellspacing='1' cellpadding='1' bgcolor='"+b+"' width="+w+" onmouseover='"+sn+"_select_div.style.display=\"\";'>"); 
  
  document.write("        <tr><td bgcolor='"+g+"' style='line-height:1.3em;' id='"+sn+"_select_span'></td></tr>"); 
  
  document.write("        </table>"); 
  document.write("    </div>"); 
}

function insert_select_option(sn,f,b,g,c,v,vv,chk)     { 
  select_count[sn] ++;     
  option_html = "<span style='width:100%;font-size:"+f+"pt' onclick='"+sn+".value=\""+v+"\";"+sn+"_select_div.style.display=\"none\";' onmouseover='this.style.background=\""+c+"\"' onmouseout='this.style.background=\""+g+"\"'>"+vv+"/"+select_count[sn] +"</span><br>";

if(select_count[sn] == 1 || chk == "Y" ) { 
      document.getElementById( sn ).value = v 
  } 
  document.getElementById( sn+"_select_span").innerHTML += option_html; 
}

function  select_click(sn)     {     
  if ( document.getElementById( sn+"_select_div").style.display == "none") { 
      document.getElementById( sn+"_select_div").style.display = ""; 
  } else { 
      document.getElementById( sn+"_select_div").style.display = "none"; 
  } 
}

라이프게임 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

07.03.19 00:15:47

답변 감사합니다. 님이 힌트를 주셔서 네이버 검색으로 해결하였습니다.

깔쌈하고 좋네요. ^^

셀렉트 박스 css적용안됩니다

편법으로 셀렉트 박스를 레이어로 변환시키는 방법이 있죠

자세한 내용은 아래부분을 참고하시기 바랍니다.

http://www.djrecovery.or.kr/selectbox/selectbox.htm

PHP스쿨에서 찿았죠. 아주 유용하게 쓰임

http://www.djrecovery.or.kr/selectbox/selectbox.zip

요기서 다운 받으세요 그럼 즐프~

추가적으로 레이어가림 현상도 다 처리된 것입니다.~