아직 로그인하지 않았습니다. 로그인 또는 회원 등록을 해 주시기 바랍니다.
페이지 1
http://www.textcube.org/theme/entry/magazine08-tc <- 매가진 스킨 사용중인데요
이 옆에 최근공지랑 최근방명록 보기 사이드바를 성치하면 이 스킨 오른쪽 사이드바는 파란색 박스안에 정렬되지만 플러그인은 보기 싫게 삐져 나와서 이걸 스킨 html과 css에 먼가 직접 써야 될거 같은데 까막눈이라 방법을 모르겠습니다.
위 메가진 스킨에 맞는 최근공지랑 최근방명록 보기 사이드바 모듈 문구 문의 드립니다.
음.. 직접 사용중인 스킨에 css코드를 추가하는 방법이 가장 좋을 것 같습니다.
일단 플러그인에서 어떤 코드를 생성해 내는지 보고 그 코드에 맞게 스킨에서 기존의사용중인 박스형태의 레이아웃 코드를 적용해야하는데요. 이는 플러그인이 활성화 되어 있는 상태에서의 블로그를 좀 둘러봐야 답이 나올 것 같네요.
무턱대고 이렇다라고 답하긴 어렵습니다.
블로그 주소는 http://lbhgo.iptime.org/ 이고
플러그인은 구글 검색해서 RecentGuestbook라는 플러그인을 받아서 압축풀고 활성화 시켰습니다. 방법 문의 드립니다.
이걸로 먹고 살것도 아니라 처음부터 공부하자니 엄두도 안나고 아 까막눈이라 서러버요 ㅜ.ㅜ
CSS 코드는
@charset "utf-8";
/* 달력 월 표시 */
.cal_month { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
.cal_week1 { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font:0.95em Dotum, Arial, sans-serif; color:#f30; }
/* 달력 Week(tr 영역) */
.cal_week { background-color:#fff;}
.cal_current_week { background-color:#eee;}
/* 달력 Day(td 영역) */
.cal_day { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; text-align:center;}
/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday { color:#f30 !important;}
.cal_day_sunday a { color:#f30 !important;}
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 { color:#ccc;}
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color:#666;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color:#000; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color:#333; font-weight:bold;}
a.cal_click:visited { color:#333; font-weight:bold;}
a.cal_click:hover { color:#f30; font-weight:bold;}
/* ------------------------------------------------------------------- */
/* BBCode Helper */
/* ------------------------------------------------------------------- */
.emoticonborder { border-style: solid; border-width: 1px; border-color: #cbcbcb; padding: 3px; margin: 0 0 -2px 0; height: 21px;}
.emoticons { cursor:pointer; float: left; margin:2px 2px 1px 0; }
.emoticonspace { float: left; margin-right:0px; }
.emoticonusage { cursor:pointer; float: right; }
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; background-color:transparent !important;}
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
/* Float bug */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* */
/**essential**/
hr {display:none;}
img {border:0;}
h1, h2, h3, h4, h5 {margin:0; padding:0;}
input {font-size:12px;border:none;}
textarea {font-size:12px;border:none;}
body{
margin:0;
padding:0;
font:12px NanumGothic, �������, "Malgun Gothic", ��� ���, Gulim, Dotum, Arial, "Trebuchet MS", "Lucida Console";
line-height:160%;
}
a {text-decoration:none; color:#000}
a:hover {text-decoration:underline; color:#575757;}
/**Layout**/
#containerBox{
margin:0 auto;
padding:0;
width:1000px;
}
#header{
margin-top:20px;
width:1000px;
}
#menu{
background-color:#25251d;
width:1000px;
}
#contentBox{
margin-top:10px;
width:1000px;
}
#sidebarLeft{
width:130px;
float:left;
}
#content{
margin:0;
padding:0 20px;
width:554px;
float:left;
}
#sidebarRight{
width:270px;
float:left;
font-size:11px;
}
#footer{
}
/**header**/
#header .h1Wrap{
float:left;
}
#header h1{
padding:30px 0 10px 0;
font:30px NanumGothic Bold;
}
#header .rss{
padding-right:25px;
padding-top:5px;
width:100px;
height:72px;
text-align:right;
background:url(./images/bgRss.gif) no-repeat right top;
font:italic 12px georgia;
float:right;
}
#header .rss p{
padding:0;
margin:0;
line-height:22px;
}
/**menu**/
#menu a{
display:block;
float:left;
padding:10px 15px;
color:#FFF;
font:12px Trebuchet MS;
}
#menu a:hover{
background-color:#cc0000;
text-decoration:underline;
}
#menu .search{
padding-top:7px;
float:right;
width:180px;
}
#menu .search .searchinput{
margin-right:10px;
width:160px;
border:none;
}
/**sidebarLeft**/
#category{
margin-bottom:20px;
}
/*1depth */
#category ul {
margin:0;
padding:0;
list-style:none;
}
#category ul li {
padding:0;
margin:0;
list-style:none;
}
/*2depth*/
#category ul li ul {
}
#category ul li ul li {
padding-top:5px;
margin-top:5px;
border-top:1px solid #ddd;
}
/*3depth*/
#category ul li ul li ul {
margin:5px 0 0 10px;
}
#category ul li ul li ul li{
padding:3px 0;
margin:0;
border:none;
background:none;
}
*:first-child+html #category ul li ul li ul li{
padding:3px 0;
margin:0;
border:none;
background:none;
}
#category ul li ul li ul li a{
color:#777777;
}
.banner img{
margin-bottom:5px;
border:none;
}
/**content**/
#entry h2{
font:17px NanumGothic Bold;
}
#entry .admin{
border-bottom:1px dotted #dddddd;
padding:5px 0;
margin-bottom:5px;
}
#entry .category{
margin-bottom:5px;
}
#entry .category a{
font:12px NanumMyeongjo, Batang, ����;
color:#77777;
}
.titleWrap{
padding-left:50px;
height:46px;
background:url(./images/bgTitle.gif) no-repeat 0 0;
}
.titleWrap .date{
font:italic 12px georgia;
color:#777777;
}
.tagTrail{
margin-bottom:10px;
}
.actionTrail{
margin-bottom:20px;
padding:3px;
background-color:#f0f0f0;
text-align:right;
}
.actionTrail .cnt{
color:#cc0000;
}
/**paging**/
#paging{
margin-bottom:30px;
text-align:center;
font:12px Lucida Console;
}
#paging .selected{
font-weight:bold;
color:#cc0000;
}
#paging .numbox{
}
#paging a.num{
padding:5px;
border:1px solid #ddd;
}
#paging a:hover.num{
border:1px solid #cc0000;
text-decoration:none;
}
#paging a.prev{
}
#paging a:hover.prev{
}
/**sidebarRight**/
#sidebarRight .module{
margin-bottom:20px;
padding:10px;
border:5px solid #f0f0f0;
}
#blogImage{
margin-bottom:20px;
padding:10px;
width:248px;
background-color:#f7f7f7;
border-top:5px solid #ddd;
border-bottom:1px solid #ddd;
}
#blogImage img{
margin:0 0 10px 10px;
border:3px solid #ddd;
width:80px;
float:right;
}
#blogImage .about{
margin-bottom:5px;
font:italic 18px georgia;
color:#575757;
}
#blogImage .bloger{
font-weight:bold;
}
#blogImage p{
margin:0;
padding:0;
}
#recentPost, #recentComment, #Notice, #recentTrackback, #RecentGuestbook{
margin-bottom:20px;
padding:10px;
border:5px solid #a6d2ff;
}
#recentPost h3{
background:url(./images/bgRpost.gif) no-repeat right top;
}
#recentComment h3{
background:url(./images/bgRcomment.gif) no-repeat right top;
}
#recentTrackback h3{
background:url(./images/bgRtrackback.gif) no-repeat right top;
}
#sidebarRight .cnt{
color:#cc0000;
font-size:10px;
}
#sidebarRight .name{
color:#777;
}
#sidebarRight .date{
font:italic 12px Georgia;
}
#sidebarRight h3{
font:italic 16px georgia;
color:#575757;
}
#sidebarRight ul{
margin:10px 0 0 5px;
padding:0;
list-style:none;
}
#sidebarRight ul li{
padding:3px 0 3px 12px;
background:url(./images/arrow.gif) no-repeat 0 6px;
}
#counter{
padding:10px;
margin-bottom:20px;
background-color:#f0f0f0;
font-family:georgia;
font-style:italic;
}
#counter .total{
font-size:18px;
color:#cc0000;
}
#counter .today{
font-size:12px;
}
#counter .yesterday{
font-size:12px;
color:#575757;
}
/**Footer**/
.copyright{
padding-top:10px;
margin-bottom:50px;
border-top:5px solid #25251d;
font:12px Trebuchet MS;
text-align:right;
}
.copyright a {text-decoration:underline;}
.copyright a:hover {text-decoration:none;}
플러그인 활성화 해서 넣어주세요. ;;
저 css코드보다 블로그보고 직접 뜯어서 하는게 더 편하거든요.
블로그 주소는 http://lbhgo.iptime.org/ 이고
최근 방명록 사이드바 플러그인 활성화 했고 한가지 더 문의 드리고 싶은게
사이드바에 최근 댓글에서 답글은 표시 안되게 하는 방법이 있는지 문의드립니다.
사용중인 스킨은 사이드바의 컨텐츠를 표시하거나 삭제할 수가 있도록 되어있는 스킨입니다.
스킨 설정에서 사이드바에서 표시하지 않을 컨텐츠 영역을 삭제해주시면 됩니다.
더불어 사용중인 스킨에서 아래와 같은 코드에 다음과 같이 추가해 주세요.
수정 전
니들웍스 #recentPost, #recentComment, #Notice, #recentTrackback, #RecentGuestbook {
border: 5px solid #A6D2FF;
margin-bottom: 20px;
padding: 10px;
}수정 후
#recentPost, #recentComment, #Notice, #recentTrackback, #RecentGuestbook, .listbox {
border: 5px solid #A6D2FF;
margin-bottom: 20px;
padding: 10px;
}정말 감사합니다 역시 잘하시는 분한테 일도 아닌데 모르는 전 몇시간 동안 검색해 보고 짱구를 굴려봐도 안돼서 포기하고 혹시나 해서 올린 글인데 단번에 해결해 주시니 너무 감사합니다.
그리고 사이드바에 최근 댓글에서 제가 답변한 답글은 표시 안되게 하는 방법이은 없는 건가요?
정말 감사합니다 역시 잘하시는 분한테 일도 아닌데 모르는 전 몇시간 동안 검색해 보고 짱구를 굴려봐도 안돼서 포기하고 혹시나 해서 올린 글인데 단번에 해결해 주시니 너무 감사합니다.
그리고 사이드바에 최근 댓글에서 제가 답변한 답글은 표시 안되게 하는 방법이은 없는 건가요?
요거는 아마 내부 코드 자체를 수정해야 할 것 같은데, 직접적인 개발자가 아니니 제가 도움을 드리기 어렵네요.
저희 개발자님이 보시면 달아 주실거에요..
페이지 1