SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

"공모전"에 해당되는 글 3건

  1. 2006/12/28   Deskshooters 배너 공모. 18
  2. 2006/10/23   Monochrome TT Blog Skin. 41
  3. 2006/10/22   태터툴즈 블로그 스킨 공모전 "인기상" 28
«   2024/11   »
일 월 화 수 목 금 토
          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

Deskshooters 배너 공모.

Posted by hi8ar Posted in " Misc " 2006/12/28 23:20
150 x 70 px
ds_banner1 ds_banner2

150 x 50 px
ds_banner3 ds_banner4

100 x 40 px
ds_banner5 ds_banner6


공모전 이야기만 꺼내 놓고, 아무것도 만들지 않으면 안될것 같아서 끄적여 봤습니다. 이런거 만들기엔 별로 소질이 없어, 그저 그렇게 만들었지요. :') 결론부터 얘기하면.. "구리구리"합니다. 막상 만들려고 하니, Deskshooters 사이트에서 무엇인가를 따와서 배너로 만들어야 할텐데.. 따오거나 가져올것이 별로 없었습니다. 게다가 사이트 리뉴얼 작업을 하고 있는 지금, 아무래도 다소 엉뚱한 디자인이 된듯합니다. 하하.. 사실 Deskshooters 의 이렇다할 마크 하나도 없는데.. 그저 할수 있는거라곤 Deskshooters 글자 나열 정도밖엔..... ^^;;;

아무튼, 슈터즈가 리뉴얼 되면.. 그에 어울리는 배너를 다시 생각해 봐야겠습니다. 역시, 큰 사이즈보단 작은 사이즈가 쉽네요. 100x40 px 사이즈가 제일 맘에 듭니다. 낄낄. 배경색은 각자 블로그의 배경색에 맞게 수정해도 괜찮을 것 같습니다.


Deskshooters Link 패널을 여는 배너
ds_banner7 ds_banner8

그러니까 병뚜껑 버젼.. :) 위 배너들에서 억지로 색상만 끼워 맞췄지요. 까만 병뚜껑은 좀 이상하네요.

슈터즈의 앞으로의 방향에 대해서 까지 이야기가 나오고 있습니다. 아무래도 배너공모는 시기가 적절치 못했을런지도 모르겠어요. ;_; 하지만 뭐 아무려면 어떻습니까? 상품까지 등장했는데 안 할수는 없잖아요. "아.. 이거 뭐 이렇게 구려..", "아무래도 안되겠다. 다시 만들어라.." 등등의 표현 환영합니다~! 하하.. 하.. v_v''

ds_banner.zip
(글꼴은 Corbel 과 Greg's Hand, HelvCondensedCaps 라는 글꼴을 사용했습니다. )
배너 이미지들과 psd 파일을 함께 압축해서 올려둡니다. 공모전에서 벌써 수상한것도 아니고, 벌써부터 배포할 이유는 없는것 같긴 하지만.. 다른분들이 이렇게 하셨길레... 테스트 삼아 제 블로그에 한번 달아 놓도록 하겠어요. 낄낄..

TAG , ,
Trackback, Comments ( 18 )
 

Monochrome TT Blog Skin.

Posted by hi8ar Posted in " Misc/forTextcube " 2006/10/23 00:56
태터툴즈 1.1 사용하시는 분은 새로 릴리즈한 1.1용 Monochrome 스킨을 사용하시기 바랍니다. :)
Monochrome Skin for TT 1.1



Monochrome 태터툴즈 블로그 스킨을 공개 배포합니다.

태터툴즈 블로그 스킨 공모전에 출품하여, "인기상"에 입상하였습니다. +_+''
간단하면서, 심플한 느낌의 사이드바 오른쪽의 2단형 스킨입니다. 배경으로 사용한 이미지 외에는 별 다른 이미지를 사용하지 않았습니다. Monochrome 시리즈의 첫번째 작품(?)입니다. 순수 아마추어의 작품이라, 코드가 복잡하고 불필요한 부분이 많습니다.
  1. 이 스킨은 태터툴즈 1.0.6 에 최적화 되어 있습니다.
  2. 대부분의 브라우져(IE 6.0, Firefox, Opera, Safari)에서 동일하게 보임을 확인했습니다. (하지만 불여우에서 가장 잘 보입니다.)
  3. Windows의 경우, ClearType 적용상태에서 보다 더 예쁘게 출력됩니다. 클리어타입을 사용하지 않으시는 분은 지금부터라도 사용해 보세요~! (영문폰트 때문입니다.)
  4. 하단 배너(Monochrome 배너)와 제작자를 수정하지 않는 범위 내에서 자유롭게 수정 하실수 있습니다.
  5. 본문의 영역의 크기는 600px 입니다.
  6. 사이드바 영역의 크기는 150px 입니다.

애초에 제작한 스킨은 태터툴즈 1.1에 맞추어 제작 되었습니다만, 태터툴즈 1.1의 공개가 늦어짐에 따라 1.0.6 스킨만 공개/배포 합니다. 1.1용은 1.1이 공개될 즈음에 마침맞게 공개하도록 하겠습니다!


배포하는 스킨은 다음과 같이 두가지 입니다.

1. hi8ar_Monochrome Xhtml V1.0 배포판
단순한 모노톤의 스킨입니다. 간단한 흑백의 조합의 배경만을 사용해서, 포스팅의 내용이 더욱 더 돋보이고 뚜렷하게 함을 목적으로 합니다.
배경 색상 코드 : #d7d7d7
링크 색상 코드 : #3d68d2
링크 마우스 hover시 색상 코드 : #993333


2. hi8ar_Monochrome_Red Xhtml V1.0 배포판
hi8ar_mono와 기본적인 것은 같습니다. 심심한 흑백에 빨강 컬러셋을 적용했습니다. 이 계절에 잘 어울립니다. :)
스크린샷으로 미리보기.
배경 색상 코드 : #cebabb
링크 색상 코드 : #895c5c
링크 마우스 hover시 색상 코드 : #993333


다운로드(Download)
태터툴즈 스킨 페이지로 링크합니다~!
2006.10.24 PM 10:41 간단한 오류 수정이 있었습니다.
2006.10.29 AM 10:00 매우 중요한 오류 수정이 있었습니다.
- 사파리(Safari) 브라우져에서 본문 스타일 미적용 문제 (자세한 내용 보기)



MonoChrome TT Blog Skin의 활용.

1. SweetTitle 스크립트의 적용.

SweetTitle 스크립트가 적용되어 있습니다. 링크 위에서 위와 같은 풍선 팝업을 띄웁니다.
(a 태그에 title 속성이 있을경우, title 의 내용 역시 출력합니다.)
예제: What a Nuisance! (이 링크에 마우스를 올려 보세요~!)
<a href="http://hi8ar.net/" title="hi8ar's Blog">What a Nuisance!</a>

만약 스윗 타이틀이 제대로 동작하지 않는다면, skin.html 파일의 윗부분의 스윗타이틀 스크립트 경로부분을 수정해 주시기 바랍니다.
풍선 팝업의 모양과 색상은 /css 폴더의 sweetTitles.css 에서 수정하실수 있습니다.


2. 상단 탭 네비게이션.
skin.html 파일을 에디터로 열어,
36번째 줄을 보시면
	    	<!-- CSS Tabs 상단 탭에 추가하실수 있습니다-->

		    <li><a href="[##_blog_link_##]" title="처음으로~"><span>Home</span></a></li>

				<li><a href="[##_localog_link_##]" title="위치로그"><span>Location</span></a></li>

				<li><a href="[##_taglog_link_##]" title="태그"><span>Tag</span></a></li>

				<li><a href="[##_guestbook_link_##]" title="방명록"><span>GuestBook</span></a></li>


위와 같은 부분을 찾으실수 있습니다. 위와 같은 형식으로 <li> 태그 안에 링크를 추가하시면 상단 탭 네비게이션에 탭을 추가 하실수 있습니다. 중요한 카테고리의 링크나 혹은 다른 곳으로의 링크를 더 넣으셔서 활용하세요~!


3. YouTube 동영상 배경 꾸미기.
예제 :: http://hi8ar.net/247
유튜브 동영상 소스를 <div class="utube"> 로 감싸 주시면 유튜브 동영상 뒤에 준비된 배경이 나옵니다.
<div class="utube"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/0jN7EGVS2bI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/0jN7EGVS2bI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></div>

주의 : 태터툴즈 1.0.6의 에디터는 html 태그 사이를 엔터로 띄우게 되면 <br> 태그 (줄바꿈 태그)를 넣습니다. 줄바꿈 없이, 반드시 한줄로 작성하셔야지만 CSS의 .utube 에서 지정한 여백이 맞게 적용됩니다.



별로 대단치 않은 스킨이라 공개/배포하는데 굉장한 시간이 걸리는군요. 출품했던 스킨의 소스를 찬찬히 다시 뜯어보며, 어떻게 이 스킨이 입상한 것인지 의구심이 갈 정도 였습니다. 여기저기 오류에, 잘못된 경로 때문에 스윗타이틀은 작동하지도 않고....-_ㅡ;; 난감했습니다.

오류와 실수를 바로 잡는다고 바로잡았는데, 제대로 된건지 모르겠습니다. 돌아서면 실수가 보이는군요. 수정하거나 추가할 사항이 있으면 계속 고쳐두겠습니다. 기타 오류와 질문사항등은 댓글로 남겨 남겨 주세요~!

아무쪼록 멋진 블로그 만드시는데 도움이 되었으면 좋겠습니다. :)
감사합니다~!! +_+'''
TAG , , , ,
Trackback ( 2 ), Comments ( 41 )
 

태터툴즈 블로그 스킨 공모전 "인기상"

Posted by hi8ar Posted in " Diary " 2006/10/22 00:07
스킨 공모전 수상작들이 발표 되었습니다!

사실 오늘이 발표일인지, 잊고 있었습니다.
잊고, 잊어버리고, 또 잊고 살다가 갑자기 제 앞에 19인치 LCD 모니터가 놓이기를 바랐냐고 물으신 다면.... 흐흐흐.....-_ㅡ;;;
인기상 배너

배너도 참 예뻐요~!


이유없이 바쁜 제 생활 패턴 덕분에, 충분한 준비 없이 부랴부랴 응모했던 스킨이 인기상에 선정 되었습니다.
아마도 제일 마지막에 있는 것을 보니, 턱걸이 했나봐요... +_+''
왠지 참여 하지 않으면, 나중에 정말 후회 될것만 같고, 급하게 덜 다듬어진 스킨을 공모전 출품한답시고 보내놓고 나니, 자신이 스스로 부끄러워 지더군요. 생각하고 준비해 두었던 것들을 아무것도 활용하지 못하고 출품했던 것이 조금은 아쉽습니다. :) 아무튼 여러모로 부족한 스킨에 인기상으로 선정해 주시고... 그저 감사할 따름입니다~!!! 상위 입선하신 분들의 스킨은 조그만한 캡쳐샷으로만 접해도 정말 굉장해 보이는 군요~!

출품했던 스킨은 태터툴즈 1.1에 맞추어져 작성 되었습니다. 그런데 태터툴즈 1.1의 공개가 아무래도 당장 될 것 같지는 않네요. 늦어도 내일까지는 1.0.6에 맞는 스킨을 포함하여 공개해 볼까 합니다. 물론 조금 더 다듬고, 몇가지를 좀 더 추가 해 볼까도 생각하고 있습니다. 아무튼, 공개될 스킨은 현재 제 블로그의 모습과 크게 다르지 않습니다. 아니 그냥 "이겁니다." 라고 말하는 것이 더 정확할것 같군요...+_+''

어서 다듬어 태터툴즈 스킨 페이지에 올리고,

이제 떡볶이의 맛을 보는 일만 남았군요.. :)
TAG , , , ,
Trackback, Comments ( 28 )
 
prev
next
1