사이드바 영역으로 건너뛰기

메뉴타이틀를 이미지로 변경하기

♡ 이 글은 진보네님의 [트랙 팩 07 : 불로그 관리 TIP] 에 관련된 글입니다.

 

미류님의 질문을 좀더 쉽게 설명하고 진보네 블로그 디자인 TIP도 만들어

메뉴얼화 하는것도 의미있을듯하여 포스팅해봅니다.

 

기회되면 몇가지 디자인sample과 함께 Tip을 만들어서 블로그 관리인"진보네"에

짐을 하나라도 덜어주어얄텐뎅...진보네자활가로서도 약간의 명분을 쌓고..쩝쩝...

이미지위주로 설명을 해드리면 좀더 쉬울텐데...제 자판이 프린트캡쳐가 안되는고로

텍스트위주로만 설명을 드리게되었습니다. 기회되면 이미지로 올려드릴께요~

 

빠~아~져듭니다~~(안어벙을 사모하는 맘에 한번 따라해봤당~)

 

맨 먼저 들어가야 할 곳은

1. " 내블러그관리/스킨편집ㅣ제작 "

 왼쪽의 메뉴들 중 5번째 메뉴선택~

 

2. 서버에 이미지올리기

일단 이미지부터 서버에 올려야 경로를 따라 이미지가 브라우져에 보인답니다.

"스킨편집ㅣ제작/현재스킨편집/부분HTML" 안으로 들어가면 오른쪽 상단에

버튼 "이미지올리기"이 보입니다.

들어가셔서 "이미지 추가"에서 메뉴타이틀에 올리기 위해 제작해두신 이미지를

올려주세요.

 

3. 이미지경로복사

이미지를 서버에 무사히 올리셨다면 "이미지목록"에 이미지들이 쫙 보일꺼예요.

그곳에서 이미지를 선택하시면 미리보기에 살짝 이미지로 보일겁니다.

메뉴에 올릴 이미지를 선택하셔서 오른쪽의 버튼 "경로복사"를 누르시면

서버에 올라간 이미지의 경로가 자동으로 복사됩니다.

 

4. 부분HTML수정

상단메뉴중 "부분HTML" 을 선택하시면

3면으로 UI가 분리된 그림(table)이 나옵니다.

그곳에서 오른쪽 메뉴목록중 수정할 메뉴를 선택하세요.

임의로 "최근 덧글"메뉴를 선택해서 수정해보면 HTML소스가 아래와 같습니다.

{


[%최근 덧글%]


  

-



 

 

[%최근 덧글%]-->[%이미지경로border=0>%]로 수정하는데요.

황토색으로 된 이미지경로는 3번 내 이미지창고에서 복사한 것을 갔다붙입니다.(Ctrl+V)

그러면 최종 요렇게 됩니다.

{


[%http://blog.jinbo.net/attach/243/220618315.gif border=0>%]


  

-



 

 

5. 적용하기

미리보기버튼을 눌러서 원하는 바대로 올라갔는지 확인하시고 그런다음 최종 올려도

되겠다는 판단이 서시면 "적용하기" 버튼을 확~눌려버리세요.

적용하기 버튼을 빼먹으면 소스수정이 안되는거 아시죠?

 

 

그럼 텍스트로 된 메뉴가 멋찐 이미지로 변경되었나요?

 

사실 블로거분들은 멋찐 이미지제작에 관심이 많으실텐데요...

환상의 이미지제작 툴인 포토샵에 대한 교육도 디자인sample을 토대로

기회되면 올려보도록 할께요~~^^

 

바이~

 

 

 

 

 

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크
  • 태그
  • 글쓴이
    미갱
  • 등록일
    2004/12/29 23:53
  • 수정일
    2004/12/29 23:53
  • 분류
    K의 방
  • 트랙백
    1개
  • 댓글
    5개