AD

뻘글이에오 취미삼아 트게더CSS를 만들고 이씁니당

악어야
2019-06-05 15:28:14 237 0 2

7a13fbe3709d6224766db678ff1acbc8.png

c8706ffabeabcac6e5be2e5d3fcee6f7.png

대충 적용한 스샷


쓰실거면


트게더 아래쪽에 설정버튼이 있는데

거기서 CSS탭에가시면

데스크탑 CSS 입력하는곳이 있음

여기다 복붙하시고 적용하면 댬



----------아래부터 복붙-----------


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


html {

  background: linear-gradient(to bottom, #756eff, #756eff);

  height: auto !important;


}


body {

letter-spacing: -0.05em !important;

  background: transparent;

  font-family: 'Nanum Gothic', sans-serif;


}


/* 전체 쉐도우 */


header #header-bar>.row,

#main .menu-wrapper,

#main #main-content>div.frame {

  box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);


}


/* 로고밑 NAV bar */


header #header-bar>.row {

  border-top: 4px solid #6cd871;

  border-right: none;

  border-bottom: none;


}


/* 헤더 배너 */


header .row>div:nth-child(1)>a {

  display: block;

  width: 200px;

  height: 50px;

  background: url(https://upload.tgd.kr/20190605/7a13fbe3709d6224766db678ff1acbc8.png) no-repeat;

  background-size: auto 50px;


}


header .row>div:nth-child(1)>a>img {

  display: none;

    filter: grayscale(100%);

  opacity: 0.8;

}


/* 검색폼 보더 */


header #right-search-form>input[type='text'] {

  border: 3px solid #6cd871;


}


/* 트게더 전체메뉴 / 유용한링크 / 트위치 스케쥴 */


#main .menu-wrapper>.header {

  background: #6cd871;


}


.fa-navicon:before,

.fa-reorder:before,

.fa-bars:before {

  color: white;


}


.fa-square:before {

  color: #6cd871;


}


header #header-bar>.row,

#main .menu-wrapper,

#main #main-content>div.frame {

  border-right: none;

  border-bottom: none;


}


#main .menu-wrapper {

  border: none;


}


/* 헤더 검색 버튼 */


header #right-search-form>#right-search-btn {

  color: #6cd871;


}


/* 헤더 [광고]배경색 */


header #header-bar #header-top-notice strong.notice-badge {

  background: #6cd871;


}


/* fa색상 */


header #header-bar .fa {

  color: #6cd871;


}


/* 스트리머 게시판 상단 정보 글씨색상 */


#board-info #board-info-bottom a {

  color: #6cd871;


}


/* 좌측메뉴 숏컷링크 글씨 색상 */


#main .menu-wrapper>a>em {

  color: #6cd871;


}


/* 좌측메뉴 메뉴사이의 공간 색상 */


#main .menu-wrapper .spacer {

  background: #6cd871;

  height: 0.15em;


}


/* 게시글 관련부분 */


#article-list>.article-list-row>.item>.list-title>.list-writer>span {

  width: 120px !important;


}


#article-list #article-list-category {

  border-top: 2px solid #6cd871;

  background: white;


}


#article-list #article-list-category>a {

  background: white;

}




#article-list>.article-list-row>.item>.list-header>span {

  background-color: #6cd871;


}


#article-list>.article-list-row>.item>.list-title>small.comment-count {

  color: #6cd871;


}


#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {

  color: #6cd871;


}


.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {

  background-color: #6cd871;

  border-color: #6cd871;


}


.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

  color: #6cd871;


}


.pagination>li>a,

.pagination>li>span {

  color: #6cd871;


}


#article-content-wrapper>.header {

  border-top: 2px solid #6cd871;


}


#article-reply-area #reply-real-area .reply>.reply-header>.reply-writer.logged,

#article-reply-area #reply-best-area .reply>.reply-header>.reply-writer.logged {

  color: #6cd871;


}


#article-info>h2 {

  font-weight: bold;


}


#article-info>h2>span.category {

  color: #6cd871 !important;


}


#article-reply-area>.header h5 {

  color: #6cd871;


}


#main .menu-wrapper>a {

  padding: 0.5em 1.4em 0.5em 0.7em !important;


}


a {

  color: #6cd871;

}


span.a-badge i.fa.fa-info-circle {

  color: #6cd871;


}


/* footer */


#article-list>.article-list-row {

  border-right: none;


}


#article-list #article-list-menu {

  box-sizing: border-box;

  width: unset;

  margin: 20px;


}




#article-list #boardSearchForm {

  padding-bottom: 20px;

  height: unset;


}


.btn-primary {

  background: #6cd871 !important;


}


body, html {


    background-image: url(https://i.ibb.co/9sLYjLT/soul.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-attachment: fixed;

    background-size: cover;

}

--------------이 위까지만 복사-----------------

후원댓글 2
댓글 2개  
이전 댓글 더 보기
TWIP 잔액: 확인중
▲윗글 유물을 발견했습니다 _테라
공지에용모르겠서오뻘글이에오정보공유추
0
정보공유추
버그스샷
Broadcaster 콘치킨집
02-05
1
01-17
0
뻘글이에오
[뉴비갱생]한계점
푸른설묘
07-28
0
뻘글이에오
[뉴비갱생인증]
_소이네
07-28
0
뻘글이에오
[뉴비갱생인증] [2]
Lesen_
07-27
0
뻘글이에오
뉴비갱생인증
Eilue
07-27
0
뻘글이에오
[뉴비 갱생 인증]
곰돌이푸
07-26
0
모르겠서오
어디서 꼬여버린걸까요 [1]
_테라
07-25
0
모르겠서오
[뉴비갱생참여] [1]
_테라
07-24
0
모르겠서오
뉴비갱생프로젝트 [1]
푸른설묘
07-24
0
모르겠서오
[뉴비갱생참여] [1]
곰돌이푸
07-24
0
모르겠서오
[뉴비갱생참여] [1]
_소이네
07-22
0
모르겠서오
[뉴비갱생참여] [2]
Lesen_
07-21
0
모르겠서오
[뉴비갱생참여] [3]
Eilue
07-21
0
07-07
0
뻘글이에오
유물을 발견했습니다
_테라
06-27
»
06-05
0
공지에용
03/22 방송일정
Broadcaster 콘치킨집
03-22
0
뻘글이에오
귀여운 릴리 스샷
Broadcaster 콘치킨집
02-22
0
모르겠서오
원펀맨 팬아트
비후월
02-22
0
모르겠서오
원래그리던 정물화입니다. [1]
비후월
02-22
0
모르겠서오
스텔라 바니걸 팬아트
비후월
02-22
1
모르겠서오
릴리 팬아트 [1]
비후월
02-22
0
공지에용
2019년 2월 20일 방송일정 [1]
Broadcaster 콘치킨집
02-20
0
02-07
인기글 글 쓰기