'LightBox Plus'에 해당되는 글 1건
- 2006/05/06 [테터스킨] 콩바구니 스킨 20060506 배포 (7)
콩바구니 테터스킨 5월 6일자. 배포합니다.
본 스킨에는 다음의 자바스크립트가 포함되어 있습니다.
Lightbox Plus
그림을 박스안에 담아서 깔끔하게 출력합니다.본 플러그인은 홈페이지 연동을 위한것입니다.
블로그에만 사용할때는 테터센터에 플러그인으로 배포되어있는것을 사용하시는게 더 편할것이라 생각합니다.
<- 클릭해보세요.
사용법: <a href="그림주소" rel="lightbox"><img src="썸네일 주소" alt="" /></a>
lightbox/lightbox_plus.js 파일의 418번째줄부터 다음의 내용을 환경에 맞게 수정해주셔야 합니다. 밑줄그은부분을 스킨을 설치한 경로로 고쳐주시면 됩니다. 수정 안하셔도 작동은 합니다만. 그러면 아이콘이 뜨질 않습니다.
loadingimg:'../tta/skin/scy13/lightbox/loading.gif',
expandimg:'../tta/skin/scy13/lightbox/expand.gif',
shrinkimg:'../tta/skin/scy13/lightbox/shrink.gif',
effectimg:'../tta/skin/scy13/lightbox/zzoop.gif',
effectpos:{x:-40,y:-20},
effectclass:'effectable',
closeimg:'../tta/skin/scy13/lightbox/close.gif'
expandimg:'../tta/skin/scy13/lightbox/expand.gif',
shrinkimg:'../tta/skin/scy13/lightbox/shrink.gif',
effectimg:'../tta/skin/scy13/lightbox/zzoop.gif',
effectpos:{x:-40,y:-20},
effectclass:'effectable',
closeimg:'../tta/skin/scy13/lightbox/close.gif'
사용을 원치 않으시면 skin.html 파일을 열어서 19번째줄에 다음의 내용을 삭제하시면 됩니다.
<!-- 라이트박스 스크립트 삽입 -->
<link rel="stylesheet" media="screen" type="text/css" href="./lightbox/lightbox.css"/>
<script type="text/javascript" src="./lightbox/lightbox_plus.js"></script>
스크립트 출처: http://serennz.cool.ne.jp/sb/sp/lightbox/<link rel="stylesheet" media="screen" type="text/css" href="./lightbox/lightbox.css"/>
<script type="text/javascript" src="./lightbox/lightbox_plus.js"></script>
Link indicator
문서내의 책갈피 이동시. 각 링크사이에 라인을 그어 표시해줍니다.사용법
<a name="책갈피이름" /> 으로 문서의 특정위치에 책갈피를 한다음.
<a href="#책갈피이름">내용</a> 로 링크를 걸어두면 됩니다.
<a name="link01" href="link02">내용</a>
<a name="link02" href="link01">내용</a>
이런식으로 상호링크를 해둘수도 있습니다.
link_indicator/link_indicator.js 의 317번째 줄에. 다음의 내용을 환경에 맞게 설정해주셔야 합니다. 밑줄그은부분을 스킨을 설치한 경로로 고쳐주시면 됩니다.
linkToBlank:'../tta/skin/scy13/link_indicator/addwin.gif',
pointerImg:'../tta/skin/scy13/link_indicator/pointer.gif',
스크립트 출처: http://serennz.cool.ne.jp/sb/sp/linkindicator/pointerImg:'../tta/skin/scy13/link_indicator/pointer.gif',
사용을 원치 않으시면 skin.html 파일을 열어서 15번째줄에 다음의 내용을 삭제하시면 됩니다.
<!-- 링크 인디게이더 스크립트 삽입 -->
<link rel="stylesheet" media="screen" type="text/css" href="./link_indicator/indicator.css"/>
<script type="text/javascript" src="./link_indicator/link_indicator.js"></script>
<link rel="stylesheet" media="screen" type="text/css" href="./link_indicator/indicator.css"/>
<script type="text/javascript" src="./link_indicator/link_indicator.js"></script>
Fancytooltips
<img src="그림주소" alt="그림설명"/>
<a href="링크주소" title="링크설명">링크</a>
위와같이 설명을 첨부하면. 툴팁을 이쁘게 꾸며서 출력해줍니다. 그림과 글씨위에 마우스를 올려봅시다.
스크립트 출처: http://www.victr.lm85.com/FancyTooltips/
글쓸때 주의사항
본스킨에서 <strong> 테그는 기본적으로 style="Float:left; font-size:300%; font-weight:900;" 값을 갔습니다. 만약에 <strong>고</strong>구마: 통화식물목 메꽃과의 여러해살이풀. 감저(甘藷)·조저(趙藷)라고도 한다. 줄기는 길게 땅위로 기면서 뻗는데, 자르면 젖같은 물이나온다. 잎은 긴 잎자루가 있고 어긋나며 대개 심장(心臟) 모양으로 끝이 뾰족하다. 줄기 아래쪽의 잎자루 밑동에서 1쌍 이상의뿌리를 내리고 그중 일부가 두드러지게 비대해져서 큰 덩이뿌리, 즉 고구마가 된다. 덩이뿌리의 모양·크기·빛깔 등은 품종에 따라차이가 있다. 한국에서는 꽃이 피는 일은 아주 드물지만 남쪽 따뜻한 지방에서는 이따금 피는 수가 있다. 꽃은 나팔꽃모양을 한분홍색으로 메꽃과 비슷하고 열매는 삭과이다. 고구마는 생육기간 중 평균온도가 22℃가 되며 무상일수(無霜日數) 175일 범위인지역이 재배에 적당하다. 한국에서는 남부지방에서 주로 재배되며, 밭에서 자란다. 한국·중국·일본·유럽·중앙아메리카·남아메리카등지에 분포한다.
이런식으로 입력하면
고구마: 통화식물목 메꽃과의 여러해살이풀. 감저(甘藷)·조저(趙藷)라고도 한다. 줄기는 길게 땅위로 기면서 뻗는데, 자르면 젖같은 물이나온다. 잎은 긴 잎자루가 있고 어긋나며 대개 심장(心臟) 모양으로 끝이 뾰족하다. 줄기 아래쪽의 잎자루 밑동에서 1쌍 이상의뿌리를 내리고 그중 일부가 두드러지게 비대해져서 큰 덩이뿌리, 즉 고구마가 된다. 덩이뿌리의 모양·크기·빛깔 등은 품종에 따라차이가 있다. 한국에서는 꽃이 피는 일은 아주 드물지만 남쪽 따뜻한 지방에서는 이따금 피는 수가 있다. 꽃은 나팔꽃모양 을 한분홍색으로 메꽃과 비슷하고 열매는 삭과이다. 고구마는 생육기간 중 평균온도가 22℃가 되며 무상일수(無霜日數) 175일 범위인지역이 재배에 적당하다. 한국에서는 남부지방에서 주로 재배되며, 밭에서 자란다. 한국·중국·일본·유럽·중앙아메리카·남아메리카등지에 분포한다.
이런 결과가 나옵니다. 이는 신문기사 식의 편집을 좀더 쉽게 할수 있게 해줍니다만.<strong> 테그를 본문에 자주 사용하시던 분이라면. 이전에 작성하신글이 의도했던 바와 다르게 아주 이상하게 나오는 낭패스러운 경우를 당할수가 있습니다.;;
본 스킨에서 굵은 글씨체를 사용하고자 하면. <span style="font-weight: bold"></span> 을 사용하셔야 할것입니다.
kongbaguni20060506_TT1.04.zip링크 인디게이더가 익스플로러에서 제대로 동작하지 않는것을 확인했습니다. 오페라에서도 안되는데...
.... 원인을 모르겠네요.. ㅠㅅㅠ
파이어폭스에서는 정상 작동 합니다..
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다. 트랙백 주소 :: http://kongbaguni.tistory.com/trackback/393
만화가지망생 콩바구니의 블로그입니다. 콩바구니
검색
카테고리
태그목록
시계
달력
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
링크
- Day Sleeper's Log.
- EL의 끄적끄적.
- KIREIDA (잡소님).
- silver rain 외도버젼.
- Stone Age (석가).
- Totem World.
- ■□ e M M's □■.
- 空耳 (미치루님의 블로그).
- 강철의 연금관리공단.
- 계란의 계란말이 한접시.
- 기파랑의 주절주절 블로그.
- 꽃들에게 희망을.(by 사보).
- 납자루님의 블로그.
- 로빈이네 맛있는 곰탕집.
- 마노와 리엔의 신혼집.
- 마비노기 시뮬레이터.
- 무한망상계 블로그 분점.
- 복슁아 4컷.
- 불탄五징어의 난장판.
- 선아가 살고있다!.
- 아엘의 에린여행기@.
- 엘리사신도시.
- 웅이의블로그.
- 작가의 생각 (챠빈라크님).
- 靈魂之鳥.
카운터
| Total | 626244 |
|---|---|
| Today | 37 |
| Yesterday | 220 |
댓글을 달아 주세요
아 이번스킨이 올라왔군요^^
이 스킨이 맘에 들어서 은근히 올라오길 바라고 있었습니다^^;;;;
이번에도 잘 쓰겠습니다(- -)(_ _)
감사합니다 ^^
그런데 스킨에 약간의 수정이 있었거든요.
글의 내용에 따라 Float 값을 가지는 태그가 등록 되었을때
레이아웃이 깨지는 문제를 해결했습니다.
센터에 다시 올렸으니 번거로우시더라도 다시 받아가주세요 ^^
아...그런데 본문의 넓이는 어떻게 조정하는건가요?
너무 넓어서 조금 줄이려고 하는데 안보이는군요...^^;;;;
헛...그사이에 리플이!!!
지금 계시는군요^^
Style.css 파일을 고치면 됩니다.
100번줄에 #container 에 width값을 조절하면 전채너비 조정이 되구요. em 단위로 기입할것을 권장합니다.
전체너미는 냅두고 본문기사만 너비를 좁게 할려면
106번줄에 #content 에 width 값을 적당히 주면 됩니다.
크기, 너비 등을 em단위로 기입하면 좋은점: 브라우저상에 폰트를 확대 축소할수 있는 기능이 있는데. em단위로 레이아웃을 짜면 폰트를 확대하거나 축소해도 레이아웃이 유지됩니다.
빠른 리플 감사드립니다^^
이번에도 우중충한 분위기로 바꾸는 중입니다^^;;;;
그나저나 혼자 도배한거 죄송하군요...
(한글에 제 리플만 무려 4개!!!)
비밀댓글 입니다