breeze on everywhere

블로그 이미지

도바토

Standby

'굿'에 해당되는 글 5건

제목 날짜
  • 엄청난 플러그인(4) 2010.07.09
  • Notepad2 - 코딩 프로그램(6) 2010.06.24
  • 블루큐브 스킨 뜯어보기 Part.1 - 「CSS3」(11) 2010.06.01
  • 도메인을 등록했습니다.(16) 2010.04.26
  • [사이트소개] Grooveshark - 음악 듣는 사이트 2010.04.11

엄청난 플러그인

컴퓨터 2010. 7. 9. 20:04


http://forums.getpaint.net/

포맷 때문에 플러그인이 싹 날아가서, 새로 받아 왔습니다.
그래서 사진은 새발의 피 정도만 슬쩍 받아서 적용해본 것.

링크를 타고 들어가면 무수한 플러그인들을 만나볼 수 있습니다.
저작자표시 비영리 변경금지
Posted by 도바토
.net framework, Paint.NET, 굿, 그림판, 페인트닷넷, 플러그인

Notepad2 - 코딩 프로그램

컴퓨터 2010. 6. 24. 13:30

SetupNotepad2.x86-32.exe

http://www.flos-freeware.ch/notepad2.html

제가 스킨 만들 때 쓰는 프로그램입니다.

인터페이스를 보면, 정말 이름과 걸맞게 윈도의 기본 메모장을 업그레이드한 것 같다는 느낌이 납니다. :)
윈도 기본 메모장 대용으로 간단하게 쓸 정도로 간단하기도 하지만 간단한 프로그램을 짜거나 웹코딩을 할때 쓸만할 정도이기도 합니다.

수십가지의 Syntax Scheme을 내장하고 있어 코딩을 잘못하더라도 하이라이트되어 나타나기 때문에 틀린 부분을 찾아보기 쉽습니다. 제가 올린 설치파일을 쓰면 Notepad++처럼 구문 하나를 접고 펴고 할 수도 있습니다. 그리고 기타, 기본 메모장보다 더 쓰기 편한 자잘한 점도 간직하고 있습니다.

64비트 버전도 구글링하면 나옵니다. ㅎㅎ
저작자표시 비영리 변경금지
Posted by 도바토
Notepad, Notepad++, Notepad2, 굿, 메모장, 메모장프로그램, 쓸만한, 쓸만한 자료, 쓸만한 프로그램, 태그달기 귀찮아, 프로그램

블루큐브 스킨 뜯어보기 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>
<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>

무려 이렇게 간단하게 바뀌어버렸습니다. 오오 이런...
결과는 위의 사진과 거의 동일하게 나오겠죠?(귀찮아서 사진 안올리려는 수작)

색깔이 좀 달라진건 신경쓰지 말아주시고, 결과물이 아주 약간 더 깔끔하다는 것을 확인할 수 있습니다.



 코드를 보시면 감이 확 오실 겁니다. 넵. 크롬, 사파리, 파이어폭스에서만 보입니다.

사용법은 이렇습니다.

-webkit-border-radius:(수치)px;
-moz-border-radius:(수치)px;

위의 두 줄을 CSS파일의 원하는 부분에 부담없이 넣어주시면 됩니다. 픽셀 말고 다른 단위는 되나 확인을 안해봤네요.
div 뿐만 아니라 img(이미지)에도 먹히더군요. 예뻐 죽겠네요. -ㅂ-


신기술과 친하게 지내는것은 언제나 좋은것 같습니다. 어허허
위의 글상자 모서리 둥글게 다듬어주는것뿐만 아니라 텍스트 그림자에 글상자 그림자, 그라이언트까지 아주 지옥같은 집이 천국의 러브하우스로 변하는중.
이것들을 굉장히 다양한 방법으로 혼합해서 사용하면 무한한 응용이 가능하더군요.
근데 이제부터 IE나 오페라에서는 제 스킨이 매우 각지게 나오겠군요? 완전 다른 스킨마냥...

저작자표시 비영리 변경금지
Posted by 도바토
border-radius, CSS, CSS+DIV, CSS+HTML, css3, div, 굿, 글상자, 대발견, 뒷북, 뒷북소식, 모질라, 스킨, 스킨 뜯어보기, 스킨만들기, 오오오오오ㅗㅇ, 우와아아앙, 웹디자인, 웹킷, 웹프로그래밍

도메인을 등록했습니다.

잡담 2010. 4. 26. 16:35
이 블로그에 좀 더 쉽게 들어올수 있는 짧은 주소를 등록했습니다.

http://dobato.wo.tc

많이 이용해 주세용 'ㅅ'/~

wo.tc - DNSEver.com에서 무료로 서비스하는 도메인 주소입니다.


Posted by 도바토
dnsever, DNSEver.com, wo.tc, 굿, 도메인, 도메인등록, 무료, 무료도메인, 서핑, 쓸만한, 인터넷

[사이트소개] Grooveshark - 음악 듣는 사이트

잡담 2010. 4. 11. 23:10
http://listen.grooveshark.com/


상당히 쓸만한 사이트입니다.

일본 곡이든, 미국이나 유럽 곡이든 치면 왠만한게 다 떠서 꽤 쓸만하네요.

블로그에 음원을 올려서 한구석으로 껄끄러워지기 싫거나, 음악 받아놓은 게 없는 다른 사람 컴퓨터에서 음악을 듣고 싶을 때 등, 꽤 쓸모있습니다.

그리고 생각보다 희귀한 자료도 잘 뜹니다. 토런트같은데서 아무리 찾아봐도 안보이던 게 뜰 때도 있으니...

한마디로 말하면 "음악 듣는 사이트"네요 'ㅅ'
Posted by 도바토
Grooveshark, Music is my life, music is my radar, 검색, 굿, 그루브샤크, 사이트, 쓸모있는, 쓸모있는데, 웹사이트, 음악, 음악감상, 음악듣기, 잇힝, 좋구나, 플래시, 희귀

이전페이지 다음페이지
블로그 이미지

Standby

by 도바토

공지사항

  • Profile - 플로넨
  • Profile - 도바토

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 케이스 전면 팬 140mm로 교체하기
  • Mikrotik RB2011UIAS-2HnD-IN 2
  • Windows 10 Pro FPP 구입! 1
  • 레오폴드 FC900R 스탠다드 PBT 적축 개봉기
  • 데스크탑의 대격변 2
  • 더 보기
  • 저도 이번에 이 제품을 구입했는데 USB가 풀포트이고 전원포트가⋯
    홍현민 ㆍ 2017
  • 2016년 윈도우 PC 프로그래밍 핫 이슈 ★ 최적화 ★★★★★⋯
    sayheart ㆍ 2017
  • 희귀한 개봉기당
    도바토 ㆍ 2017
  • 마이크로소프트에서 맨든 USB... 이건 굉장히 귀하네요
    도바토 ㆍ 2017
  • 글게요 이게 대체 뭘까여...
    도바토 ㆍ 2016

태그

  • HTML+CSS
  • 던전앤파이터
  • CSS
  • HTML
  • 게임
  • 마인크래프트
  • 태그달기 귀찮아
  • 애니메이션
  • 대항해시대 온라인
  • 스킨
  • 티스토리
  • 태그가 적다
  • chrome
  • 블로그 스킨
  • 뻘짓
  • 블로그
  • 파이어폭스
  • 블루큐브
  • 블로깅라이프~
  • 오오오오오ㅗㅇ
  • 크롬
  • 뻘글
  • 코원
  • 블로깅
  • 스킨제작
  • 만세!!
  • 구글 크롬
  • 크롬 플러스
  • 티스토리 스킨
  • 스크린샷

글 보관함


  • 2017/01
    (2)

  • 2016/12
    (5)

  • 2016/08
    (1)

  • 2015/09
    (2)

  • 2015/06
    (5)

  • 2015/05
    (4)

  • 2015/04
    (6)

  • 2015/03
    (5)

  • 2015/02
    (11)

  • 2015/01
    (5)

  • 2014/12
    (2)

  • 2014/11
    (9)

  • 2014/10
    (4)

  • 2014/09
    (4)

  • 2014/08
    (2)

  • 2014/07
    (4)

  • 2014/06
    (1)

  • 2014/05
    (6)

  • 2014/04
    (13)

  • 2014/03
    (4)
«   2023/01   »
일 월 화 수 목 금 토
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

링크

카테고리

전체 (242)
공지사항 (3)
잡담 (91)
컴퓨터 (25)
모바일 (11)
음향기기 (6)
전자기기 (1)
대항해시대 온라인 (17)
마인크래프트 (16)
던전 앤 파이터 (31)
게임 (5)
스킨 (27)

카운터

Total
301,621
Today
0
Yesterday
5
방명록 : 관리자 : 글쓰기
도바토's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

breeze on everywhere

Standby

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • 전체 (242)
    • 공지사항 (3)
    • 잡담 (91)
    • 컴퓨터 (25)
    • 모바일 (11)
    • 음향기기 (6)
    • 전자기기 (1)
    • 대항해시대 온라인 (17)
    • 마인크래프트 (16)
    • 던전 앤 파이터 (31)
    • 게임 (5)
    • 스킨 (27)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바