본문 바로가기

마이피

[WIP] 새로운 마이피 스킨 동영상을 상단 헤더에 넣을수 있는 스킨이다. 유투브 영상을 바로 가져올수 있다면 좋을텐데 루리웹에서는 상단에 iframe을 못 넣게 막아놓았다. 그래서 Video 태그를 사용해서 억지로 집어넣었는데, 파일은 구글 드라이브에서 땡겨와서 쓰고 있다. 구글 드라이브에서 파일 가져오는 법은 의외로 쉽더라. 트래픽이 정신나간 수준만 아니면 구글에서도 특별히 짜르거나 하지는 않는 것으로 보임. 8.2 업데이트 리니어 그래디언트와 블랜딩 추가 아직 블랜딩에는 트랜지션이 적용 안된다. 되는 줄 알았는디... 사파리 빼고는 정상적으로 잘 뜸. 사파리는 아직도 css grid 랜더링에 버그가 있는것 같음 (쪼다같은 사파리...) 사파리 크롬 파이어폭스 더보기
Burari² - 에디션2 Burari"²"의 에디션"2" 이다. (콩콩) 테마 다운로드 설치 방법은 기존과 완전히 동일하다. 기존 테마 설치 방법 업데이트 로그 - 소소한 버그 픽스- 웹폰트 로드 문제 수정- 레이아웃 변경- 테블릿(아이패드)에서 깨지는 문제 수정 시간나면 커피한잔 이라도 사주는 센스 더보기
Burari² 두번째 베리에이션 스퀘어스페이스 공식 블로그 덕분에 흥해진 50:50 레이아웃을 적용해 보았다. 무언가 급진적인 레이아웃을 좋아하는 사람에게 유용할 듯. 사실 풀 스크린 슬라이더를 부담스러워 하는 사람들도 꽤 되어 이런 추가 레이아웃을 만들어 보았다. 더보기
마이피 테마 - Burari² 지금으로 부터 무려 3년여전. 첫 마이피 테마를 만들었다. 이름은 Burarikun. (이름은 특정인물의 그것과 아무런 관련이 없음) 이후 군머도 다녀오고 많은 시간이 흐른 지금 다시 테마 제작에 도전했다. Burarikun - 루리웹 마이피용 CSS3 스타일 괴랄한 테이블 레이아웃은 flex-box를 사용해서 전부 박살냈다. Burari²는 1단형 레이아웃 이지만 원한다면 언제든지 2단, 3단으로 개조할 수도 있으며 사용자의 취향에 따라 사이드 바의 위치도 마음대로 바꿀 수 있다. (이것이 바로 flexbox의 힘!!) CSS3 표준 준수 기본적으로 마이피에서 제공되는 모든 요소에는 스타일이 적용되어 있으며, 불가능할 것 같았던 input image 버튼도 마개조를 시켰다. 방명록도 별도의 스타일이 적.. 더보기
루리웹 마이피 테마 alpha 아직 이름도 못 지었다. 지난번께 '부라리큰'이었으니 이번에는 부라리²로 할까 생각중.관련글: Burarikun - 루리웹 마이피용 CSS3 스타일 근근웹 마이피는 2016년에 무!려! 테이블 레이아웃을 사용하고 있다. 2013년에 스킨만들때는 float가지고 테이블 속성 뭉개고 다녔지만 지금은 flex-box가 도입되어 레이아웃 짜는데 40분도 채 안걸렸다. 근근웹 마이피는 자바스크립트를 지원하지 않기 때문에 상식선에서는 슬라이더를 넣을 수가 없다. 하지만 의지의 둠반도인은 포기하지 않는다! 근성으로 CSS3으로만 동작하는 슬라이더를 넣었다. 그럭저럭 봐줄만 하다. 더 화려하게 꾸미고 싶긴한데 지저분 해질까봐 이 이상 못 건드리겠음... 조만간 배포 예정. 더보기
실시간 방문자수 카운터를 HiStats로 바꾸었습니다. 예전까지는 Whos amung us를 사용해왔는데, 이게 속도가 빠르고 가벼운것은 좋지만 무료계정의 통계기능이 너무 빈약해서 고심끝에 바꾸게 되었습니다. Whos amung us는 제가 알기로 자세한 통계를 얻으려면 유료로 계정을 만들어야 하는 것으로 알고 있습니다. 그에 비해서 HiStats는 완전 무료로 모든 기능이 제공 됩니다. 뿐만 아니라 위젯 스타일도 정말 다양하더군요 (하지만 태반이 플래쉬라서 반응형 웹에는 못 쓴다는게 함정) HiStats가 좋은게 계정하나로 여러 사이트를 동시에 모니터링 할 수 있습니다. 그래서 저는 티스토리 뿐만 아니라 네이버, 이글루스, 루리웹 마이피에도 설치하여 통계를 받고 있습니다. 그리고 Whos amung us 보다 가장 좋은 점을 하나 꼽자면, 자바스크립트 없어.. 더보기
Burarikun - 루리웹 마이피용 CSS3 스타일 제가 이전에 만들었던 마이피용 CSS3 스타일 입니다. 딱히 베포를 고려하고 만든건 아닌데, 막상 마이피 활성화시켜 놓고 보니 쓸일이 거의 없어서 저보다 활발하게 운영하시는 분들이 쓰시는게 더 좋을것 같아 CSS 소스를 공개합니다. 상단배경에 들어오는 부분이 화면 가장 상단에 위치하며 고정되어 있습니다. 기본 루리웹 툴바나 다음 툴바는 아래 위치해서 안 보입니다. 마이피 관리에서 메인 인사말 부분은 전체글 보기시 게시글 맨위에 나타나는 부분입니다. 좌측배경은 이자리에 위치하게 됩니다. 위젯 코드를 넣으면 여기 배치가 되며, 자동으로 왼쪽 정렬이 됩니다. 관리자 뷰에서는 메뉴가 이렇게 뜹니다. 비회원 뷰에서는 메뉴가 아래로 밀리지 않으니 크게 신경안쓰셔도 될 부분입니다. 스타일 시트에서 주의 하셔야 할부분.. 더보기
마이피 스타일 적용했습니다. 루리웹에는 마이피라는게 있습니다. 일종에 미니 블로그 같은 기능인데, html 수정은 지원하지 않지만 CSS 수정은 지원합니다. 그래서 없는 CSS 실력을 다 닦아 넣어서 마이피용 CSS를 만들었습니다. 대충이런 모습으로 완성이 되었습니다. - 제 마이피어제 반나절 고생한게 아깝고 왠지 후기라도 남겨야 할것 같아서 글을 씁니다. -아아, 마이피는 테이블로 가득해! -div 쓰게 해주세요! ㅠㅠ 일단 시작부터 멘붕이었습니다. 2000년도 이전에나 통용되던 테이블 기반의 웹사이트 레이아웃을 쓰고 있었으니까요 -_-; 요즘은 전부 div로 합니다. W3C권고 안에도 나와있듯이 테이블은 레이아웃을 짜라고 만들어 놓은게 아닙니다. 테이블은 표를 짜라고 만들어 놓은겁니다. 웹표준 검사기 통과하면 당장 경고먹을 요소.. 더보기