어서옵서예~!!'Test'에 해당되는 글 2건
가지가지 테스트.. {참.. 여러가지 한다.. =_= )
어차피.. 글로 먹고사는 웹 페이지를 지향하는 블로그는 아닌 관계로 어떻해든 보여지는 미관에 신경을 쓸 수밖에 없긴 한데.., 실력이 좋길하나.. 머리가 좋길하나... 휴~
여튼.. 괴발개발하는 포샵질일지언정.. 찰거머리 처럼 붙들고 늘어져야지... 푸하하핫;;;
■ 스크린 샷 그림자 배경
■ 이미지 둘, 셋 배치시 배경
■ 미디어 배경
- YouTube
Anberlin - "Paperthin Hymn"
- Daum TV Pot
Anberlin - "Godspeed"
- Flash mp3
Artist : Anberlin
Album : Cities
Year : 20...
당신의 창의성 지수는?
[ 트랙백 출처 : As5k.com wordpress blog ]
좌뇌/우뇌 문제해결 지향
(Orientations:Left-Brain/Right-Brain Problem Solving)
D. C. Nacht, K. Kraiger, R. Mandrell(1988).
다음은 여러분의 창의성을 테스트하는 문항입니다. 모두 25 문항으로 되어 있으며 각 문항에 대해서 여러분의 평소 행동과 가까운 보기에 마우스로 표시한 뒤 입력 버튼을 누르십시오. 반드시 모든 문항에 모두 체크를 해야 입력이 됩니다.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
당신의 왼쪽 두뇌 지수는 30, 오른쪽 두...
Add a comment
2007/11/02 14:12 댓글주소 수정/삭제 댓글쓰기
오!! 멋진데요~ 저도 플래시랑 플레이어들에게 배경을 넣어주고 싶은데..좀 하다 귀찮아서 접었어요 -_-ㅋ
다른분들꺼 베껴다 하자니..좀 그렇기도 하고..제가 만드니 구리고 -ㅅ-ㅋ
이제 방즈횽도 디쟌은 마무리가 되어가니 잼난 글 팍팍 써주삼요! :)
2007/11/03 15:14 댓글주소 수정/삭제
저 역시 이쁘게 만들 재주는 없고 그저.. 소 뒷 걸음에 쥐라도 잡아 보자는 식의 삽만 들고 있을 뿐이죠 뭐..ㅋㅋ;;;
삽질도 어지간이 끝났으니 글도 자주 올려야 할텐데.. 재미나게 쓸 자신은 없어요.. :D
2007/11/02 17:28 댓글주소 수정/삭제 댓글쓰기
대단함다 눈이 반짝반짝 거리게 만드네요 +_+
2007/11/03 15:16 댓글주소 수정/삭제
어머나.. 너무 좋게만 봐주시는 것 아녀요..ㅋㅋ :D
2007/11/02 18:26 댓글주소 수정/삭제 댓글쓰기
와 얼마나 더 이뻐지실려고 ,,. 블로그 진챠 이뻐욤 !!
mp3배경 탐나네요 .. 방즈님거 소스 좀 보고 엎어가야겠어요 ~
허락해.. 주실꺼죠 ?ㅋ
2007/11/03 15:22 댓글주소 수정/삭제
어쩜 성형에 중독 된 사람들의 마음이 이럴까요..풉~ ;P
마구마구 뜯어 고치고만 싶어요..ㅎㅎㅎ :D
mp3 배경은 하이바님 댁에서 배워 온 것이라 허락이고 뭐고 할 것도 없는 걸요..ㅋㅋ;;;
2007/11/02 20:20 댓글주소 수정/삭제 댓글쓰기
이정도면 본좌급 아닌가요~ 돌아다녀 봐도 방즈님홈만큼 멋진곳도 드문데~ 욕심이 과하시다!
2007/11/03 15:25 댓글주소 수정/삭제
우와~ 본좌급이라뇨.. +_+;;
귀가 얇은 편이라 그리 띄워 주시면 정말인 줄 알고 오만방자 해져요..ㅋㅋ;;;
2007/11/02 22:06 댓글주소 수정/삭제 댓글쓰기
날이 가면 갈수록 더욱더 멋져지는데요...
이런 멋진 감각의 언니가 너무 부러우삼 ~
ie png 핵도 멋지게 넣어주세요 ~^ ^
2007/11/03 15:30 댓글주소 수정/삭제
사실.. 거의가 하이바님 댁에서 배웠거나 응용 또는 업어 온 것이라 감각이나 센스는 모두 하이바님 것이죠..ㅋㅋ =P
ie 핵이란게 제겐 너무 어려워요..흑흑~
자바도 만져 봤는데 혈압만 높아져서 포기 했어요.. ㅜ_-;;;
2007/11/03 23:55 댓글주소 수정/삭제 댓글쓰기
이 핵이 잘 맞아 떨어질지는 모르겠지만,,이번에 제 블로그 레이아웃을 png로 했기 때문에 이것도 잘될지 의문이 들지만,,혹시나 해서 글 남겨 봅니다,,,
이제는 거의 ie6버젼 이하는 쓰시는 분들이 없기 때문에,,,아마 이핵을 html <head>와</head> 사이에 붙여넣기 하시면 될것 같은데요..말 그대로 ie6으로 열때는 이 문자를 먼저 읽고 css에 적용시켜라 하는 뚯인것 같습니다.
이 구문 그대로 html <head>와</head> 사이에 넣어 주세요..
<!--[if lte IE 6]>
<style type="text/css">
#header { width:812px; height:186px; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bangz/top_mo.png', sizingMethod='scale');}
#contentBody { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bangz/content_mo.png', sizingMethod='scale');}
#footer { width:812px; height:84px; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bangz/footer_mo.png', sizingMethod='scale');}
</style>
<![endif]-->
이걸 넣어 주시면 불여우 환경에서는 ie tab 이나 ie view 로 ie 환경을 볼수 있을텐데요..ie7에서는 png를 인식 할수 있기 때문에 브라우져 테스트는 꼭 7이하 버젼으로 하시길 바랍니다,,앞에 구문이 ie6 이라는 명령어를 html에 넣어주었으니 ie6 브라우져로 보시는게 가장 정확할것 같습니다..
특별한 이상이 없다면 png 그대로 출력되어지는것을 아실수 있을텐데요..그렇지만 본문부분과 사이드부분의 링크탭이 전혀 작동하지 않는것을 확인하실수 있을거예요..
저도 이것 때문에 무척 삽질도 하고 시간도 많이 잡아먹었는데요.. 본문이 출력되어지는 div 부분 일반적으로 #content 로 css 에서 많이 이름을 붙이는데요..이 부분과
#sidebar 이 부분이 적용된 style.css 에서 꼭 position:relative; 라는 구분을 넣어주시면 잘 해결 될것 같아요,,저도 이렇게 스타일 시트에서 이 구문을 적용했더니 아무이상없이 출력이 잘 되어지더라구요,,,
아직 배우는 입장이라 그 정확성이 어느정도 일지는 잘 모르겠지만..조금이나마 도움이 되었음 하는 바램으로 글 남겨 봅니다,,,
멋진 스킨 만드시는데 조금이나마 보탬이 되었음 하네요..
부디 잘 적용이 되었음 해요,,,화이팅 ~ !
덧)..제가 티스토리만 쓰다보니 테터 이미지파일의 경로를 정확히 모르고 있습니다,,
스킨에 적용하신 이미지 url을 참고하셔서 혹 잘못된경로가 표기 되었다면 정확한 이미지 경로로 수정 해주시면 될것 같아요,,,^ ^
2007/11/04 09:13 댓글주소 수정/삭제
와~ 감동입니다.., 이렇게까지 신경을 써주시다니.. 백골난망입니다..아흑~ T^T
ie6 때문에 png 이미지는 포기하고 다른 이미지 포멧으로 돌려 쓰려 했었는데 다시 한번 도전해 봐야 겠어요..
정말이지.. 머리 깊숙이 쑥여 감사드려요.. m(__)m
알려주신 소스를 넣어 봤는데 이미지 자체를 읽어 오지 못하네요.. ㅜ_-;;
"이젠 됐구나~" 한순간 신나 했었는데...ㅎㅎㅎ :D
제 코드에 무슨 문제가 있는 걸까요..?? 아~ 모르겠습니다..흑흑~
2007/11/04 01:49 댓글주소 수정/삭제 댓글쓰기
엉아 윗분들 말씀되로 최고의 블로그 스킨이세효'
이제 스샷계로 넘어 오세효 ^^
2007/11/04 08:42 댓글주소 수정/삭제
워낙에 소스들이 좋아서 그 덕을 톡톡히 봤어요.. ^^;;;
제가 한건 말도 안되는 포샵질 정도..ㅋㅋ
스샷은 손 놓은지 오래 됐지만 초심으로 돌아가 심기일전해 볼께요.. ;P
2007/11/04 02:35 댓글주소 수정/삭제 댓글쓰기
블로그 진짜 너무 이뻐용!
완소 블로그로 등극 하셨삼!!
2007/11/04 08:47 댓글주소 수정/삭제
'이쁘다 이쁘다'하시면 정말 이쁜 줄 알아요..ㅎㅎ :D
로딩속도도 잘 나와야 하는데 이것저것 가져다 붙인 것이 많아서 문제에요.., 좀 줄여야 하는데...흑흑;;;
2007/11/04 07:18 댓글주소 수정/삭제 댓글쓰기
블로그가 나날이 이뻐지네요!!
노가다가 장난 아니었을텐데요.
수고 많으십니다.ㅎㅎ
2007/11/04 08:52 댓글주소 수정/삭제
계속.. 자꾸만 이뻐지고 싶어요..ㅎㅎㅎ :D
그동안 말도 안되는 삽질이었어요.., 가장 처음에 해 보고 싶었던건 이미지만 만들어 놓고 띄우질 못해서 버리고, 열어 본 스킨만 워프 포함 50여가지 정도 되니 완전 돌았었지요.. =_=;;;
2007/11/04 11:08 댓글주소 수정/삭제 댓글쓰기
제가 Bangz 님 스킨을 가지고 티스토리에서 테스트 사이트를 만들어 놓았으니 한번 확인해 보세요..주소는 http://xyss.tistory.com/ 이곳입니다..
일단 상단 헤더이미지와 본문,그리고 하단만 png핵을 넣어보았습니다..
아 문제없이 ie6 에서 Bangz님의 png가 멋지게 잘 나오는것을 확인했어요,,^ ^
음,,,문제는 css 에서 였던것 같습니다..확인한번 해보시구요...
수정된 css 구문은....
#header { width:812px; height:186px;
background: url('bangz/top_mo.png') no-repeat top;
padding:0; margin:0;
}
#contentBody {
background: url('bangz/content_mo.png') repeat-y ;
clear:both;
margin:0;
padding:0;
position:relative;
}
#footer {
clear:both;
width:812px;
height:84px;
padding:0;
background: url('bangz/footer_mo.png') no-repeat;
}
이렇게 수정되었구요,,,ie핵은 ....
<!--[if lte IE 6]>
<style type="text/css">
/***Bangz님의 멋진스킨을 위한 IE6 PNG 알파채널 처리 ***/
#header{width:812px; height:186px; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://belbangz.com/skin/customize/1/bangz/top_mo.png', sizingMethod='scale');}
#contentBody { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://belbangz.com/skin/customize/1/bangz/content_mo.png', sizingMethod='scale');}
#footer{width:812px; height:84px; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://belbangz.com/skin/customize/1/bangz/footer_mo.png', sizingMethod='scale');}
</style>
<![endif]-->
이렇게 변경되었습니다.이 핵만 <head></head> 에 넣어 주시구요..css만 위처럼 수정하시면 될듯 보입니다,,
글이 길어서 링크 주소가 ...으로 표기 되었는데요..
넣으실때는 정확하게 이미지경로로 넣어 주세요..^ ^
2007/11/04 13:33 댓글주소 수정/삭제
옴마야~!!!!!!!!!!!!!!! +_+;;;
사찌코님께선 전생에 천사가 아니셨을지... 아님 현존에 계신 천사이신가..?!!
와~ 입이 쩍~ 벌어집니다.. @_@;;;
아고~ ie6에서 핵이 먹기는 하는데 몇몇 링크가 죽어버리네요.., 여기까지는 괜찮은데 ie7하고 불여우에서 레이아웃이 깨져 버립니다.. T^T
아무래도 제가 모르는 부분이 많다보니 잘 못 기입한 코드들에서 문제를 일으키나 봅니다..
이거 참.. 송구스럽게도 많은 시간을 투자해 주셨는데 뚜렷한 결과물이 없어 죄송하고 망극합니다..흑흑~
png 이미지가 이쁘기는 한데 무식한 제겐 당장은 맞지 않나봅니다.., 조금 더 내공이 쌓이면 그때나 도전해 봐야 겠어요..,,ㅜ_-;;;
2007/11/04 18:07 댓글주소 수정/삭제 댓글쓰기
하하..생각보다 여러 브라우져에서 문제가 발생되시나 봐요,,^ ^
뭐 그냥 png로 내버려 두세요,,하단에다 이 사이트는 ie7.firefox 브라우져 최적화,,이렇게 몇자 적어주면 끝나는데요,,뭘..그럼 방문자가 그러려니 하고 다들 이해하실텐데요,,
누구나 처음부터 모든걸 다 할수있는 사람이 어디있겠어요,,,저역시도 그런데요,,흐흐
핵적용방법 아셨으니까..나중에 스킨코딩 다시하시면서 이것저것 해보시면 되지요,,
어째든 고생하셨어요,,,그래도 화이팅 입니다 ~♡
2007/11/05 05:05 댓글주소 수정/삭제
제가 쓰는 브라우저가 파이어폭스인데 주메인에서 이미지들이 깨져버리니 속상해서..ㅋㅋ ;P
좌우당간 사찌코님께 유용한 정보 하나 습득했습니다.., 사랑해요.. 빠방!!! ;)
2007/11/08 08:58 댓글주소 수정/삭제 댓글쓰기
배경 포기하시고.. 걍 gif 로... 케케... :p
날짜 폰트는 Candara?
2007/11/08 11:20 댓글주소 수정/삭제
네.. png 이미지 버리고 gif 이미지로 교체 할려구요.., 그런데 쉽게 손이 가질 않아요..흑흑;;;
Candara 폰트를 트랙백 날짜와 코멘트 날짜에만 넣어 봤어요.., 이쁘잖아요..ㅋㅋ;;
역시.. 딱 보시면 아시는군요.. :D
2007/11/10 23:07 댓글주소 수정/삭제 댓글쓰기
멋집니다.
저도 요 배경이란걸 넣어보고 싶네요~ ㅠㅠ
2007/11/12 16:20 댓글주소 수정/삭제
이쁘게 하나 만드셔서 저도 하나 주세요.. ;P