내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 367

[무료] ONLYCSS 레이아웃 + 가볍고 빠른 반응형 레이아웃

최초 등록일: 2020.11.09 조회수 : 499

무료

5.0점 / 총 6명 참여
  • 구매자 23
  • 소개 CSS + HTML로만 꾸며진 초스피드 반응형 레이아웃! 
  • 설치경로 /layouts/ 
  • 지원환경 Rhymix 
  • 라이선스 XPM License (재배포 금지) 
  • 판매기간 2020-11-09 00:00 ~ 2021-02-28 00:00
  • 분류 레이아웃
  • 제작자 마음의빈자리
  • 다운로드
    onlycss.zip 15.89KB (잔여일 : -, 잔여횟수 : -)
    onlycss_0.2.zip 14.75KB (잔여일 : -, 잔여횟수 : -)

버전기록

0.1 초기버전

0.2 yume 님 제공 코드 적용 및 css 코드 일부 수정

미리보기

 

단순 + 깔끔하고 가볍고 빠른(뭘 만들어 넣은게 없어서 빨라요) 레이아웃입니다.

아래와 같이 아주 제한적인 기능만 제공합니다.

HTML + CSS를 조금 만질 줄 아시는 분들이라면 유용하게 수정하셔서 사용이 가능할 것 같습니다.

 

 

1. 로고를 이미지 또는 텍스트로 레이아웃 설정에서 세팅이 가능합니다.

2. 메인 배너의 문구를 레이아웃 설정에서 지정이 가능합니다.

3. 풋터 로고 역시 텍스트 또는 이미지로 레이아웃 설정에서 세팅이 가능합니다.

4. 하단 풋터 메뉴, 설명글, 카피라이트 등을 레이아웃 설정에서 세팅이 가능합니다. 

 

- 라이믹스 1.9.9.9에서 테스트 되었습니다.

- XE에서 테스트 하지는 않았지만, 돌아갈 것으로 예상됩니다. 

- 맥 사파리, 크롬, 웨일, 엣지 최신버전에서 테스트되었습니다.

 

* 주의 : 제작자가 쌩초보여서 만들면서 수정을 하도 많이 해서 CSS 코드 중 무용지물?인 코드도 있을 것 같습니다. 

 

* 저보다 더 초보인 분들을 위해 아래 게시판에 기본적인 커스텀 코드를 하나씩 등록할 예정입니다. (더딜수도 있습니다. ㅡ,ㅡ)

 

https://layouts.cf/custom

 

19de7e4346e731f22cd945429becabcb.png.jpg

baf28830260bd8a479af1d12ca2106f1.png.jpg

 

아이폰 스크린샷

 

IMG_0685.PNG

 

 

아이패드 미니 스크린샷

 

IMG_DBF355D8AFA2-1.jpeg.jpg

 

 

아이맥 스크린샷

 

스크린샷 2020-11-09 오후 7.22.51.png.jpg

 

profile

댓글 '7'

프로필 사진 profile
토토 2020.11.09 20:44 댓글 별점
감사합니다.
응용해서 사용하겠습니다.
프로필 사진 profile
성운시연 2020.11.09 23:57 댓글 별점
배포해주셔서 감사합니다. 저는 언제쯤 이런거 함 만들어 볼까요 ^^
프로필 사진 profile
우성짱 2020.11.10 00:46 댓글 별점
감사합니다!
프로필 사진 profile
리버스 2020.11.10 08:53 댓글 별점
잘 사용하겠습니다~!
프로필 사진 profile
그리다 2020.11.10 11:06 댓글 별점
감사합니다
프로필 사진 profile
yume 2020.11.23 06:12 댓글 별점
배포 감사합니다.
설치 테스트해보니 onlycss.css에 xe 관리자 화면들의 css부분에서 충돌이 있습니다.
예를 들면 설정의 분류관리에서 카테고리 트리부분의 li 태그 css가 엉망이 되네요...
소스 살펴보니 아래 부분늬 li가 문제를 만드네요..
onlycss.css 46라인
/* 상단바 우측 계정설정 */
.ly ly_login ul, li {
list-style: none;
display: inline-block;
}

.ly ly_login ul, .ly ly_login li 이렇게 변경하니 정상 동작 합니다.

추가 : 위와 같이 변경하니 풋터의 li 태그에 영향을 줍니다.
풋터 li 태그를 다음과 같이 수정하면 됩니다.
.footer_menu ul li {
list-style: none; // 추가
display: inline-block; // 추가
margin: 0;
padding: 0;
}
프로필 사진 profile
마음의빈자리 2020.11.23 09:27 댓글 별점
우와 감사합니다~~
수정해서 다시 올려둘게요, ^^