묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
스킨 제작 좀 도와주세요^^
2008.01.17 13:23
엄밀히 말하면 스킨 제작은 아니구요...
서핑하다 넘 마음에 든 배경 스킨이 있는데
제로보드xe 로 만든 제 홈피에 깔고싶어서요.
근데 문제는 제가 css언어를 전혀 몰라서요.....
그냥 하나씩 감으로 건드려보면서 혼자 시행착오하는 과정이거든요...
마음에 든 배경은 마이크로소프트사의 홈페이지입니다.
http://www.microsoft.com/
뒷 darkblue 색이 넘 예쁜데다가 gradient 효과까지....
게다가 페이지의 밑부분에는 구름처럼 body content 까지 그 효과가 있는 것이 제 맘에 쏙들어서요...
한가지 색으로 위에서 아래로 gradient를 주는 건 대충 알겠는데
위에서 아래로 그리고 아래에서 위로 같이 그 효과가 지정되고 또 bodycontent에도 영향이 있는 건 도저히 모르겠더군요...
아마 그라디에이션이 되어있는 배경사진을 넣은 것 같은데 그렇다면 그 크기는 어떻게 지정을 해야 반복되지 않아도
항상 그 배경이 유지되는지도 궁금해요.
제 제로보드xe 홈피에 어떻게 적용해야 하나요? 똑같지는 않아도 그런식으로 색을 지정해 주고 싶어서요...
음...그리구...말 나온김에
고수님들 제로보드의 블로그 스킨으로도 한 번 만들어 올려주세요
glazed 블로그 스킨처럼요..
서핑하다 넘 마음에 든 배경 스킨이 있는데
제로보드xe 로 만든 제 홈피에 깔고싶어서요.
근데 문제는 제가 css언어를 전혀 몰라서요.....
그냥 하나씩 감으로 건드려보면서 혼자 시행착오하는 과정이거든요...
마음에 든 배경은 마이크로소프트사의 홈페이지입니다.
http://www.microsoft.com/
뒷 darkblue 색이 넘 예쁜데다가 gradient 효과까지....
게다가 페이지의 밑부분에는 구름처럼 body content 까지 그 효과가 있는 것이 제 맘에 쏙들어서요...
한가지 색으로 위에서 아래로 gradient를 주는 건 대충 알겠는데
위에서 아래로 그리고 아래에서 위로 같이 그 효과가 지정되고 또 bodycontent에도 영향이 있는 건 도저히 모르겠더군요...
아마 그라디에이션이 되어있는 배경사진을 넣은 것 같은데 그렇다면 그 크기는 어떻게 지정을 해야 반복되지 않아도
항상 그 배경이 유지되는지도 궁금해요.
제 제로보드xe 홈피에 어떻게 적용해야 하나요? 똑같지는 않아도 그런식으로 색을 지정해 주고 싶어서요...
음...그리구...말 나온김에
고수님들 제로보드의 블로그 스킨으로도 한 번 만들어 올려주세요
glazed 블로그 스킨처럼요..
댓글 2
-
virtuaplay
2008.01.17 16:22
-
flowerrain
2008.01.18 00:56
고맙습니다.
휴...늦으막에 홈페이지 하나 만들려니 원체 머리가 안따라줘서요..
고수님들 덕분에 하나씩 배워나가는 과정이 재밌네요...
답글 남겨주셔서 다시한 번 감사드립니다...^^
body { background:url'이미지경로') repeat-x left top; }
여기서
repeat-x는 가로로 반복,
repeat-y는 세로로 반복,
no-repeat는 반복안함(한번만 출력)
left top은 좌측 상단
center center 는 중앙
right bottom은 우측 하단
배경이미지 밑에 배경색을 넣으시려면
background:#배경색 url'이미지경로') repeat-x left top;
저 ms 배경이미지의 경우엔 젤 쉽게 하는 방법은
일단 스크린샷을 찍고(-_-;) 포토샵등에서 배경부분을 가로1픽셀, 세로는 적당히 길게 잘라 저장하고 repeat-x 하면 되겠네요.
하단의 구름같은 얼룩덜룩한 부분은 그거 자체가 그냥 하나의 이미지네요.