테스트 사이트 - 개발 중인 베타 버전입니다

[pc버젼] 그누5.3 / 1024픽셀 / aside엄슴

· 7년 전 · 23740 · 139
1024full.png

5.3 기본 basic 테마에서 상단만 수정한 파일이라고 보시면 됩니다.

최소 width값인 1024픽셀로 조정하였습니다. (기존 1200픽셀)

메인 로고를 중앙정렬 / search바를 우하단으로 이동시키고 / sns 버튼을 좌측상단에 추가시켰습니다.

나머지는 5.3 기본스킨에 충실하였습니다.

 

페이지 중앙에 full width focus slide 배너 하나 작업하려다가 내후년 이맘때를 기약(?)하고

올려봅니다. ㅎ (귀챠니즘은 전지전능하심 ㄷㄷㄷㄷㄷ)

 

로고는 포함되지 않았습니다. (아는 업체 제공용)

 

- 메인 슬라이드 배너는 index.php 파일을 보시면 아시겠지만 banner라는 테이블명의 게시판의

최신글을 불러오게 되어 있습니다.

- 5.3 순정에서는 최신글 랜덤에서 notice를 aside한줄 최신글로 배치시켜서 메인컨텐츠에서 배제

되어있지만 이 테마는 aside를 없애버려서 노출시키도록 조정하였습니다. 단, banner라는 테이블을

숨겼습니다.

(말은 겁내 어렵게 되었으나 걍 간단에서 해당 코드에서 notice를 빼고 banner를 추가시켰을뿐)

- 메인메뉴는 상단에서 특정 스크롤 이상 내려왔을때 상단에 붙어있도록 js를 활용했습니다.

- 모바일버젼은 전혀 손대지 않았습니다.

 

특별하게 많이 작업한게 없으니 응용하시긴 쉬우리라 봅니다. ^^

그럼 즐거운 주말 보내세요 ㅎ

 

 

!!!! 링크는 너무 마이 클릭하지 말아주세용~ ㅎ 극서민 서버에 빈대붙어 있어서 과다 트래픽으로 다운되면 눙물이 흐릅니다. ㅠㅜ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 139개

감사합니다.
감사합니다~
aside를 살리려면 어떻게 해야할까요?
살리려고 소스 뒤져보고있는데 살려내도 내용이 없네요
6년 전
답변이 늦었습니다.
이 테마는 aside를 살리면 width값이 1024px로 메인컨텐츠를 모두 사용하고 있어서
aside가 아래로 밀리게 됩니다.

그래도 굳이 사용하시겠다면 전체 width값을 1350px정도로 수정하시고
(css에서 정의한 aside의 width값 305px과 마진값 20px)
tail.php 파일 11라인에 주석처리 되어있는 aside값을 주석제거 하시면
될것 같습니다.
답변 감사합니다
앞으로도 좋은 자료 기대하겠습니다!
6년 전
감사합니다~
6년 전
아악 받아 뒀는데 어디 받아 뒀는지 모르겠네요.. 다시받아야~~ ㅠㅠ
6년 전
이거 참 깔끔합니다.
감사합니다
6년 전
좋아요^^
잘 쓰겠습니다...

게시글 목록

번호 제목
10417
10319
10312
10281
10244
10110
9656
9529
9500
9442
9387
9351