[참고용]레이아웃 > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

[참고용]레이아웃 정보

기타 [참고용]레이아웃

첨부파일

NEW.rar (16.0K) 110회 다운로드 2010-09-15 22:31:48

본문

모바일환경만드는 분에게 도움될만한 레이아웃 을 공개합니다.


일단 html파일로 되어있으며,

01은 php파일로 카피할 소스 고 02 파일은 원본 파일입니다.

디자인 이 간단하며 W-RN모바일존 오픈소스에 적용이 가능합니다.

게시판,회원가입,로그인에서 틀이 깨지지 않습니다. ^^*

 P.S

 혹시 -90 도 라고 case를 잡을때, 줄을 몇칸 공백으로 설정,폰트크기,색변경 이런거 못하나요?
제가 CSS와 자바스크립트를 처음다루어봐서..

임시로   로 처리했는데.. 이거 가로모드로 하니..뭔가 안맞는 ㅠㅠ;
내부 폰트공간 여백 줄려고
padding-~ 처리했는데..이미지 자체가 움직이는?
추천
2

댓글 전체

수고하셨습니다.
다만,
모바일웹에서도 css를 활용한 웹표준을 지켜서 만들어가는 추세인데요...
만드신 소스는 그 부분이 좀 아쉬운것 같네요. :)
  는 사용을 지양하고 있죠.
또... java에서 case로 css를 선택하게하셨는데, 그거보다는 레이아웃 자체를 웹표준으로 잡아서 단일 css로 하시는 것이 어떨까 싶습니다. :)
당연히 css를 통해 텍스트의 줄간격, 여백설정 등 모든지 가능하죠.
저는 폰트 설정에서 font:200 8pt/1.4em sans .. 이런식으로 사용합니다.
http://www.w3schools.com/css/css_font.asp 를 참조해보세요.
좋은자료 감사합니다만...
아이폰 인식 특정상.. (가로,세로 모드 그리고 안드로이드도..)
아이폰,안드로이드 환경에 최적화된 CSS를 기반으로 제가좀 수정을했습니다만..

제가 소유한 책중에서는 기본적인 명령어 소스 밖에없고..( HTML+자바스크립트+CSS)
php 책 어쩌구 (좋은거) 있는데 그책은 CSS를 언급하지는 않습니다.
따로 책사서 볼시간은 없고.. 소스보면 대충 이해합니다. ^^*

제 질문의 의도는 가로모드,세로 모드일때, 폰트 설정은 했지만..
패딩-레프트, 라이트, 탑, 보톰(?보틈) 을 설정했는데..
이미지에 적용되는건지..폰트에 적용되는건지 여튼 간격이 벌어져서 나옵니다.;;
저는 그래서 가로모드일때는 간격을 좀 주어서 하고싶은데..그러면 세로모드에서 또 이상현상이 발생하여.. 고생을 하고있습니다.
또한,이곳에 매진할 여유도 없구요.
하루 5분 주말에 1시간정도밖에못합니다. ㅋㅋ
아. 그리고 저도 그 쪽 페이지좀 작업을 할 일이있어서 몇개 해보고 책도 좀 찾아봤는데요.
제가 본 책 중에선 O'REILLY에서 나온 "HTML, CSS, JavaScript 로 iPhone Apps 개발하기"란 책이 좋은 것 같더라구요. 말이 Apps 지.. 거의 모바일웹에 대한 지침이 많습니다. 아이폰 관련된 부분만 살짝 걷어내면 꽤 도움이 되었어요. 아이폰 뿐 아니라 갤스나 다른 안드로이드에서도 잘 열리는 웹을 만들 수 있을 듯.
영문버전은 http://building-iphone-apps.labs.oreilly.com/ 에서 거의 볼 수 있으니 참고해보세요.
그리고 혹시 보신 책 있으시면 저한테도 추천 바랍니다. :)
아이폰 어플개발하기 책 나온거 봤는데..정말 볼시간이없네요.
그냥 저 스스로 웹어플 개발할려고 합니다.
오프라인 어플은 윈도우 계열, 인터넷용컴이라사양도 안맞아 해킹맥도 못깔아요..
제가 돌아다니면서 본 글에는

접속 브라우저를 판별해서 각 브라우저마다

가로세로 판별하고 해상도 읽어서

css 각각 따로 적용하는 방식을 권하더군요...

번거롭긴 하겠지만.. 그게 맞는거 같긴한데...

아무래도 손은 많이 가겠죠..

파폭/오페라/익플/사파리/등등 데탑/폰 해상도별로 다 따로 지정해주려면... =ㅅ=;;
IOS,안드로이드 에만 맞추어 주어도 브라우저는 상관없습니다.
오페라경우 그냥 한줄만 따로 추가만 해주면 끝나고..
심지어.. 일반 터치폰웹서핑 브라우져에서도 잘나왔습니다. ^^*;
물론 세로 모드라 보는데 약간불편하지만..
대중적인 IOS와 안드로이드에만 맞추어 주어도 될것같습니다.
그리고 한번도 사용은 해본적이 없지만..사용하는걸 본 윈도우모바일 은 ....
너무 구식이라 맞추기 힘들어요.
전체 5 |RSS

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT