K-Weather (Korea Weather)

1. 

   사이드바에 나타나는 위젯 적용화면

2. 

   위젯 설정 화면

3. 

   위젯 설정하기 #1

4. 

   Custom CSS 설정하기. changelog 1.1.2 부분을 참고하세요.

문의사항은 http://akal.co.kr/ 블로그쪽으로 남겨주세요.
최초 댓글 작성시 승인이 필요합니다. 승인대기 중일때 댓글이 보이지 않을수 있으니 양해부탁드립니다.

1.1.3

• 아주 작은 버그 수정과 화면수정

1.1.2

• 글자색 전경색을 없애고 custom css를 넣을수 있도록 만들었습니다.

• Custom CSS Sample

/* 전체 위젯 배경색과 글자색 */ 
.kw-widget {
    background-color: orange;
}

/* 위젯 제목 글자색과 크기 */
.kw-title {
    color: white;
    font-size: 12pt;
}

/* 날씨아이콘 크기와 색상 */
.wi {
    font-size: 14pt;
    color: white;
}

/* 날씨 글자의 크기와 색상을 지정 */
.kw-font {
    font-size: 9pt;
    color: white;
}

/* 날씨 아이콘, 날씨내용이 나오는 영역크기 */
.kw-content {
    height: 100px;
}

/* 날씨 아이콘이 나오는 영역설정 */
.kw-left {
    height: 100%;
    float: left;
    padding-top: 20px;
    margin-right: 20px;
}

이 Custom CSS 를 적절히 변경해서 자유도가 높은 디자인 변경이 가능해집니다.

1.1.0

• allow_url_fopen 설정이 대부분의 웹사이트가 보안문제로 막혀 있어서 설정의 귀찮음을 덜기위해 소켓방식으로 변경하여 allow_url_fopen 설정의 변경없이도 날씨 정보를 가져올수 있도록 변경하였습니다.

1.0.1

• bootstrap css가 없는 분들을 위해 fa-4x 폰트크기를 font-size:4em 으로 지정
• line-height: 150% 지정

1.0.0

• 배경색과 글자색을 지정할수 있게 바꿈
• white, black, blue 등의 색지정이 가능하고, #1188aa 이렇게 코드로 넣어도 된다.
• title color 변경은 아래와 같이 해야합니다.

title에 해당하는 ‘현재 제주 날씨’의 컬러는 css에서 진행하면 됩니다.

.KWeather_Widget {
color: yellow;
}

위와 같은 코드를 삽입해주세요.

0.9.0

• 화면배치를 바꿈

0.1.0

• 기상청에서 날씨를 받아와 각 지역별로 보여줌