포맷 때문에 플러그인이 싹 날아가서, 새로 받아 왔습니다.
그래서 사진은 새발의 피 정도만 슬쩍 받아서 적용해본 것.
링크를 타고 들어가면 무수한 플러그인들을 만나볼 수 있습니다.
도바토
Standby
'굿'에 해당되는 글 5건
제목 날짜Notepad2 - 코딩 프로그램
컴퓨터
2010. 6. 24. 13:30
SetupNotepad2.x86-32.exe
제가 스킨 만들 때 쓰는 프로그램입니다.
인터페이스를 보면, 정말 이름과 걸맞게 윈도의 기본 메모장을 업그레이드한 것 같다는 느낌이 납니다. :)
윈도 기본 메모장 대용으로 간단하게 쓸 정도로 간단하기도 하지만 간단한 프로그램을 짜거나 웹코딩을 할때 쓸만할 정도이기도 합니다.
수십가지의 Syntax Scheme을 내장하고 있어 코딩을 잘못하더라도 하이라이트되어 나타나기 때문에 틀린 부분을 찾아보기 쉽습니다. 제가 올린 설치파일을 쓰면 Notepad++처럼 구문 하나를 접고 펴고 할 수도 있습니다. 그리고 기타, 기본 메모장보다 더 쓰기 편한 자잘한 점도 간직하고 있습니다.
64비트 버전도 구글링하면 나옵니다. ㅎㅎ
Posted by 도바토
블루큐브 스킨 뜯어보기 Part.1 - 「CSS3」
스킨
2010. 6. 1. 20:15
CSS3[씨에스에스삼]으로 div(글상자)의 모서리를 둥글게 만들어 보세요.
저도 방금 알아냈어요. (...)
드디어 시작된 스킨 뜯어보기 코너. 그런데 처음부터 난데없이 CSS3인 이유는...
블루큐브 스킨을 보시면 전체적으로 둥글둥글하다고 느끼실 겁니다. 그 둥근 테두리를 전부 이미지로만 처리해야 하는 애로사항이 있었는데, CSS3의 사용법 중 div(글상자)의 모서리를 둥글게 만드는 것이 있다는 것을 뒤늦게 깨닫고 말았습니다.
...-ㅅ-;; 많이 늦긴 하지만 CSS3을 사용하는 스킨이 되었다는 말입니다.
예를 들어 이런 부분이 있다고 하면
이렇게 세 부분으로 나누어져서, 각각 부분을 글상자로 만든 다음
윗부분과 아랫부분은 테두리를 둥글게 그려놓은 배경이미지로 채워넣고,
가운데 부분은 흰색 배경으로 채워 넣는 것이었습니다.
.commentReplyTop {
width:603px; height:6px;
margin-top:12px;
background:url(images/commentReplyTop.png) center center no-repeat;
}
.commentReplyBottom {
width:603px; height:6px;
margin-bottom:12px;
background:url(images/commentReplyBottom.png) center center no-repeat;
}
.commentList p {
background-color:#FFF;
padding:5px 12px 5px 12px;
margin:0;
}
<div class="commentReplyTop">
<div class="commentReplyTop">
</div>
<p>[샵샵_rp_rep_desc_샵샵]</p>
<div class="commentReplyBottom">
</div>
이렇게 난잡하기 짝이 없던 코드가
.commentList p {
background-color:#FFF;
padding:12px;
margin:12px 8px 12px 0;
-webkit-border-radius:7px;
-moz-border-radius:7px;
}
<p>[샵샵_rp_rep_desc_샵샵]</p>
<p>[샵샵_rp_rep_desc_샵샵]</p>
무려 이렇게 간단하게 바뀌어버렸습니다. 오오 이런...
결과는 위의 사진과 거의 동일하게 나오겠죠?(귀찮아서 사진 안올리려는 수작)
결과는 위의 사진과 거의 동일하게 나오겠죠?
색깔이 좀 달라진건 신경쓰지 말아주시고, 결과물이 아주 약간 더 깔끔하다는 것을 확인할 수 있습니다.
코드를 보시면 감이 확 오실 겁니다. 넵. 크롬, 사파리, 파이어폭스에서만 보입니다.
사용법은 이렇습니다.
-webkit-border-radius:(수치)px;
-moz-border-radius:(수치)px;
위의 두 줄을 CSS파일의 원하는 부분에 부담없이 넣어주시면 됩니다. 픽셀 말고 다른 단위는 되나 확인을 안해봤네요.
div 뿐만 아니라 img(이미지)에도 먹히더군요. 예뻐 죽겠네요. -ㅂ-
신기술과 친하게 지내는것은 언제나 좋은것 같습니다. 어허허
위의 글상자 모서리 둥글게 다듬어주는것뿐만 아니라 텍스트 그림자에 글상자 그림자, 그라이언트까지 아주 지옥같은 집이 천국의 러브하우스로 변하는중.
이것들을 굉장히 다양한 방법으로 혼합해서 사용하면 무한한 응용이 가능하더군요.
근데 이제부터 IE나 오페라에서는 제 스킨이 매우 각지게 나오겠군요? 완전 다른 스킨마냥...
Posted by 도바토
도메인을 등록했습니다.
잡담
2010. 4. 26. 16:35
이 블로그에 좀 더 쉽게 들어올수 있는 짧은 주소를 등록했습니다.
Posted by 도바토
[사이트소개] Grooveshark - 음악 듣는 사이트
잡담
2010. 4. 11. 23:10
상당히 쓸만한 사이트입니다.
일본 곡이든, 미국이나 유럽 곡이든 치면 왠만한게 다 떠서 꽤 쓸만하네요.
블로그에 음원을 올려서 한구석으로 껄끄러워지기 싫거나, 음악 받아놓은 게 없는 다른 사람 컴퓨터에서 음악을 듣고 싶을 때 등, 꽤 쓸모있습니다.
그리고 생각보다 희귀한 자료도 잘 뜹니다. 토런트같은데서 아무리 찾아봐도 안보이던 게 뜰 때도 있으니...
한마디로 말하면 "음악 듣는 사이트"네요 'ㅅ'
Posted by 도바토