demun(대문블로그)

티스토리스킨수정/기타2012. 6. 9. 06:00

스킨을 이것 저것 사용하다보니 티스토리에서 제공하는 로그인바가 때로는 잘 안보일때가 있습니다. 그것은 스타일이 겹쳐서 생기는 현상입니다. 만약 사용하고 계신는 스킨중에서 저와 같은 증상이 있는 분은 수정을 해주시면 됩니다. 일단 저의 경우를 한번 예제로 보시죠. 상단에 보니 회색으로 로그인바가 가려져 있습니다. 이것은 티스토리에서 기본적으로 아래와 같은 코드로 배경이미지가 되어 있습니다. .tt_menubar_blackSemiBar .tt_menubar_bg_toolbar { background: url("http://i1.daumcdn.net/cfs.tistory/static/admin/new/box_d02.png") no-repeat scroll 0 0 transparent; } 회색의 배경이 지정 ..

티스토리/티스토리가이드2012. 6. 8. 06:00

티스토리에서 지원하는 기능중에 키워드라는 것이 있습니다. 글중에서 많이 사용하는 키워드를 선택해서 키워드로 지정해 놓고 스타일을 지정해 놓으면 방문자들이 그 키워드에 대한 글을 모아서 볼 수 있도록 한 기능입니다. 키워드를 만드는 방법과 스타일을 지정하는 방법을 알아보겠습니다. 각 블로그마다 키워드는 다를수 있으며 블로그 관리자가 설정할 수도 있습니다. 블로그 성격마다 아마도 키워드 선택이 다를것이라 생각됩니다. 예를들어 저는 바탕화면이라는 키워드를 설정해 놓았습니다. 그러면 아래처럼 보이게 됩니다. 블로그 관리자가 이제까지 만들어놓은 키워드를 보려면 관라지화면 - 글 목록 - 키워드를 클릭하면 이제까지 만든 모든 키워드를 볼 수 있습니다. 키워드 만들기 키워드는 글쓰기와 동일하게 작성하면 됩니다. 키워..

퍼블리셔/에디터2012. 6. 7. 06:00

저는 Dreamweaver CS5.5 를 사용하고 있었습니다. Dreamweaver CS6 이 나와서 업데이를 진행해봤습니다. 업데이트를 할줄 모르는 분이 있으실거 같아서 제가 업데이트 하면서 관련 스샷을 첨부해서 설명해드리겠습니다. 한국어를 사용하는 사람이니 한글로 업데이트 해보겠습니다. 기존의 드림위버를 실행합니다. 아래처럼 5.5 가 보입니다. Dreamweaver 상단에 도움말 업데이트를 클릭합니다. 그럼 http://www.adobe.com/applicationmanagerpatch/index.html 주소로 갑니다. Dreamweaver 를 실행하지 않아도 위 주소로 가면 업데이트를 할 수 있습니다. 혹 주소를 모르는분은 언제든지 Dreamweaver 를 실행해서 도움말 - 업데이트를 통해 업..

퍼블리셔/기술2012. 6. 6. 06:00

html5에서 많은 촛점을 받고 있는것이 미디어쿼리(Media Queries) 입니다. 간단이 말해 기기의 해상도에 따라 보여지는것을 제어할 수 있는 기능입니다. 현재는 스마트폰, 테블릿, 컴퓨터등 보여지는 기기가 다양하고 보여지는 해상도 또한 다양합니다. 이러한 환경에 맞쳐 대응하도록 만든것이 미디어쿼리입니다. 드림위버를 사용하면 간단이 미디어쿼리를 작성할 수 있고, 미리보기 또한 할 수 있습니다. 어떤 화면인지 한번 보겠습니다. 이전에는 드림위버를 업데이트해서 html5로 마크업된 간단한 문서를 만들어 보았습니다. 그럼 이제 드림위버 상단에 멀티스크린을 클릭합니다. 참고로 현재 문서가 저장되어 있어야 합니다. 저장하지 않은 문서라면 적당이 이름을 부여해서 저장한후 멀티스크린을 클릭하세요. 아래 이미지..

일상/뉴스2012. 6. 5. 19:47

갑자기 실시간 검색어 1위에 올라온 지하철 야동남. 이 지하철 야동남으로 무지하게 많은 글들이 있습니다. 심지어는 동영상까지 있더군요. 이 사람은 무슨 정신으로 그런 행동을 하는지 모르겠군요... 세상은 요지경입니다. 정말 알수없는 성격의 소유자들이 의외로 많이 있습니다. 수원 오웬춘 사건도 그렇습니다. 일반인이 생각하는 수준이 아닙니다. 정신세계가 아예 달라요.... 우리는 상상조차 하기 힘든일들을 이들은 그냥 합니다. 조심해야 합니다. 그런 사람한테 걸리지 말아야 합니다. 그 수밖에 없어요.... 지하철 야동남에 대한 동영상입니다. 저는 보면서 그런 생각을 했네요...도대체 왜 그럴까...... 우리는 최소한 이런 행동은 하지 맙시다.... 요즘은 워낙 많은 키워드들이 잇어요....지하철야동남, 지하..

퍼블리셔/에디터2012. 6. 5. 06:00

드림위버 cs5 이전버젼이면 업데이트를 통해서 html5로 마크업된 템플릿을 사용할 수 있습니다. 이전 버젼의 드림위버라면 업데이트 센터를 통해서 업데이트 하는 방법을 알아보겠습니다. 업데이트 하러 가기 => http://www.adobe.com/support/dreamweaver/downloads_updaters.html 아래 이미지를 보시면 아래 버젼에 해당하는 드림위버는 업데이트를 할 수 있습니다. 바로 아래에 보시면 Dreamweaver CS5.5 11.5.1 Updater 를 통해 업데이트를 할 수 있습니다. 업데이트 후 드림위버에는 어떤 변동 사항이 있는지 한번 보겠습니다. 보시다시피 html5로 마크업된 템플릿을 사용할 수 있으며 간단이 클릭 한두번으로 html5로 마크업된 페이지를 만들수 ..

일상/연예가소식2012. 6. 4. 22:05

연예인들의 사건 사고의 글을 읽다보면 단어의 뜻을 정확이 몰라 애매할때가 있습니다. 성폭행인지? 간음인지? 집행유예... 등등의 알송 달송한 단어가 나오는데 ..... 정말 죄를 지어 감옥에 가는것인지? 안가는것인지? 벌을 받는것인지? 안받는것인지? 간혹 모를때가 있습니다. 이번에 그 뜻에 대해서 알아보고자 합니다. 오늘 가수 고영욱의 사건의 판결이 났습니다. 미성년자 간음혐의로 서부지검에 송치라는 기사를 보았습니다. 간음이란? 간음(姦淫·姦婬)은 부부가 아닌 남녀가 성관계를 맺는 것을 말하며 강간이나 간통, 성매매를 포함하며, 미혼인 사람의 성교도 포함된다. 위키백과 성폭력 이란? 성폭력(性暴力)은 강간, 강제 추행, 성희롱, 도촬 등 상대방의 의사에 반하여 성적 자기 결정권을 침해하는 모든 신체적·정..

일상/연예가소식2012. 6. 3. 23:47

인디벤드중에서 이름있는 벤드를 섭외를 했는데 그것이 바로 국카스텐이다. 저는 나가수의 열혈 시청자입니다. 어지간한 일이 없는한 본방을 사수하는 편입니다. 제가 음악을 좋아하는데다 고품질의 음악, 그리고 실력있는 가수들이 나오는 프로그램...그것이 바로 나가수입니다. 그래서 전 나가수의 펜이 됏습니다. 다른 어느곳에서는 볼수없는 그런 무대를 나가수에서는 볼수 있지요.... 윤도현벤드가 있었으나 그가 나간후로 자우림이 있었으나 개인적인 성향이 맞지 않아 벤드에 대한 목마름이 있었습니다. 그런데 갑자기 나타난 국카스텐...... 그들은 오늘 적적하고 조용한 나가수 무대에 불을 짚혔습니다. 오늘은 김연우,박상민,이영현,박미경,이수영 모두 잔잔하고 감미로운 노래를 선택했습니다. 그 경쟁자가운데 국카스텐이 있었습니..

티스토리/스킨배포2012. 6. 3. 06:00

굿프렌즈 스킨의 기능이 너무 많아 일일이 모두 소개하는 것은 무리가 있고 간단하게 소개하고 직접 데모블로그를 방문하셔서 보시는것이 좋을듯 합니다. 소개와 기능, 그리고 컬러셋 등을 소개하고 본인이 사용할때 수정해야 하는 점등을 알려드리겠습니다. 참고로 모든 기능들은 수정할 수 있습니다. 즉 원하지 않을때 그곳에 해당하는 코드를 주석처리하면 사용하지 않을수 있습니다. 1. 3D 슬라이더. 티스토리에서는 볼수없는 고급기술이 포함된 슬라이더가 포함되어 있습니다. 폴더를 압축해제하면 슬라이더에 해당하는 파일과 이미지가 따로 분리되어있으니 사용하고 싶지 않을때는 해당파일만 사용을 안하면 됩니다. 3D 슬라이더를 사용하는 방법은 제가 이전에 써놓은 http://demun.tistory.com/2109 를 참고하시면..

퍼블리셔/기술2012. 6. 1. 06:00

제가 서식형태로 리본에 대한 글을 몇번 썻습니다. 이전에 알고 쓴줄 알았는데.... 알고 보니 사용하지 않은것 같아 써봅니다. 이번에는 코드만으로 리본형태를 만드는 과정을 알아보겠습니다. 이 형태는 제가 이전에 만든 스킨에도 많이 적용되었던 디자인인데요. 어떤 형태인지 대략 이미지를 참고하시기 바랍니다. 여기서는 둥근 형태가 아닌 삼각형 형태를 만들어 보겠습니다. 원재는 3D 리본 만들기 입니다. 먼저 제작된 리본 형태는 아래와 같습니다. html 코드는 아래와 같습니다. 3D CSS Ribbon 3D 리본 만들기 바로가기 다음 css 코드는 아래와 같습니다. .bubble { clear: both; margin: 0px auto; width: 350px; background: #fff; -moz-bor..