웹사이트 사이드바 2개 만들기 꿀팁

기존 사이드바를 복사해서

하나더 복붙으로 만든다음 

사이드바 코드최상단에  <div id="side">

요런식으로 있는놈에 이름을   <div id="side2">

요딴식으로 바꾸고

css 들어가서 
/* Side 설정 */

 #side {
float:right;
width:250px;
overflow:hidden;
margin-left: 5px;
}

요런식으로 되있으면

/* Side 설정 */

 #side2 {
float:left;
width:250px;
overflow:hidden;
margin-left: 5px;
}

사이드바 끝지점에다 넣어야합니다

구조가 깨지면 안되는건지

이전사이드바 소스 맨 마지막에 넣어야해요

바로 넣으면 그냥 아래에 두개생김 ㅋㅋㅋ 이해 되시죠?

 

하나더 추가

반대쪽으로 두개의 사이드바를 갖게 되어

쌍수가 되는 것입니다

아래는 렌즈꼇네 ㅋ

근데 사이드바 최상단만 복붙했더니

먹히질 않길레 전체를 code copy 하니

먹혔으니 웬만하면 머리아플거 없이

사이드바 통째로 카피를 바래요 (html, css)

 

한줄요약: 대가리 주소만 살짝 바꾸고 위치만 다르게 해준다