FastBoot스킨-오버캔버스편집방법

 

 

 

섬네일 리스트 편집방법

#search_list li .thumb img {
  margin-top: 0.5px;
  width: 95px; 95x95가적당
  height: 95px;
  margin-right: 10px;
  float:left;
  border-radius: 0em;

}

 

 

 

#search_list li {
  clear: both;
}
이걸 지우면 불규칙한 배열이 된다.

 

f3 누른뒤
찾기:decodeURIComponent

if(url[1] == '') { location.href = '/category' }

추가 메인페이지를 바꾼다.

 오버캔버스편집방법
#lnav {
  background-color: #E4E4E4; 왼쪽 오버캔버스 배경색변경
  z-index:10000;
  position: fixed;
  width:220px;
  height: 100%;
  left: -220px;
  top: 0;
 
 
#lnav ul li ul {
  background-color: #3F484D;
}왼쪽 오버캔버스 하위메뉴 배경색변경
 
 
.navbar-inverse {
    border: none;
background-color: #E4E4E4;오른쪽 세컨드 네비바 배경색변경
}
.navbar-inverse .nav li a {
  color:#fff;
}
.navbar-inverse .nav li a:hover {
  background-color:#000;
 
오른쪽세컨드 네비바 강조색변경
 
 
#footer {
  color:#fff;제목색깔
  min-height: 250px;
  padding-bottom:30px;
  padding-top:10px;
  background-color:#434a54; 풋터 배경색
풋터 색과 배경색
 
#footer a {
  color: ##99004C;
풋터 강조색
 
.navbar-inverse { background-color:#E4E4E4; 오른쪽 네비바의 배경색
    border: none;
}
.navbar-inverse .nav li a {background-color:#3F484D; 네비바의 색변경
}
.navbar-inverse .nav li a:hover {
  background-color:#FF007F; 호버시의 색
}
#secondNavWrap{background-color:#background-color:#3F484D;
height:31.5px;margin-bottom:15px;}
 
 
 
 
 
.navbar>.lntoggle {
  margin-top: 8px;
  margin-left: 5px;
  float:left;
  padding: 3px;
  color:#000;
  cursor: pointer;
}
오버캔버스 아이콘 색변경
 
 
 
/* FastBoot v1.0 Overriding */
#tt-body-page #navbar-page,#tt-body-guestbook #navbar-guestbook,#tt-body-tag #navbar-tag,#tt-body-media #navbar-media,#tt-body-location #navbar-location,#tt-body-keylog #navbar-keylog{
  background-color:#FF007F;
 
바강조색 지우면 강조색이 없어진다.
 
<!--F 모바일 제목 -->
     <div class="visible-xs" style="overflow:hidden; height:50px; line-height:2.5em; font-size: 1.4em; font-weight: bold; text-align: center; color: #000;"></div>
  <a id="blog_title" class="navbar-brand dropdown-toggle hidden-xs" data-toggle="dropdown" href="/"></a>
 
모바일 제목 색깔변경
 
#searchButton {
  float: right;
  position: relative;
  margin-top: 8px;
  margin-right: 5px;
  padding: 3px;
  color:#fff;
  cursor: pointer;
}
서치아이콘버튼 색깔변경
 
.navbar {
  opacity: 1;
 
네비바 투명도
 
.article {
  color:#000;
  font-size:/*@post-body-font-size*/15px/*@*/;
  word-break:break-all;
  word-wrap:break-word;
  overflow:hidden;
}
본문 글새과 글씨크기
 
/* FastBoot v1.2 Overriding */
#content {
  background-color:#ffffff;
  padding-top:10px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: 0px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
본문 배경색변경
/* Search Gallery */
#search_gallery .thumb img.dno {
  display:none;
}
#search_gallery .thumb img {
  width: 100%;
}
#search_gallery div.msnry_item { margin:0; padding:0; margin-bottom:15px; }
#search_gallery div.msnry_inwrapper { padding:10px; }
#search_gallery div.msnry_box { border-radius: 5px; background-color:#F5F7FA; }
#search_gallery span.badge { position: relative; left:8px; top:-5px; }
#search_gallery div.msnry_title { padding:5px; background-color:#4A89DC; border-radius: 5px 5px 0 0; }
#search_gallery div.msnry_title a { color:#fff; font-weight:bold; font-size:17px; }
#search_gallery div.msnry_date { padding:5px; background-color:#E6E9ED; border-radius: 0 0 5px 5px; }
#search_gallery div.msnry_date span { color:#000; font-weight:bold; font-size:0.8em; }
검색시
썸네일의 크기 제목타이틀과 틀 변경 날짜와틀 변경
 
 
#searchButton {
  float: right;
  position: relative;
  margin-top: 8px;
  margin-right: 5px;
  padding: 3px;
  color:#fff;
  cursor: pointer;
}
.navbar>.lntoggle {
  margin-top: 8px;
  margin-left: 5px;
  float:left;
  padding: 3px;
  color:#fff;
  cursor: pointer;
}
#lnav>.lntoggle {
  position: absolute;
  left: 220px;
  top: 200px;
  z-index:1030;
  width: 50px;
  height: 50px;
  background: #333333;
  color:white;
  text-align: center;
  cursor: pointer;
  opacity: 0.7;
  border-radius: 0 5px 5px 0;
  padding: 5px;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
서치버튼 위치변경
#lnav .actoggle {
  display: block;
  font-size:1.8rem;
  color:#DDD;
  padding:10px 30px 10px 10px;
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
좌측오버캔버스 타이틀색과 폰트크기변경
 
   </div>
 </div>
</div>
    <!--F 검색 모듈 -->
    <s_search>
    <form id="search_fix" class="navbar-form navbar-right" role="search">
     <div class="form-search search-only">
      <i class="fa fa-search search-icon"></i>
      <input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }" class="form-control search-query">
     </div>
    </form>
    </s_search>
  </ul>
   </div>
 </div>
</div>
<!--F 상단 네비게이션 바 끝 -->
검색바 분리방법:</div>위쪽에 세번 입력한다
<li><a href="/admin"><i class="fa fa-cogs"></i>   관리자 모드</span></a></li>
관리자 모드추가