공부135 table로 만들어진 홈페이지를 DIV로 바꾸기 오늘은 하루종일 table로 만들어진 홈페이지를 DIV로 바꾸는 작업을 했다. 서버를 옮기면서 아예 내부도 싹 바꾸는 작업이었는데, 우워어 이거 장난아니다. 물론 C언어로 코딩된 소스코드를 Java로 옮기는일보다는 덜 힘들었지만 DIV로 바꾸는 작업도 힘들긴했다. ㅋㅋDIV로 바꾸면서 자꾸 틀어지는것때문에 속상하기도 했는데 DIV로 구조 짜는것에 대해서는 많이 익숙해진 것 같다. 코딩하면서 나를 삽질하게 했던 두 가지 문제가 있었는데, 하나는 Div안에 넣은 Div가 가운데 정렬을 못하는 문제였는데 이건 margin: 0 auto; 로 해결을 봤고, 다른 하나는 부모 Div가 안에 있는 자식 Div 크기를 인식하지 못해서 Div 안에 있는 Div의 크기만큼 유동적으로 늘어나지 못하는 거였는데, 이건 안에.. 2012. 7. 11. div 안의 div 가운데 정렬할 때 margin:0 auto; 하면 된다. 이거때문에 얼마나 삽질 했는지 허허허허. 2012. 7. 11. xe에 넣은 플래시가 제대로 로드되지 않을때 xe의 layout폴더 안에서 모든 작업을 다 했었다. 그리고 layout.html과 style.css를 주로 수정하면서 웹을 만들었다. 그래서 이번에도 플래시를 layout에 넣었고, 플래시 파일은 swf로 layout.html이 있는 그곳에 저장을 했다. 그런데 자꾸만 로드되지 않는다며 잘 되지 않아서 아침동안 삽질을 하고 인터넷 검색을 했는데도 내가 원하는 답변이 없었는데 ㅠ.ㅠ 플래시 파일을 layout.html이 있는 폴더가 아닌 xe 바로 아래 index.php가 있는곳에 넣었더니 제대로 나오기 시작했다.내가 처음에 저장했던곳은 /public_html/xe/layouts/xe_solid_enterprise 여기였는데 /public_html/xe 여기바로 아래에 넣었더니 플래시가 제대로 나왔다... 2012. 7. 10. 메뉴 롤오버 xe에서 css 부분 고치다가 보통때는 a 마우스를 올렸을때는 a:hover 마우스로 클릭했을때는 a.a_on그리고 내가 쓴 레이아웃의 css에는 !important 라는 생소한게 많았다. css를 적용해도 이것때문에 안되는 경우도 있다는걸 처음 알았다. 잘만 이용하면 좋은 것 같긴한데. 이 글이 제일 이해하기 쉬운 것 같다. CSS 에서 !important 속성은 무엇을 뜻하는 것일까? CSS(Cascading Style Sheets)는 Cascading 즉 폭포처럼 위에서 아래로 흘러내리는 스타일들의 묶음이다. 위에서 아래로 흘러내린다? CSS의 가장 큰 특징이자 매력은 중복 정의와 가장 나중에 정의된 값이 적용된다는 점입니다. 예를 들어 아래와 같이 스타일을 만든다고 하면 본문의 색상은 나중에 설정.. 2012. 7. 6. xe 기본 스킨 수정하기 2일째! 제대로 한 건 어제부터니까 2일째! - 페이지의 본문이 짧아도 최소 높이를 설정해 주어서 보기 좋게 바꿨다. css에서 min-height를 설정해주었다. - 로고수정. - 상단에 그림 들어가는 부분을 수정. -> jquery 라이브러리 중에서 jquery Lettering을 사용해서 플래시처럼 글자 애니메이션 효과를 주었다. 글자 위치는 position:absolute 절대 위치로 해서 top이랑 left를 설정해 주었다. 하지만 고쳐도 XE 느낌 ㅋㅋ 그래도 상단부분은 어느 정도 끝난거 같으니 내일은 하단부분을 열심히 수정해야겠다. 신기한건 그림 아래에 선을 하나 넣느냐 안넣느냐가 홈페이지가 어슬픈가 어설퍼 보이지 않는가를 결정한다. 비록 작은 부분이지만 세심하게 할 수록 전체적으로 봤을때 완성도가 .. 2012. 7. 3. 글자 애니메이션효과 jquery Lettering 플래시로 해야하나 고민고민을 하다가 왠지 있을 것 같아서 jquery 라이브러리를 찾아봤는데 역시나 있다! 그리고 내가 생각했던것과 똑 같은 효과가 ㅋ http://www.giuliandrimba.com/labs/lettering-animate/이 사이트에 들어가면 자세히 쓰는법도 볼 수 있고, 다운도 받을 수 있다. 바로 이것 처럼! 이렇게 글자가 물결치는 것 같은 효과를 넣을 수 있다. 간단히 글자에 애니메이션을 부여하는 방법이 이제는 플래시가 아닌 jquery 라이브러리로도 된다니 짱이다! 이 효과 외에도 여러가지가 있다. 유용! 2012. 7. 3. 이전 1 ··· 7 8 9 10 11 12 13 ··· 23 다음
