방문자 카운터를 오른쪽 정렬 하고 싶습니다.
관련링크
https://www.k-big.co.kr/
66회 연결
본문
방문자 카운터가 왼쪽 정렬 되어 있는데 오른쪽 정렬 하고 싶습니다.
visit_skin.php에서 아래 코드를 수정했는데 이러면 될까요?
<section id="visit" class="ft_cnt">
<h2>접속자집계</h2>
<dl>
<dt><span></span> 오늘</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[1]) ?></strong></span>/dd>
<dt><span></span> 어제</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[2]) ?></strong></span></dd>
<dt><span></span> 최대</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[3]) ?></strong></span></dd>
<dt><span></span> 전체</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[4]) ?></strong></span></dd>
</dl>
<?php if ($is_admin == "super") { ?><a href="<?php echo G5_ADMIN_URL ?>/visit_list.php" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a><?php } ?>
</section>
답변 1
오른쪽 정렬이라는게 구체적으로 어떤걸 얘기하시는건지요?
대략 지작해보자면 다음과 같이 해보 실 수 있을 것 같습니다.
html 부분
<section id="visit" class="ft_cnt">
<h2>접속자집계</h2>
<dl>
<dt><span></span> 오늘</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[1]) ?></strong></span></dd>
<dt><span></span> 어제</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[2]) ?></strong></span></dd>
<dt><span></span> 최대</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[3]) ?></strong></span></dd>
<dt><span></span> 전체</dt>
<dd><span style="text-align: right;"><strong><?php echo number_format($visit[4]) ?></strong></span></dd>
</dl>
<?php if ($is_admin == "super") { ?><a href="<?php echo G5_ADMIN_URL ?>/visit_list.php" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a><?php } ?>
</section>
CSS 부분
#visit dl dd {
text-align: right;
}
숫자들을 오른쪽 정렬 하고 싶습니다
1,017
847
3,710
326,972
이런식으로....
위와 같이 하시면 우측 정렬이 될 것으로 생각합니다
/www/theme/basic/skin/visit/basic/style.css
에 추가하면 될까요?
현재 기본 테마를 사용하시는 것 같은데요...
즉 기본테마일 경우 theme/basic/default.css 파일에 적용하시면 될듯 합니다.
감사합니다!
답변을 작성하시기 전에 로그인 해주세요.