이 글은 아래 링크에서 언급된 커스텀스킨 제작 가이드입니다.


    [iTIPs/Web] - Fastboot스킨을 개성있게! - 커스텀 스킨 테마 2종 (베타버전)



    표준 css 파일

    위 파일은 커스텀테마 베타버전에 있던 css파일을 수정하기 쉽도록 정리해놓은 파일입니다.


    CSS에 대해서 잘 아시는 분들은 이것만으로도 추가/수정하셔서 커스텀 테마를 만드실 수 있습니다.



    CSS에 대해 잘 모르시는 분들은 아래 링크에서 각 속성이 어떻게 쓰이는지 배울 수 있습니다.

    http://www.w3schools.com/cssref/default.asp


    또한 포털사이트에 css + 속성이름으로 검색하면 한글로된 설명이 많으니 참조하시면 됩니다.


    대표적으로 커스텀 할 수 있는 것들:

    • 배경background (색상, 이미지, 그래디언트 등...)
    • 글자font, text (색상, 크기, 굵게, 기울임, 폰트 등...)
    • 테두리border (색상, 굵기, 둥글게하기 등...)
    • 여백margin, padding (바깥 여백, 내부여백)
    • 위치, 크기position, width, height
    • 투명도opacity
    • 마우스오버 효과, 애니메이션 효과

    아래 항목을 클릭하여 펼쳐보세요.






    §현재 PC화면에서 상단의 board를 커스텀 테마게시판으로 운영중입니다.

    직접 만든 테마를 스크린샷과 함께 업로드해보세요!

    .


    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • BlogIcon Readiz
      2014.06.29 23:11 신고

      글을 이제야 봤네요. 언제나 신경써주셔서 감사합니다. ㅎㅎ

    • BlogIcon artautocare
      2014.11.16 15:34 신고

      백그라운드 배경화면 변경에관한 질문인데요.^^
      티스토리 사진업로드하고 css 에 아래쪽에 밑에코드를 넣었습니다
      body {
      background-color: #f;
      background-image: url('./images/jeegu.jpg');
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      }
      저번에 했을떄는 적용이돼던데
      이번에 다시해보니 는 아무리 해봐도 적용안됍니다
      방법은 같은방법으로 했는데,

      • BlogIcon 뭐하라
        2014.11.16 15:39 신고

        제가 해보니 잘 되네요
        background-color: #f;
        이부분이 에러난듯합니다.
        background-color: #fff; 로 고쳐보세요

    • BlogIcon artautocare
      2014.11.16 16:41 신고

      처음에는 ffff로 그대로 했는데요
      안돼서 혹시 이거때문에 안돼나 해서 그냥 f 바꾸어본거거든요.
      다시해도 안돼네요. 다른데건든건 없는데 그대로 따라했긴했는데

    • BlogIcon 민들레~
      2016.06.22 11:08 신고

      안녕하세요? 뭐하라님
      스킨 하단에 이미지를 넣어서 링크를 걸었는데 원본 사진과 다르게 흐리게 보이고 있어요.
      혹시 방법을 아실지 조언 좀 부탁드릴게요. http://dallante.tistory.com/