Giter VIP home page Giter VIP logo

ax-boot-themes's Introduction

ax-boot-themes

ax-boot-framework 사용자를 위한 테마 입니다. 다음의 테마를 이용해 당신의 애플리케이션을 보다 멋지게 만들 수 있습니다.

사용법

ax-boot-framework/ax-boot-admin/src/main/resources/axboot.json 을 다음과 같이 수정하세요.

{
  "title": "AXBoot :: Advanced Web Application Development Framework",
  "copyrights": "AXBOOT 2.0.0 - Web Application Framework © 2010-2016",
  "logo": {
    "header": "/assets/images/header-logo.png",
    "login": "/assets/images/login-logo.png",
    "logo": "logo.png"
  },
  "background": {
    "login": "/assets/images/login-bg.jpg"
  },
  "layout": {
    "leftSideMenu": "visible"
  },
  "sessionCookie": "a_x_b_a_a_t_k",
  "extendedCss": [
    "/assets/css/axboot.css"
  ],
  "extendedCssforIE9": [
    "/assets/css/axboot-01.css",
    "/assets/css/axboot-02.css",
    "/assets/css/axboot-03.css"
  ]
}

ie9의 경우 CSS 셀렉터의 갯수가 제한이 있어 제대로 작동하지 않는다는 이슈가 있었습니다. 그런 이유로 axboot.css를 분리된 형태로도 제공 해드립니다. extendedCssforIE9 에 넣어주시면 됩니다.

<link rel="stylesheet" type="text/css" href="/assets/css/axboot.css"/>
<!--[if lt IE 10]>
    <link rel="stylesheet" type="text/css" href="/assets/css/axboot-01.css"/>
    <link rel="stylesheet" type="text/css" href="/assets/css/axboot-02.css"/>
    <link rel="stylesheet" type="text/css" href="/assets/css/axboot-03.css"/>
<![endif]-->

설정이 제대로 되었다면 위와 같이 소스가 빌드됩니다.

arongi

Design by Jowrney (http://flybasket.com/)

axboot arongi theme axboot arongi theme axboot arongi theme axboot arongi theme

CDN

production

development

for ie9

bulldog

준비중 입니다.

cocker

Design by Thomas Jang (https://github.com/thomasjang)

axboot cocker theme axboot cocker theme axboot cocker theme axboot cocker theme

CDN

production

development

for ie9

doberman

Design by Thomas Jang (https://github.com/thomasjang)

axboot doberman theme axboot doberman theme axboot doberman theme axboot doberman theme

CDN

production

development

for ie9

ax-boot-themes's People

Contributors

thomasjang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.