CSS로 탭 내비게이션 구현하기…

오랫만에 웹페이지 코딩을 할 일이 있었는데, 탭 내비게이션이 필요한 상황이라 html + css로 탭 내비게이션을 구현해보았습니다.

block 레벨 엘리먼트에 position 속성을 주게 될 경우 새로운 context가 시작되게 되므로 그 하위 엘리먼트에서 position: absolute를 사용할 경우 position을 속성을 지정해둔 상위 엘리먼트의 위치 기준으로 위치가 지정된다는 사실을 이용하는 방법입니다.

border만을 활용하다 보니 디자인 상으로 사소한 문제가 있지만 span 등을 활용할 경우 충분히 이쁘게 만들 수도 있을거라 생각합니다.

Continue reading CSS로 탭 내비게이션 구현하기…

W&Whale: Whale Song

W&Whale 앨범에 수록된 잔잔한 기타 선율의 노래~ 유명한 타이틀 곡보다 이런 노래가 더 좋다.

어린날 포근한 엄마의 멜로디
언제나 품 속에 담아두고 싶어

까맣게 깊은 밤 하얗게 피어있는
별에게 얘기했지 수없이 많은 바램

언제나 꿈꾸는 길에 서있는 내가 좋아
바보같아 보여도 웃는 모습 참 좋아

상처받고 여린 마음이지만 용서하고
사랑만 하고 싶어

라디오헤드의 음악을 느끼며
이슬이 스며든 런던을 꿈꾸지

기타를 튕기는 내 손이 너무 좋아
굳은 살 투성이지 나는 락앤롤 스타

언제나 꿈꾸는 길에 서있는 내가 좋아
바보같아 보여도 웃는 모습 참 좋아

상처 받고 여린 마음이지만 용서하고
사랑만 하고 싶어

어쩌면 다시 흘러간 시간 속에서 힘이든지도
이제는 내게 감미로운 멜로디 그 속에 힘을 싣고

언제나 꿈꾸는 길에 서있는 내가 좋아
바보같아 보여도 웃는 모습 참 좋아

상처받고 여린 마음이지만 용서하고
사랑만 하고 싶어

:11

내맘대로 따본 타브

E|---------------|---------------|---------------|3--------------| A|---------------|0--------------|3--------------|---------------| D|0--------------|--2------------|--2------------|---------------| G|--2------------|---------------|-----0------0--|--0------------| B|---------------|-----0/1-------|-----3------3--|----3/5--------| E|----2/3\2------|----------3----|---------------|----------3----| E|---------------|---------------|---------------|3--------------| A|---------------|0--------------|3--------------|---------------| D|0--------------|---------------|--2------------|---------------| G|--2------------|-----2---------|-----0------0--|--0------------| B|---------------|0/1----------1-|-----3------3--|----3/5--------| E|----2/3\2------|----------0----|---------------|----------3----|