프로필 위젯 편집

 티스토리에서 텍스트큐브닷컴으로 옮기면서 좀 생소한 사이드바 위젯이 프로필 이란 이름의 위젯이였습니다. 블로거 이미지와 블로그 소개글, 관심블로그 등록 버튼,  관심블로그 등록수, 그리고 가장 생소한 ExperTag!!

 대충 제가 사이드바를 3개로 나누고, 가장 가로 폭이 큰(350px) 첫번째 사이드바에 프로필 위젯을 놓으니, 부담스럽게 이미지가 커지더군요. ExperTag가 그리 유용한지도 아직 의문이고, 괜히 나오니깐 사이드바 길이만 잡아먹는것 같아 대대적인 삽질을 해야겠다고 생각했습니다.

 하지만 사이드바 프로필에 관한 스타일시트 (style.css) 내용이...

/* profile */
#profile                 { background-color:#f33; padding:9px; color:#fcc;  }
#profile a                 { color:#fcc;}

#profile .blogImage     { text-align:center; }
#profile .blogImage img { border:6px solid #fff; width:150px;}
#profile dt             { font-weight:bold; color:#fff;}
#profile .image dt,
#profile .control dt    { display:none;}
#profile .desc             { padding-top:10px; overflow:hidden;}

#profile .control        { padding:10px 0; border-bottom:1px dashed #ff5b5b; height:18px;}
#profile .control a     { float:left; overflow:hidden; width:0; height:0;}
#profile .control .profileView         { background:url(images/btn_go_profile.gif) no-repeat; padding:18px 0 0 89px; display:block; margin-right:10px;}
#profile .control .profileModify     { background:url(images/btn_go_setting.gif) no-repeat; padding:18px 0 0 58px; display:block;}
#profile .control span    { visibility:hidden; }

#profile .experTag        { padding:5px 0;}
#profile .experTag li     { display:inline;}
#profile .experTag a:hover { color:#fff;}


#profile .blogRoll dt    {display:none; }
#profile .blogRoll dd    {  }
#profile .blogRoll .action {display:block; overflow:hidden; height:0; width:0; }

#profile .blogRoll .tt-blogroll-login,
#profile .blogRoll .tt-blogroll-add,
#profile .blogRoll .tt-blogroll-nothing,
#profile .blogRoll .tt-blogroll-owner,
#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount  {padding:8px 0; border-top:1px dashed #ff5b5b; }

#profile .blogRoll .tt-blogroll-login a,
#profile .blogRoll .tt-blogroll-add a {float:left; display:block; background:url(images/btn_favblog_add2.gif) left top no-repeat; padding:18px 0 0 80px; margin-right:5px; overflow:hidden; height:0; width:0; }
#profile .blogRoll .tt-blogroll-nothing .action {float:left; background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px;  margin-right:10px;}
#profile .blogRoll .tt-blogroll-owner .action {float:left; background:url(images/btn_myblog.gif) left top no-repeat; padding:17px 0 0 55px;  margin-right:10px;}

#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount {clear:both; text-align:center;}
#profile .blogRoll .tt-blogroll-group .addedPart .addedBlog {margin-bottom:3px; text-align:left;}
#profile .blogRoll .tt-blogroll-group .addedPart .action {background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px; margin:5px auto 0;}
#profile .blogRoll .tt-blogroll-group .addPard select  {width:150px; font-size:1em; color:#666; margin-bottom:3px;}
#profile .blogRoll .tt-blogroll-group .addPard button  {background:url(images/btn_favblog_add2.gif) left top no-repeat; height:18px; width:80px; margin-top:5px;}
#profile .blogRoll .tt-blogroll-group .addPard button  span {display:none;}

 그냥, 뭐 하기 싫은거죠... 뭐가 뭔지.. (항상 고백하지만, 저는 웹 문외한입니다.)

 하지만, 이리 저리 이분 저분 잘 꾸며놓으신 블로거님들꺼 보고 컨닝을 좀 했습니다.

 그래서 아주 간략한 프로필에대한 소스를 훔쳐왔습니다. !!!
 (이리 저리 스킨 고치기 삽질중에 어떤분소스인지 잘 모르겠습니다. 원 제작자님이 보셔서 문제가 되면 삭제하겠습니다. T.T)

/* profile */
.tt-default-sidebar-profile-blog-image img {display:none;}
.tt-default-sidebar-profile-blogroll .action {display:yes;}
.tt-default-sidebar-profile-blogroll .count {display:yes;}
.tt-default-sidebar-profile-experTag {display:none;}

 정말 간략하고 짧고 얼마나 좋습니가.. 하하
 
 대략 소스를 설명해드리면,,

.tt-default-sidebar-profile-blog-image img {display:none;} : 블로그 이미지
.tt-default-sidebar-profile-blogroll {display:yes;} : 관심 블로그 등록 버튼
.tt-default-sidebar-profile-blogroll .action {display:yes;}    : 내블로그 혹은 관심블로그표시
.tt-default-sidebar-profile-blogroll .count {display:yes;}     : 등록중인 블로거 수
<.tt-default-sidebar-profile-blogroll 를 감추면 하위 2가지 메뉴도 자동감춰짐,,>
.tt-default-sidebar-profile-experTag {display:none;}          : ExperTag
 
 화면상에 출력을 원하시면 {display:yes} 보이지 않게 하려면 {display:none}

하시면 됩니다.

 도움이 되었으면 합니다.

 <혼자 스킨 고치기 삽질은 맘에 들때까지 계속됩니다.~>