여러분의 게임 동반자 Section.G에 오신 것을 환영합니다! 자세히 보기 라이프다이어리/잡담45 날려먹고 다시 하는 중... 상단 메뉴가 오버 시 뜨지 않는 버그에 빡이 친 나머지죄다 밀고 다시 처음부터 하고 있습니다 ㅠㅠ 젠장 .. 비밀글 디자인 나름 괜춘했었는데 ㅠㅠ▶◀ ... 티스토리 초대장이 있지만 ... 더 이상의 초대는 없을 것 같습니다.초대장 배포 게시글만 올리면 득달 같이 달려들었던 그 분들은 지금 .. 블로그 만들어 놓고 잠수 중입니다. 무슨 연유인지 글을 올리시다가 확 사라지시는 분들도 있는 반면한 개의 글만 남겨놓고 사라지는 분들도 많고 .. 심지어! 블로그만 여러 개 만들어놓고 흔적조차 남기지 않고 사라지신 분들도 있습니다.다들 어디로 사라지셨나요 ㅜ_ㅜ NEW Design will SOON! 안녕하세요? 오늘도 개발에 매진하고 있는 @Eruis입니다. 현재 개발 중인 Section.G만의 독창적이고 개성있는 스킨의 스틸컷을 잠깐 보여드리겠습니다. 이 스킨의 개발 및 안정화가 완료되면 추후에 적용될 예정입니다. 사진 1. PC화면에서의 상단 메뉴 디자인 마우스 오버를 하면 하위 메뉴가 나옵니다. 사진 2. 화면을 밑으로 스크롤 하면 상단 메뉴바가 블로그 제목, 검색, 이메일 문의 등만 나오도록 간략해집니다. 메뉴를 표시하고 싶다면 PC는 블로그 제목에 마우스 오버를 하시거나 스마트폰과 마찬가지로 좌측 상단 메뉴 버튼을 누르시면 됩니다. 사진 3. 이번 스킨도 마찬가지로 반응형 웹으로써 모바일 환경을 지원합니다. 사진 4. 모바일 화면에서 메뉴 버튼을 누르면 오프캔버스 형식으로 메뉴가 출력됩니다.. 홈페이지 디자인 개선 및 버그 수정. 안녕하십니까? @Eruis입니다.현재 Section.G에 디자인 개선 및 일부 버그 수정이 완료되어 해당 내용을 안내해드립니다. 가. 상단 로고 마우스 오버(Hover) 효과 추가. 상단의 Section.G 로고에 마우스 커서를 올리면 흑백으로 서서히 바뀌는 오버 효과를 넣었습니다. 별 특별한 의미는 없습니다. 그냥 능력과시용(?)이라는 카더라가 있습니다. 나. 모바일 화면 버그 수정.모바일 화면에서 메뉴 버튼을 누르면 본 화면이 툭 튀어나오는 화면보다 덜 밀리는(?) 현상이 발견되었습니다.이는 .CSS 구문에 속성 값 수정으로 해결했습니다. 다. 화면 글씨체 변경 기능 버그 수정.이건 모바일보다는 PC쪽에 연관이 더 깊은 버그입니다.Section.G는 나눔고딕을 웹 폰트로 불러와서 사용하고 있습니다.본.. 포스트 게시 날짜 폰트 수정 사소한 업데이트 이후, 찾아온 휴가! 이 휴가 기간을 위해 할 수 있는 모든 것을 해보려는 수작을 벌이던 중, 치명적인 오류를 목격했으니! 최적화가 되어있다고 자부하던 IE11에서 포스트 게시 일자가 씹히는(?) 괴현상이 발견되었습니다. 부라부랴 폰트 사이즈를 1px 줄이는 걸로 해결을 보았습니다만 .. 최적화라는 단어 .. 함부로 사용은 하지 말아야겠네요 ㅠㅠ 웹 브라우저 업데이트 권장 메시지. * 14.07.20에 업데이트된 브라우저 업데이트 권장 메시지 오늘도 진행된 사소한 업데이트그 두번째 업데이트는 '웹 브라우저 업데이트 권장 메시지'입니다. 만약에 설치된 Internet Explorer(IE)의 버전이 9 미만인 환경의 PC에서 접속을 할 경우, 공지 창 밑에 업데이트 권장 메시지를 띄우도록 한 것입니다. 이 창은 공지창과 마찬가지로 상하로 따라다니면서 메시지에 업그레이드를 할 수 있는 웹 페이지의 URL을 링크로 걸어놓아 이용자 여러분들이 더욱 더 편하게 업그레이드를 하실 수 있도록 도와드리고 있습니다. ( 이 정도면 스토킹 수준이 아닐까 ... ) 무튼, 소스 코드들을 살짝 공개해볼까합니다.+ 현재 이 곳의 코드와 실제 Section.G에 적용되는 코드가 충돌되는 문제로 일부 클래스.. 상단 공지바 기능 추가 (수정) 기존 고정 텍스트 형식으로 전역일 계산기(?) 역할을 해줬던 상단 공지사항에 효과를 좀 넣어줬습니다.5초마다 1줄씩 내용이 아래에서 위로 스크롤되면서 좀 더 다양한 내용을 담을 수 있게 되었습니다. 마우스를 상단 공지사항에 기웃거리게 하면 계속 다음 내용으로 진행됩니다.심심하실 때 유용하게 '5초 내외의 킬링타임 기능'도 포함(?)되어 있습니다. IE에서도 작동이 되는 것을 확인했지만, 뭔 문제가 있는지 스크롤이 진행될 수록 아랫부분 픽셀이 조금씩 씹혀들어가더군요.고로, IE를 죽입시다! IE는 인터넷의 원쑤! 상단 공지사항은 이미 페이지를 스크롤을 해보신 분들이라면 알겠지만, 툴바처럼 페이지 윗 부분을 기준으로 끝까지 따라다닙니다.따라서, 어느 광고에 못지 않은 치밀함(?)을 가지고 있습니다.추후에 비.. 오디오 플레이어 설치하기 힘들다 이 곳에서 다루는 오디오 플레이어를 더 예쁘게 꾸며보고자, 거금 6달러를 주고 오디오 플레이어 플러그인을 구입했습니다. 위의 그림처럼 예쁘장한 놈입죠. 미리보기는 이 곳에서 해보실 수도 있습니다. 파일을 티스토리에 올리고 파일 경로를 다시 알맞게 수정을 해줬는데 .. ! 아 .. 오디오 플레이어가 죽었슴다 ㅠㅠ 주소도 제대로 설정하고 올렸는데도 우리의 플레이어느님은 사망을 하게 되었습니다. 방법을 찾을 때까지 당분간은 기존 오디오 플레이어를 쓰기로 했습니다. 어흑 .. 스킨에 대한 몇 가지 주저리. 지금 만들고 있으며, 또 지금 Section.G에 적용된 스킨에 대해서 몇 가지 끄적여봅니다. Q1. 워드프레스 테마를 어떻게 티스토리로 변환했는가?자랑인 것 같습니다만 ( 자랑 맞습니다 .. ) 상용 워드프레스 테마 스킨을 티스토리에 사용 가능하게끔 했는가를 물어보실 분들이 많습니다. 다소 머~얼리 그리고 오랫동안 걸리는 작업이지만 저와 같이 정 할 게 없으신 분들에게 추천해봅니다. 첫째. 워드프레스 테마샵에서 원하는 테마를 찾는다.워드프레스 테마를 구할 수 있는 사이트들을 뒤져서 원하는 테마를 찾습니다.* 티스토리의 한계를 위해서 적당한 기능이 있는 것으로 고르셔야 합니다. 수정해서 올렸는데, 안되는 불상사가 벌어집니다 .. ㅠㅠ 둘째. 해당 테마의 .html와 .css 그리고 부속 파일들을 딴다(?.. 정말 허무하다 (...) 방명록이며, 덧글이며 스타일 지정 문제 빼고 작동 안됬던 것들이.와 사이에 과 을 넣어주는 것만으로 깔끔히 해결되었다. 전에도 클래스 이름 문제로 검색창 깨지는 버그를 만들어 냈었는데 ...나는 버그를 해결하는 쪽보단 만드는 쪽에 가까운가보다 ㅠ_ㅠ 게시글 정리 중 ... 오래된 양식은 벗고, 새 양식으로 기존의 글들을 대체 중입니다.하아 .. 힘듭니다. 귀찮기도 하구요. 만들던 스킨도 다시 만들어야되는데 ㅠㅠ 할 일은 많은 데, 여건은 부족하고 .. 여하튼 매우 힘듭니다.하지만, 힘을 내렵니다. 언젠가 이 노력이 결실을 보는 날이 오겠지요. 모두 다 화이팅입니다 ! 스킨 제작 상황 중간 보고 [2014.04.27] 한 마디로 정의합니다. "끝났습니다." 기본 레이아웃 및 사이드바 제작 완료되었고, 이제 스타일시트와 각종 파일 경로만 약간 수정하고 폰트만 덧붙여서 최적화 및 버그 수정하면 끝납니다. 큰 산 하나 넘었으니, 이제 나머지는 쉬운 죽 먹기네요.스킨 제작이 완료되면, 제작 방법 등을 간단하게 소개해볼 참입니다. 하 .. 이제 두 발 뻗고 잘 수 있을 것 같네요. 스킨 제작 상황 중간 보고. [2014.04.25] 안녕하세요? @Eruis입니다.많은 분들이 발을 동동 구르고 기다리고 계실 스킨 제작 중간 보고 시간이 왔습니다. 놀랍게도 개발새발이 되어가던 레이아웃 정리는 80% 정도 완료되었습니다.아래 두 이미지는 바로 전 제작 과정(1차) 이미지와 그 이후 제작 과정(2차) 이미지입니다. 1차 제작 과정 화면 [ 2014.04.12 ] 2차 제작 과정 화면 [ 2014.04.25 ] 어흑 .. 아무런 교보재 없이 생 노가다로 진행했던 상황에서 이 정도면 정말 천지개벽, 재개발 수준입니다.앞으로 더욱 더 노력해서 깔끔한 스킨으로 찾아뵙도록 하겠습니다. P.S 간혹 테스트 도중 이전 스킨으로 복구를 못해 테스트용 스킨으로 남아있는 경우가 있습니다.이정도 실수는 너그러히 용서해주실 거라 믿습니다. 스킨 제작 상황 중간 보고. [2014.04.12] 안녕하세요? @Eruis입니다.많은 분들이 궁금해하실 만한 스킨 제작에 대한 이야기를 하고 있습니다. 간단히 QnA 방식으로 스킨 제작 보고를 시작하겠습니다. (에.. 에헴!) Q1. 스킨은 어떤 것을 구입했나? A1. 45$짜리 워드프레스용 유료 스킨입니다.사이트 구입처는 {Wrap}Bootstrap으로 페이팔을 통해 구입했습니다. 근데, 문제는 여기서 발생합니다. 워드프레스를 쓰면 간단히 써먹을 이 스킨.이걸 티스토리용으로 지지고 볶는 과정이 상당히 번거럽고 귀찮습니다. 검색의 힘을 빌어보려했으나, 다들 지지고 볶는 게 성공했다는 자랑글 뿐이지실질적인 팁이나 방법은 소개하는 곳이 없습니다. 그래서 지금 일일히 수정하고 테스트 해보면서 볶아보고 있습니다. Q2. 지금까지의 진행 정도는? A2. 솔직히 .. 그래프로 분석해본 Section.G SE+ 이용자 국적들. Section.G SE+를 찾는 사람들을 나라별로 분류해본 그래프입니다. 역시 한국사람들이 많이 찾기는 하지만, 여러 나라에서도 찾아주시네요. 감사합니다. 더욱 더 열심히 뛰겠습니다. pic.twitter.com/8T9ulu7N2J— @Eruis (@dev_Eruis) 2014년 4월 5일 다시 한 번 감사드리며, 여러분의 클릭 한 번이 헛되지 않도록 최선을 다하겠습니다 ㅠ_ㅠ 반응형 이전 1 2 3 다음