=======================
=======================
=======================
출처: http://202psj.tistory.com/565
위자드로 글 가로 면적을 753으로 정했으면 HTML/CSS 편집에 들어가 style.css 부분에서 아래와 같이 수정해준다.
.article {
width: /*@post-width=-42*/753px/*@*/; <-- 여기 부분을 42->700 753->700 으로 적당히 고쳐준다.
overflow: hidden;
word-break: break-all;
color: /*@post-body-color=*/#939494/*@*/;
font: normal /*@post-body-font-size=*/12px/*@*/ /*@post-body-font-family=*/dotum/*@*/, "돋움", sans-serif;
padding: 20px 0 0 0;
line-height: 1.5;
/////////////////////
// style.css 전체부분
@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
font: normal 12px "돋움", dotum, verdana, sans-serif;
margin: 0;
padding: 0;
color: #666;
background: /*@background-color=*/#cdd8de/*@*/
/*@background-image=*/none/*@*/
/*@background-image-repeat=*/no-repeat/*@*/
/*@background-image-position=*//*@*/;
}
a:link, a:visited, a:hover, a:active {
color: #91919d;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* 페이징 - 현재 페이지 */
.selected {
font-weight: bold;
color: #d5ff09;
}
.no-more-prev {
color: #344c50 !important;
}
.no-more-next {
color: #344c50 !important;
}
/* 카테고리 - 이미지 버튼 */
.ib {
cursor: pointer;
}
/* 카테고리 - 트리 셀 */
.branch3 {
cursor: pointer;
}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {
font: 11px tahoma, "굴림", gulim, sans-serif;
color: #738184;
}
/* 달력 월 표시 */
.cal_month {
height: 19px;
padding: 5px 6px 0 0;
text-align: right;
font: bold 10px verdana, sans-serif;
color: #e1e1f1;
overflow: hidden;
}
/* 달력 요일 표시(th 영역) */
.cal_week1 {
font: normal 11px "돋움", dotum, arial, sans-serif;
color: #6a858c;
padding: 2px 0 0;
}
/* 달력 일요일 표시(th 영역) */
.cal_week2 {
font: 0.95em "돋움", dotum, arial, sans-serif;
color: #fdfeff;
border-left: 1px solid #aabfc4;
padding: 2px 0 0;
}
/* 달력 Day(td 영역) */
.cal_day {
font: 10px verdana, "굴림", gulim, sans-serif;
color: #8aa7ab;
text-align: center;
}
/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday {}
.cal_day_sunday a {}
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 {
color: #ccc;
}
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 {
color: #8aa7ab;
}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {
color: #8aa7ab
}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 {
color: #fff;
background: #b4cbcd;
}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {
color: #4c727f;
}
a.cal_click:visited {
color: #4c727f;
}
a.cal_click:hover {
color: #4c727f;
}
/* 종류별 코멘트 */
.rp_general {
}
.rp_admin {
background: url(images/iconAdmin.gif) no-repeat;
padding-left: 20px;
}
.rp_secret {
color: #f30;
}
/* 종류별 방명록 글 */
.guest_general {}
.guest_admin {
background: url(images/iconAdmin.gif) no-repeat;
padding-left: 20px;
}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment {
background: url(images/iconSecret.gif) no-repeat;
padding-left: 20px;
font-weight: normal;
}
/* 이미지 아래 캡션 스타일 */
.cap1 {
color: #999;
text-align: center;
padding: 4px 0;
margin: 0;
}
/* 그림 */
.imageblock {
margin: 20px 0;
}
img {
border: 0 none;
}
/* 왼쪽 */
.left {}
/* 가운데 */
.center {}
/* 오른쪽 */
.right {}
/* 그림 2개 배치 */
.dual {
background-color: #fff;
margin-bottom: 5px;
}
/* 그림 3개 배치 */
.triple {
background-color: #fff;
margin-bottom: 5px;
}
/* 본문 - more / less */
.moreless_fold {
background: url('images/iconMore.gif') 0 0 no-repeat;
padding-left: 17px;
color: #8888b0;
}
.moreless_top {
background: url('images/iconLess.gif') 0 0 no-repeat;
padding-left: 17px;
color: #8888b0;
}
.moreless_bottom {
background: url('images/iconLess.gif') 0 right no-repeat;
padding-right: 17px;
color: #8888b0;
text-align: right;
}
/* 키워드 */
.key1 {
cursor: pointer;
border-bottom: 1px dotted #ccc;
}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {
display: none;
}
.clear {
clear: both;
}
/* 블로그 레이아웃 */
#container {
width: /*@post-width:410=*/1163px/*@*/;
margin: 0 auto;
}
#header {
width: /*@post-width:410=*/1163px/*@*/;
padding: /*@title-height=*/40px/*@*/ 0 0;
background: /*@title-background-image=*/none/*@*/
/*@title-background-image-repeat=*/no-repeat/*@*/
/*@title-background-image-position=*//*@*/
/*@title-background-color=*/#cdd8de/*@*/;
overflow: hidden;
float: left;
}
#wrapContent {
width: /*@post-width:410=*/1163px/*@*/;
float: left;
padding: 20px 0 0 0;
}
#content {
float: left;
overflow: hidden;
margin: 0;
padding: 0 15px;
width: /*@post-width=*/753px/*@*/;
}
#sidebar1 {
float: right;
width: 190px;
}
#sidebar2 {
float: left;
width: 190px;
}
#footer {
clear: both;
background: #294a53;
padding: 19px 0 21px;
text-align: center;
}
/* Header */
.wrapTitle {
padding: 0 0 12px 39px;
}
.wrapTitle h1 {
margin: 0;
padding: 0 0 1px;
}
.wrapTitle h1 a:link, .wrapTitle h1 a:visited, .wrapTitle h1 a:hover, .wrapTitle h1 a:active {
color: /*@title-color=*/#284a53/*@*/;
font: bold /*@title-font-size=*/25px/*@*/ /*@title-font-family=*/verdana/*@*/, sans-serif;
}
.wrapTitle h1 a:hover {
color: #284A53;
text-decoration: underline;
}
#blogDesc {
color: #6a858c;
font-size: 11px;
padding: 7px 0 0 2px;
margin: 0;
}
.wrapHeadMenu {
clear: both;
position: relative;
border-top: 1px solid #567881;
padding: 0 0 0 20px;
overflow: hidden;
background-color: #294a53;
width: /*@post-width:390=*/1143px/*@*/;
}
#blogMenu {
width: /*@post-width:410=*/1163px/*@*/;
}
#blogMenu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: /*@post-width:300=*/1053px/*@*/;
}
#blogMenu ul li {
float: left;
color: #a6bac3;
font: 12px verdana, sans-serif;
padding: 6px 20px 7px;
background: url('images/bg_blog_menu_bar.gif') no-repeat right center;
}
#blogMenu ul li.last {
background-image: none;
}
#blogMenu ul li a {
color: #a6bac3;
}
#blogMenu ul li a:hover {
color: #fefffd;
}
#blogImage {
float: right;
padding: 2px 0 0;
}
#blogImage img {
width: 188px;
height: 47px;
border: 1px solid #bbc9cc;
}
#btnRSS {
position: absolute;
top: 8px;
right: 20px;
}
#btnRSS a {
background: url(images/btn_rss.gif) no-repeat right 1px;
color: #a5bec3;
font: 10px verdana, sans-serif;
padding: 0 15px 0 0;
}
.sidebar {
overflow: hidden;
}
.sidebar .module {
margin-bottom: 18px;
}
.sidebar .module h3 {
width: 160px;
margin: 0 0 4px;
padding: 4px 11px 4px 19px;
background: url(images/bg_sidebar_title.gif) no-repeat;
color: #fff;
font: 9px verdana, sans-serif;
}
.sidebar .module ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar .module ul li {
padding: 4px 0 0 17px;
background: url(images/bul_sidebar.gif) no-repeat 9px 8px;
font-size: 11px;
color: #768187;
}
.sidebar .block ul li a {
color: #768187;
}
#calendar {
width: 190px;
background: url(images/bg_calendar_bot.gif) no-repeat left bottom;
}
#calendar h3 {
display: none;
}
.tt-calendar {
width: 189px !important;
}
.tt-calendar thead th {
height: 17px;
margin-right: 1px;
background: #bfd3d4;
}
.calendar_bot {
background: url(images/bg_calendar_top.gif) no-repeat left top;
}
.cal_month a {
color: #e1e1f1;
}
.cal_month a span {
font: 9px arial, sans-serif;
}
.tt-calendar tbody td {
height: 18px;
}
.calendar_prev {
background: url(images/btn_cal_prev.gif) 0 4px no-repeat;
padding: 0 4px 0 0;
}
.calendar_next {
background: url(images/btn_cal_next.gif) 5px 4px no-repeat;
padding: 0 4px 0 4px;
}
.calendar_prev span, .calendar_next span {
display: none;
}
#searchBox {
width: 190px;
height: 61px;
margin-bottom: 20px;
background: url(images/bg_search.gif) no-repeat;
}
#searchBox h3 {
background-image: none;
margin: 0;
padding: 6px 0 14px 9px;
font: bold 10px verdana, sans-serif;
color: #ffffff;
}
#searchBox input {
width: 150px;
margin: 0 0 0 8px;
border: 0;
border-top: 1px solid #8f8e98;
border-left: 1px solid #8f8e98;
background: #e6eef0;
color: #294a53;
font-size: 12px;
vertical-align: middle;
}
#searchBox input.submit {
margin: 1px 0 0;
background: url(images/btn_search.gif) no-repeat;
width: 17px;
height: 17px;
text-indent: -1000em;
border: 0;
cursor: pointer;
}
#category {
margin-bottom: 20px;
padding-bottom: 5px;
background: url(images/bg_category_bot.gif) no-repeat left bottom;
}
#category h3 {
width: 160px;
height: 15px;
margin: 0;
padding: 5px 11px 4px 22px;
background: url(images/bg_category.gif) no-repeat;
font: bold 10px verdana, sans-serif;
color: #ffffff;
}
#category ul {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #aabfc4;
border-top: 0 none;
border-bottom: 0 none;
background: #e5ecf2;
}
#category ul li {
border-top: 1px solid #cddae0;
font-size: 11px;
padding: 6px 0 0;
}
#category ul li a {
display: block;
color: #738184;
padding: 0 0 0 21px;
background: url(images/bul_category1.gif) no-repeat 8px 5px;
margin-bottom: 2px;
}
#category ul li ul {
border: none;
}
#category ul li ul li {
padding: 1px 0;
font-weight: normal;
}
#category ul li ul li a {
background: url(images/bul_category2.gif) no-repeat 11px 4px;
color: #738184;
margin: 0;
}
#category ul li ul li ul li {
border-top: 1px solid #cddae0;
}
#category ul li ul li ul li a {
background: none;
}
#tagbox h3 {
margin-bottom: 8px;
}
#tagbox ul {
margin: 0 4px 0 9px;
overflow: auto;
}
#tagbox li {
display: inline;
padding: 0 5px 0 0;
background: none;
line-height: 18px;
}
#tagbox li .cloud1, #tagbox li .cloud2, #tagbox li .cloud3, #tagbox li .cloud4 {
background-color: #80999e;
font-weight: bold;
font-size: 11px;
color: #cdd8de;
}
#tagbox li .cloud5 {
font-size: 11px;
color: #768187;
}
#counter {
width: 190px;
height: 53px;
margin: 0 0 20px;
background: url(images/bg_counter.gif) no-repeat;
}
#counter ul {
margin: 0;
padding: 0;
list-style: none;
}
#counter ul li {
float: left;
width: 63px;
color: #eaf2f5;
text-align: center;
overflow: hidden;
font: bold 10px tahoma, sans-serif;
background-image: none;
padding: 15px 0 0;
}
#counter ul li span {
display: block;
margin-top: 2px;
color: #e1fd6c;
font: normal 9px tahoma, sans-serif;
}
#adminMenu li {
display: inline;
background: none;
}
#adTistory {
background: url(images/tistoryBanner01.gif) no-repeat;
}
#adTistory a {
display: block;
padding: 7px 0 0 103px;
color: #759497;
font-size: 11px;
letter-spacing: -1px;
}
#footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #758386;
font-size: 11px;
}
#copyright {
padding-left: 10px;
}
/* content */
.wrapEntryHead {
background: url(images/entry_title2.gif) repeat-x;
}
.wrapEntryHead .bgL {
background: url(images/entry_title1.gif) no-repeat left top;
}
.wrapEntryHead .bgR {
background: url(images/entry_title3.gif) no-repeat right top;
padding: 0 14px;
height: 24px;
}
.wrapEntryHead h3 {
margin: 0;
padding: 5px 0 3px;
font: bold 10px arial, sans-serif;
color: #d8d8db;
}
.wrapEntryContent {
background-color: #FFF;
border-left: 1px solid #aabfc4;
border-right: 1px solid #aabfc4;
padding: 26px 20px 20px;
overflow: hidden;
_overflow: visible;
_height: 1%;
}
.wrapEntrytBC {
background: url(images/bgEntryBC.gif) repeat-x;
margin-bottom: 15px;
height: 5px;
overflow: hidden;
}
.wrapEntrytBL {
background: url(images/bgEntryBL.gif) no-repeat;
}
.wrapEntrytBR {
background: url(images/bgEntryBR.gif) no-repeat right top;
height: 5px;
}
#guestList ul, #guestList ol, #guestList li {
margin: 0;
padding: 0;
list-style: none;
}
#taglog ul {
padding: 5px;
margin: -8px 0 0 0;
text-align: justify;
}
#taglog li {
display: inline;
}
#taglog li .cloud1 {
background-color: #d5ff09;
color: #41616a;
font-size: 15px;
}
#taglog li .cloud2 {
background-color: #a6b6b9;
color: #fff;
font-size: 15px;
}
#taglog li .cloud3 {
color: #294a53;
font-size: 15px;
}
#taglog li .cloud4 {
color: #6f8c8f;
font-weight: bold;
font-size: 12px;
}
#taglog li .cloud5 {
font-size: 12px;
color: #939494;
}
#localog .spot,
#localog .info {
padding: 3px 0;
}
#localog .spot {
background: url(images/ic_local.gif) 0 2px no-repeat;
padding-left: 13px;
color: #939494;
}
#localog .info {
background: url(images/ic_localinfo.gif) 0 4px no-repeat;
padding-left: 15px;
_background-position-y: 3px;
}
#localog a:link {
color: #939494;
}
#localog a:visited {
color: #939494;
}
#localog a:hover {
color: #939494;
text-decoration: underline;
}
.commentWrite p {
color: #8caaac;
font: 10px verdana, sans-serif;
margin: 0;
padding: 0 0 5px;
}
.commentWrite label {
padding-right: 8px;
}
.commentWrite .text {
width: 34%;
font: 12px "돋움", dotum, sans-serif;
color: #9090ad;
color: #8DABAD;
border: 1px solid #C8D6D9;
background: #F7F8FA;
padding: 3px 0 1px 4px;
vertical-align: middle;
}
.commentWrite .wrapName {
margin: 0;
}
.commentWrite .wrapHomepage .text {
width: 79%;
}
.commentWrite .secretWrap label {
padding-left: 8px;
}
.commentWrite .secretWrap input {
vertical-align: middle;
margin: 2px 0 0 0;
}
.commentWrite textarea {
width: /*@post-width:-46=*/707px/*@*/;
height: 80px;
font: 12px / 14px "돋움", dotum, sans-serif;
color: #8DABAD;
border: 1px solid #C8D6D9;
background: #F7F8FA;
}
.commentWrite .button {
text-align: right;
padding: 7px 0 0 0 !important;
}
.commentWrite .submit {
text-indent: -1000em;
border: 0 none;
width: 116px;
height: 21px;
background: url(images/btn_save_comment.gif) no-repeat;
font: 1.1em "돋움", dotum, arial, sans-serif;
cursor: pointer;
}
.commentList {
overflow: hidden;
padding: 20px 0 0;
}
.commentList ol, .commentList ul {
margin: 0;
padding: 0;
list-style: none;
}
.commentList li p {
margin: 0;
padding: 4px 0 3px;
font: 11px / 16px "돋움", dotum, sans-serif;
color: #959595;
word-break: break-all;
}
.commentList li ul {
margin: 3px 0 0 0;
padding: 0;
}
.commentList li ul li {
background: url("images/ic_re.gif") no-repeat 0 2px;
padding-left: 29px !important;
}
.commentList li .name {
color: #7e9fa6;
font-weight: bold;
font-size: 11px;
}
.commentList li .name a {
color: #7e9fa6;
}
.commentList li .date {
display: block;
font: 10px verdana, sans-serif;
color: #b0b1b1;
padding-bottom: 9px;
}
.commentList .control {
float: right;
}
.commentList .control a.modify {
background: url(images/iconModify.gif) no-repeat;
padding: 0 0 2px 47px;
text-decoration: none;
}
.commentList .control a.modify span {
display: none;
}
.commentList .control a.write {
background: url(images/iconWrite.gif) no-repeat;
padding: 0 0 2px 35px;
text-decoration: none;
}
.commentList .control a.write span {
display: none;
}
.commentList .control a.address {
background: url(images/iconAddress.gif) no-repeat;
padding: 0 0 2px 33px;
text-decoration: none;
}
.commentList .control a.address span {
display: none;
}
#paging {
width: 100%;
margin-bottom: 30px;
text-align: center;
font-size: 10px;
background: url(images/bgPage2.gif) repeat-x;
}
#paging .bgL {
background: url(images/bgPage1.gif) no-repeat left top;
}
#paging .bgR {
background: url(images/bgPage3.gif) no-repeat right top;
padding: 4px 12px 0 12px;
height: 19px;
}
#paging .numbox, #paging .num {
color: #fff;
font: 10px verdana, sans-serif;
padding: 0 2px;
}
#paging #prevPage {
float: left;
color: #fff;
font: 10px verdana, sans-serif;
}
#paging #nextPage {
float: right;
color: #fff;
font: 10px verdana, sans-serif;
}
#paging #prevPage span, #paging #nextPage span {
font: 9px arial, sans-serif;
padding: 0 3px;
}
.listEntry h3 {
margin: 0;
padding: 0 0 23px;
font-size: 16px;
color: #585858;
}
.listEntry ol {
margin: 0;
padding: 0;
list-style: none;
}
.listEntry ol li {
color: #939494;
line-height: 1.5;
}
.titleWrap h2 {
margin: 0;
padding: 0 0 3px;
font: bold /*@post-title-font-size=*/16px/*@*/ /*@post-title-font-family=*/dotum/*@*/, "돋움", sans-serif;
color: /*@post-title-color=*/#585858/*@*/;
}
.titleWrap a {
color: /*@post-title-color=*/#585858/*@*/;
}
.wrapEntryHead .category {
float: right;
font: 11px "돋움", dotum, sans-serif;
color: #fff;
background: url(images/ic_category.gif) no-repeat 0 7px;
padding: 7px 0 0 18px
}
.wrapEntryHead .category a {
color: #fff;
}
.wrapEntryHead .date {
float: left;
padding: 6px 0 0 0;
font: 10px arial, "굴림", gulim, sans-serif;
color: #feffff;
}
.entryProtected {
margin: 21px 0 6px 0;
padding: 29px 0 10px;
text-align: center;
border: 8px solid #f5f5f8;
}
.entryProtected p.text {
color: #939494;
margin: 0;
padding: 0;
}
.entryProtected input {
width: 150px;
border: 1px solid #c6c6d9;
vertical-align: middle;
}
.entryProtected .submit {
margin: 1px 0 0;
background: url(images/btn_confirm.gif) no-repeat;
width: 68px;
height: 21px;
text-indent: -1000em;
border: 0;
cursor: pointer;
}
.entryProtected .form {
text-align: center;
}
.entryProtected label {
padding-left: 79px;
background: url(images/lb_password.gif) no-repeat;
}
.entryProtected label span {
display: none;
}
.article {
width: /*@post-width=-700*/700px/*@*/;
overflow: hidden;
word-break: break-all;
color: /*@post-body-color=*/#939494/*@*/;
font: normal /*@post-body-font-size=*/12px/*@*/ /*@post-body-font-family=*/dotum/*@*/, "돋움", sans-serif;
padding: 20px 0 0 0;
line-height: 1.5;
}
.article a:link, .article a:visited, .article a:hover, .article a:active {
color: #939494;
}
.article dt {
text-decoration: underline;
}
.article dd {
margin-left: 20px;
padding-bottom: 10px;
}
.article blockquote {
background: url(images/iconBlockquote.gif) top left no-repeat;
padding: 0 0 5px 30px;
margin: 10px 0;
}
.author {
clear: both;
text-align: right;
color: #bebfbf;
padding: 21px 0 17px 0;
font-size: 11px;
}
.author .text {
font: 10px arial, sans-serif;
}
.tagTrail {
margin: 0 -20px 0;
padding: 5px 5px 4px 56px;
background: url(images/entryTag.gif) 20px 7px no-repeat;
clear: both;
border-top: 1px solid #ebebeb;
color: #a9a9a9;
}
.tagTrail a {
color: #a9a9a9;
}
.tagText {
display: none;
}
.actionTrail {
margin: 0 -20px;
padding: 6px 0 8px 20px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
clear: both;
color: #91919d;
font: 10px verdana, sans-serif;
}
.actionTrail .cnt {
color: #7c9ea7;
font-weight: bold;
font-size: 9px;
}
.trackback {
margin: 0 -20px 0;
padding: 15px 20px 0 20px;
border-bottom: 1px solid #ebebeb;
}
.trackback img {
border: 0 none;
}
.trackback h3 {
font: bold 11px verdana, sans-serif;
color: #7c9ea7;
margin: 0;
padding: 0 0 13px 6px;
background: url(images/bul_trackback.gif) no-repeat 0 6px;
}
.trackback h4 {
font: normal 11px "돋움", dotum, sans-serif;
margin: 0;
padding: 0 0 1px;
color: #99b2b7;
}
.trackback h4 a {
color: #99b2b7;
}
.trackback ol {
margin: 0;
padding: 0;
list-style: none;
}
.trackback ol li {
word-break: break-all;
overflow: hidden;
padding-bottom: 17px;
}
.trackback .date {
float: right;
display: block;
font: 10px verdana, sans-serif;
color: #C1C1C1;
}
.trackback p {
font-size: 11px;
line-height: 16px;
color: #a9a9a9;
margin: 0;
padding: 3px 0 0 0;
}
.trackback a.delete {
background: url(images/iconDelete.gif) left top no-repeat;
padding-left: 8px;
text-decoration: none;
}
.trackback a.delete span {
display: none;
}
.trackback .from {
font-size: 11px;
color: #a9a9a9;
}
.comment {
}
.comment h3 {
display: none;
}
.entry .admin, .entry .admin a {
color: #bdbdbd;
}
=======================
=======================
=======================
'WEB > 블로그' 카테고리의 다른 글
| 애드센스 웨스턴 유니온 퀵 캐시 Western Union Quick Cash 관련 (0) | 2013.07.03 |
|---|---|
| 구글 블러그 템블릿 설정으로 특정 글들을 게시물 마다 보이게 하기. (0) | 2013.07.03 |
| 메타 블로그 추천~!~! (0) | 2013.07.02 |
| 구글 웹사이트 도구 - 사이트 추가하기 Google Webmaster Tools - Add A Site (0) | 2013.07.02 |
| 해외 메타 블로그 (0) | 2013.07.01 |