AD

도움 css 작성 기록.... 연습하면서 계속 글 수정해 보겠습니다

Moderator 보라구마고
2018-09-19 22:28:20 286 3 1

일단 색은 기본적으로 #a1f2ee 처럼

#_ _/ _ _/ _ _ 형식으로 _ 에 0부터 f까지 (0(0)~15(f)) RGB 를 기반으로 섞는다는 느낌...#_/_/_ 형식도 있음 

그냥 css 색코드 찾아서 적는게 좋습니다 (색 종류는 16*16*16*16*16*16=16777216...외우시려고?)




뒷 배경 위에서부터 아래까지 하나로 합치기

body,html {

    height: auto!important

}

to bottom,#색 코드1,#색 코드2 에서 색코드1(위) 색코드2(아래) 

background: #색 코드; 라고 적거나 색코드 1=색코드 2   이면 배경색은 하나

body{

    background: linear-gradient(to bottom,#e3ffff,#ffe5e3)

}

뭐였더라

#main #main-content>div.frame,#main .menu-wrapper {

    border-right: 0;

    border-bottom: 0

}

뭐였더라

#main .menu-wrapper>a {

    color: #ffaaaa

}

스트리머 닉네임 색 바꾸기

#board-info h1>a {

    color: #FF9BFF

}

뭐.. 광고 사라지게 한다는데 안사라진다?

header #header-bar{

 margin-top: 0em;

 margin-bottom: 1em;

}

트게더에 들어온 사람수 표시 꾸미기

#viewers:before{

content: ""

}

#viewers:after{

content: "명의 환자"

}

이것도 광고 제거였나?

#article-list #article-list-menu>.btn.write {

    margin-right: 1em

}

기억 안남 데헷

::selection {

   background: #8de6ff;

   color: #ff9933;

}

트게더에 들어와있는 사람수 표시된 숫자 뒤에 글씨

#board-info #viewers-area #viewers:before{

content: "입원한";

cursor: text

}

?

#article-list {

    margin: 0;

    padding: 0 0 2em

}

?

#main .menu-wrapper>.header {

    background: #d2b2a1;

    color: #fff;

    padding: .45em 1.4em .45em 1em;

    font-weight: 700

}

무슨 애니메이션 추가라는데....?

@keyframes test{

 from{transform:translate(0,0px);}

 to{transform:translate(0,3px);}

}

왼쪽에 길다랗게 생긴거 글씨색 (전체글보기 ~___)

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

    position: relative;

    border: 3px solid #bba1af;

    background: #fff;

    font-size: 1.1em;

    padding: .3em .5em

}

후원댓글 1
댓글 1개  
이전 댓글 더 보기
TWIP 잔액: 확인중
공지잡담밥자랑하기노래 & 영상그려보자 그림그림시참도움
인기글 글 쓰기