사이드 배너의 위치와 크기 조정
본문
안녕하세요.. 어찌어찌 검색을 통해 사이즈에 배너를 생성하는 것까지는 성공을 하였습니다.
그런데 이 배너의 사이즈가 아래 그림에서 표시한것처럼 특정 사이즈와 위치로 출력이 되어
그누보드처럼 화면에 따라서 사이즈의 크기가 표시된 것 처럼 로그인정보창과 같게 정렬시켜서 놓을 려고
할려면 css를 수정해야 할 것 같은데 어떻게 수정을 해야 할지 몰라서요.. 현재 css를 아래와 같이 설정한후 html 코드를 작성하여 사용하고 있습니다.
.bn {padding:0 15px 0 14px; display:block; background:#fff}
.bn_link {margin-bottom:10px; text-align:center}
<section class="bn">
<div class="bn_link"> ~ 배너 주소 및 링크 </div>
</section>
만약 css를 수정해야 한다고 하면 어떻게 수정을 해야 할까요?
그리고 죄송한데 한가지 더 질문을 드리고 싶은것은
현재는 모바일과 웹에 따라서
if(G5_IS_MOBILE)
{}
else
{}
를 이용하여 배너의 종류를 다르게 해주고 있습니다. 그런데 모바일일 경우 IOS 와 ANDROID 일 경우
생성되는 배너를 다르게 해줄려면 조건식에 무엇을 추가해야 하나요?
긴 글 끝까지 읽어주셔서 감사합니다.
답변 2
그누보드에 함수가 따로 있는지 확인을 못해봤습니다.
그래서 통상적으로 사용할 수 있는 코드를 첨부합니다.
if(stripos($_SERVER['HTTP_USER_AGENT'], 'android')!==FALSE) {
echo '안드로이드 배너';
} elseif(stripos($_SERVER['HTTP_USER_AGENT'], 'iphone')!==FALSE || stripos($_SERVER['HTTP_USER_AGENT'], 'ipod')!==FALSE) {
echo '아이폰 배너';
} else {
echo 'PC 배너';
}
.bn 에 width:100%를 지정해 주시고, text-align:center 를 이 곳에 넣어야 할거 같습니다.
.bn_link 는 그대로 두셔도 상관없을거 같구요.