Menu (+/-)
NeedFul (+/-)

Useful sites or...

25-August-2010 by Daniel

웹마스터에게 필요한 기본적인 사이트, 도구 모...

전세계 브라우저 ...

14-August-2010 by Daniel

전세계인의 브라우저 사용률을 보기 쉽게 그래프...
Bolg (+/-)

나의 사이트에서 ...

26-September-2010 by Daniel

Your info message goes here! Your tips goe...

슬라이딩 웹진 위...

25-August-2010 by Daniel

새로운 위젯스킨을 만들어 보았다. 예전에 만들...
Comments (+/-)
글 수 8

게시판 내용안에 탭기능과 이미지 자동삽입 구현

Daniel
3D Art_01.jpg 3D Art_02.jpg 3D Art_03.jpg 3D Art_05.jpg 3D Art_06.jpg
  • 바로 위 이미지들은 업로드시 자동으로 삽입되도록 게시판을 수정한것이다. 높이는 100xp로 고정했다.
  • 글을 쓰다가 내용이 너무 길어지거나 내용을 분리하고 싶을때 써먹으려고 문서서식을 수정해서 만들었다.
    물론 anchor로 구현해도 나쁘진 않지만 탭형태가 디자인적으로 예쁘다는 개인적인 취향으로 말미암아 만들어본 예이다.
    나는 일단 무엇을 만들던 만들기에 앞서 몇가지 규칙을 정했다.
    그중 가장 중요한 규칙이 core는 건들지 않는것이다. 어쩔수 없는 몇가지만 빼놓고.:)
    왜? 업데트때 짜증나니까.^^

이것은 첫번째 탭이다.
자동 높이 조절이 되기에 아주 많이 편하다.

3D Art 2

이것은 두번째 탭이다.
최소높이는 200px으로 지정해 놓았다.


3D Art 2

이것은 세번째 탭이다.
IE6, IE7, IE8, Firefox, Chrome, Opera 등에서 테스트 완료 !!~~


3D Art 3

이것은 네번째 탭이다.

자동 높이 조절이 되는지 이미지 하나 더 ~~


3D Art 43D Art 5

이 게시물을...
Share
profile

Think twice before you speak,
then say it to yourself first.

태그 :
첨부 :
조회 수 :
1771
등록일 :
2010.Jul.21 / 07:29:05
IP 주소 :
(*.29.166.60)
엮인글 :
http://www.webmake.ca/index.php?document_srl=439&act=trackback&key=c41
게시글 주소 :
http://www.webmake.ca/439
목록

'1' 댓글

Daniel

2010.07.21
09:11:01
(*.29.166.60)
profile

댓글도 문제없음.^^

이것은 첫번째 탭이다.
자동 높이 조절이 되기에 아주 많이 편하다.

Image 1

이것은 두번째 탭이다.
최소높이는 200px으로 지정해 놓았다.


Image 2

이것은 세번째 탭이다.
IE6, IE7, IE8, Firefox, Chrome, Opera 등에서 테스트 완료 !!~~


Image 3

이것은 네번째 탭이다.

^^


Image 4


첨부 :
img_webmake_01.png [File Size:130.2KB/Download10]
img_webmake_02.png [File Size:166.7KB/Download10]
img_webmake_03.png [File Size:128.1KB/Download10]
img_webmake_04.png [File Size:139.8KB/Download10]
댓글
문서 첨부 제한 : 10.00MB (2.00MB/*.*)
문서 첨부 제한 : 0Byte/ 10.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
옵션 :
:
:
:
:
List of Articles
번호 제목 글쓴이 조회 수 날짜
8 나의 사이트에서 쓰고 있는 Typography file
Your info message goes here! Your tips goes here! Your warning message goes here! Your info message goes here! Your tips goes here! Your warning message goes here! Your info message goes here! Your tips goes h...  
Daniel
2010-09-26
7 슬라이딩 웹진 위젯스킨 file
새로운 위젯스킨을 만들어 보았다. 예전에 만들었던 위젯스킨을 수정하다 이런 위젯스킨을 만들면 어떨까 하고 만들어 보았는데 나쁘지 않은것 같다. 콘셉은 간단하다. 이미지가 보여지고 마우스를 이미지위에 올리면 자동으로 슬라...  
Daniel
2010-08-25
6 Dance Writer와 Wordle
웹폰트 적용에 도움이 되는 사이트 모음이라는 글을 적다가 글의 컨셉과 맞지 않는것 같아서 남게된 두군데 사이트이나 흥미로운 컨셉의 서비스를 한다는 생각이 들고 또 그냥 묻혀두기에는 아까운것 같아서 이곳에 소개한다. D...  
Daniel
2010-07-27
5 애플에서 제공한 경쟁 스마트폰들과 아이폰의 데스그립(Death Grip) 테스트
Apple - Smartphone Antenna Performance - BlackBerry Bold 9700 Apple - Smartphone Antenna Performance - HTC Droid Eris Apple - Smartphone Antenna Performance - Motorola Droid X Apple - ...  
Daniel
2010-07-26
4 iPhone 4 Antenna Performance by Apple
iPhone 4 Antenna Performance by Apple (영문사이트) iPhone 4 Antenna Performance by Apple (한글사이트)  
Daniel
2010-07-26
3 WebDesign Reference Sites
w3schools http://www.w3schools.com/ HTML 4와 HTML 5의 차이점 http://channy.creation.net/project/html5/html4-differences/ CSS Mobile Profile 2.0 살펴보기 http://html.nhndesign.com/1822 CSS Guidelines http://html.nhn...  
Daniel
2010-07-23
» 게시판 내용안에 탭기능과 이미지 자동삽입 구현 file
바로 위 이미지들은 업로드시 자동으로 삽입되도록 게시판을 수정한것이다. 높이는 100xp로 고정했다. 글을 쓰다가 내용이 너무 길어지거나 내용을 분리하고 싶을때 써먹으려고 문서서식을 수정해서 만들었다. 물론 anchor로 구현해...  
Daniel
2010-07-21
1 Comments
1 새로운 시작
개인적으로 필요한 팁을 모으고 자료를 모으고 공부하기 위해, 기록하기 위해 만든 사이트이기에 다른때보다 애정을 가지고 사이트를 가꿔나가려 하지만 나의 귀찮니즘이 방해를 하진 않을지 걱정이 앞선다.  
Daniel
2010-07-19
목록
쓰기

A Little Something About Me

아직 완성되지 않은 웹사이트입니다.
어쩌면 결코 완성되지 못할 웹사이트가 될수도 있읍니다.

Navigation

Social Stuff

소개