Content&Footer 전문가용 도움말

 

◆컨텐츠영역 전체

//컨텐츠 영역
.content_wrap {
margin:0;
padding:0 0 25px 0;
float:leftt; //속성 값(lefr, right)을 사이드바와 반대로 설정하여 위치 교환 가능
}

//전체 정렬
.post_view {
text-align: left;
}


 

◆포스트제목/포스트카테고리

//포스트 제목
.post_view .post_t-tle h2 {
font-size:14px;
font-weight:bold;
color:#81AC00;
border-bottom:3px dotted #54B3BA;
background:url('(이미지 url)') no-repeat 0 0; //포스트 제목 앞에 아이콘을 추가하는 효과
padding-left:60px;
}

//포스트 제목 색깔
.post_view .post_t-tle h2 a:link,.post_view .post_t-tle h2 a:visited {color:#81AC00;text-decoration:none;}
.post_view .post_t-tle h2 a:hover,.post_view .post_t-tle h2 a:active {color:#81AC00;text-decoration:underline;}

//게시물 카테고리
.post_view .post_title .post_title_category {
font-size: 12px;
font-weight: normal;
}

//포스트 제목 색깔
.post_view .post_title .post_title_category h2 a:link,
.post_view .post_title h2 .post_title_category a:visited {color:#333;text-decoration:none;}
.post_view .post_title h2 .post_title_category a:hover,
.post_view .post_title h2 .post_title_category a:active {color:#fff;text-decoration:none;}


 

◆포스트정보


//공통
.post_view .post_info {
color:#EFDDC3;
font-size: 10px;
font-family: verdana,sans-serif;
font-weight: bold;
font-style: italic;
}

//작성자 닉네임(by #ID)
.post_view .post_info .post_info_author {
color:#EFDDC3;
font-size: 10px;
font-family: verdana,sans-serif;
font-weight: bold;
font-style: italic;
}

//작성일시
.post_view .post_info .post_info_date {
color:#EFDDC3;
font-size: 10px;
font-family: verdana,sans-serif;
font-weight: bold;
font-style: italic;}

//포스트 URL
.post_info_link a{
color:#EFDDC3;
font-size: 10px;
font-family: verdana,sans-serif;
font-weight: bold;
font-style: italic;
}

//덧글수
.post_view .post_info .post_info_cmtcount {
color::#333;
font-size: 10px;
font-family: verdana,sans-serif;
font-weight: bold;
font-style: italic;
}


 

◆포스트내용

//포스트 본문
.post_content {
text-align:left;
color:#999;
font-size:12px;
font-family: verdana,sans-serif;
}


 

◆태그클라우드

//Tag 색깔
.post_taglist a{
color:#333;
}


 

◆포스트 메타 정보

//포스트 메타정보 영역
.post_meta_area{color:#999;}

//전체 텍스트
.post_meta_area ul.post_meta_content{color:#999;font-size:12px;}

//포스트 제목 부분
.post_meta_area ul.post_meta_content a{color:#999;font-size:12px;}

//퍼블리싱 정보 상위 목록(트랙백/내보내기/추천)
.post_meta_area ul.post_meta_content strong{color:#999;font-size:12px;}

//포스트 작성자 닉네임 부분(by 닉네임)
.post_meta_area ul.post_meta_content em.fn {color:#999;font-size:12px;}

//포스트 작성 일시
.post_meta_area ul.post_meta_content em.date {color:#999;font-size:12px;}



Q&A
Q: 포스트 메타정보 영역을 안보이게 하려면?
A: 해당부분은 안보이게 하려면 CSS소스에 아래소스를 추가해주세요.

.post_meta_area {
        display:none;
}


 

◆포스트 하단 영역◆

//수정/삭제/체크포스트
.post_view .post_footer_area .post_admin a{ color:#333;}

//트랙백/핑백/덧글
.post_view .post_footer_area .post_tail a{ color:#333;}




 
◆트랙백/핑백/덧글

전체영역(트랙백/핑백/덧글 공통)

//배경
.post_link {
background: none repeat scroll 0 0 #E6F3F3;
padding: 15px 20px;
width:50%;
}

//링크걸린 텍스트
.post_link a{
color:#EFDDC3;
}

//제목(트랙백.핑백,덧글)
.post_link h3 {
font-size:11px;
letter-spacing:-1px;
border-bottom:1px dotted #EFDDC3;
}

//링크걸린 텍스트(트랙백 도움말 제외)
.post_link h4 {font-size:12px;}

-트랙백-

//트랙백 url, 도움말 영역
.post_trackback .trackback_help {border-bottom:1px dotted #EFDDC3;}

//트랙백 url
.post_trackback .trackback_help em {
font-family: verdana,sans-serif;
font-size: 20px;
font-style: normal;
}

//트랙백 도움말
.post_trackback .trackback_help a{
color:#EFDDC3;
font-size: 12px;
}

//작성 일시
.post_trackback .trackback_list li h4 span.trackback_datetime { font-family: verdana,sans-serif; font-size: 10px; font-weight: normal;}

-핑백-

//작성 일시
.post_pingback .pingback_list li h4 span.pingback_datetime {
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: normal;
color:#333;}

-덧글-

//작성 일시
.post_comment .comment_list h4.comment_writer_info span.comment_datetime {
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: normal;
color:#333;
}

//덧글 입력란
.post_comment .comment_write textarea {
height: 80px;
margin: 2px 0;
padding: 0;
width: 99%;
}


 

◆포스트 아카이브(이전글/다음글)
.post_navi a{ color:#333; font-size:12px;}

 

◆스킨 하단 license 정보

//텍스트 크기
.footer{ font-size:12px;}

//링크없는 텍스트
.footer{ color:#999;}

//링크걸린 텍스트
.footer a:link, .footer a:visited{ color:#333;}.footer a:hover, .footer a:active{ color:#999; text-decoration:none;}





위젯테스트