프로그램
-
[jQuery+CSS]꾸밀수 있는 tab 만들기 예제프로그램/jQuery/Javascript 2013. 11. 5. 15:55
jQuery+css 를 활용하여 tab 만들기 예제 위와같은 tab를 jQuery와 css를 이용하여 만드는 방법 입니다. 뭐 jQuery 플러그인을 활용하여 tabs를 하면 아주 손쉽게 적용 할 수 있습니다만. css를 수정하려면 많은 손이 필요하여 그와 비슷한 기능을 찾던중 좋은 방법이 있어 포스팅 하게 되었습니다. 소스 분석은 그리 어렵지 않습니다. 방법? jQuery의 tabs와 같이 상단 탭의 href 와 그 해당 영역과 같도록 id를 맞춰주면 됩니다. css ul.tab { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #9..
-
[css]css position을 이용하여 상단고정 시키기 <fixed>프로그램/css 2013. 11. 4. 14:06
position 을 이용하여 상단 엘리먼트 고정 시키기 위와 같이 상단 TOP 부분을 고정 시키고 스크롤을 내리면 CON 부분만 스크롤 잡히게 하는 방법 입니다. 뭐 css/position에 대해 잘 이해하고 계신다면, 금방 할 수 있는 방법이라 생각됩니다. 위 방법의 핵심은 fixed입니다. top/con 을 감싸고 있는 wrap이 있습니다. 이 wrap에다 postion:relative를 주고, 그 안에 top에 position:fixed를 줬습니다. fixed 옵션을 줬기 때문에 relative를 갖고 있는 영역을 기준으로 고정이 되는 것 입니다. con 부분은 top 영역과 겹쳐진 상황이라 padding-top을 주어 내용부분을 밑으로 내렸습니다. 이러한 방법을 잘 응용하면 될거 같구요. 뭐 다른..
-
[CSS]background-image 사용하기 /img태그와의 차이 <background-repeat>프로그램/css 2013. 11. 4. 13:51
background-image 사용 하는 방법과 img태그와의 차이 CSS의 background-image 사용 방법에 대해 포스팅 하겠습니다. 보통 태그로 하나의 엘리먼트를 이미지로 지정 하는 경우도 있지만 그 엘리먼트의 백그라운드를 이미지로 지정되게 하는 방법을 주로 사용한다. 이 둘의 쓰임세는 같습니다. 실제로 브라우저에서도 많은 차이가 나지 않는다고합니다. 대신 태그가 먹혀 있는 엘리먼트를 마우스로 지정 할 수 있지만, background-image 같은 경우는 선택되지 않는 점! 더 정확하게 이 둘의 차이점을 파해쳐 보자면.. 는 해당 페이지의 content에 해당되는 것 background-image는 presentation에 해당되는 것 이 둘을 정확하게 사용 할때는 이렇게 분류 하면 됩니다..
-
[MYSQL]테이블명 변경하기. 대소문자 구분 해제프로그램/db 2013. 10. 22. 16:48
mysql 테이블명 변경하는 방법 MySQL 테이블명 변경 하는 쿼리를 알아보겠습니다. 생각보다 참 쉽습니다. DBMS에서 해결 하려고했는데 찾기 어려워서 그냥 쿼리로 해결 해버렸습니다. RENAME TALBE '[TABLE NAME]' TO '[CHAGE TABLE NAME]' 주의할 점? ★ Mysql 이므로 대소문자 구별은 꼭 해주세요. 만약 대소문자 구분을 해제 하려면 ? my.ini 파일 중 lower_case_table_name = 2 로 변경
-
[php]POST,GET넘어 온 값 간편하게 처리하기.프로그램/php 2013. 10. 18. 10:12
파라메터로 넘어 온 post,get값 편하고 깔끔하게 처리하기 이번 프로젝트를 PHP로 나가면서 기존 소스를 가져다 사용 하기보단 새로운 방법으로 좀 편하고 간결하게 하는 방법이 없을까 하고 찾던중 좋은 방법이 있어서 이렇게 남깁니다. ASP처럼 REQUEST객체를 통으로 받아와서 돌리는 방법이 PHP에는 없는거 같네요 뭐 있을 수도 있겠지만.. 저의 키워드 검색실력이 낮아서 이런 방법을 사용 해봤습니다. 오브젝트 배열에 REQUEST 받을 값을 넣고, 그 배열을 일일이 POST 하나하나에 비교하여 넣는 방식 입니다. $conLastArray = array(); $conArray = array ( "mode" => "mode", "gubun" => "gubun", "name" => "name", "ema..
-
[CSS/HTML] CSS 속성 값 선언순서 <코딩순서 정리>프로그램/css 2013. 10. 14. 17:54
CSS 속성 값 선언 순서 정리 모질라 기준으로 정리 했습니다. CSS 여러 속성값 중 아래와 같이 순서를 정하여 하면 좀더 좋다고 합니다. 뭐 요즘 날로 날로 PC 사양이 발전하여 크게 상관은 없지만, 그래도 코딩을 함에 있어 아래와 같이 순서대로 하면 좋겠죠? 1. display 2. list-style 3. position 4. float 5. clear 6. width / height 7. padding / margin 8. boder / background 9. color / font 10. text-decoration 11. text-align / vertical-align 12. white-space 13. other text 14. content
-
네이버 스마트에디터 사진첨부시 물음표 붙을때프로그램/setting 2013. 10. 3. 22:05
네이버 스마트에디터(SMART EDITOR) 사진첨부시 물음표 붙을때 해결법 에디터 종류가 참많죠? FCKEDITOR도 아주 잘 사용 하는 플러그인 인데요. 이번에 신규 프로젝트에 다른 에디터를 달아볼까 하던중 스마트 에디터를 달아봤습니다. 스마트 에디터 탑재 방법은 추후 포스팅 할 예정 이구요. 일단 오늘은 테스트 하던 중 오류가 발생해서 또 같은 증상으로 짜증을 겪고 계시는 분이 계실까봐 올립니다. 뭐, 물론 구글링 열심히 하면 나오지만... 그전에 전 이게 저의 잘못인줄 알고 문자열도 잘라보고 변환도 해보고 삽질을 했답니다. 증상 입니다. 아.. 남자지만 제가 왜 저 사진으로 테스트를 했는지 모르겠네요. 아무튼 테스트 진행하는 화면을 보여드리겠습니다. 에디터를 사용해서 사진을 첨부하면 아래와 같이 ..