1. 크롬을 사용하신다면 우클릭 후 요소검사를 하시면 이렇게 CSS/html이 전부 보입니다.
2. 예를 들면 배경을 이미지가 있는 것에서 단일 색상으로 변경하고 싶으시다면
background-image를 color로 변경 후 색값을 입력하면 바뀐 모습으로 미리보기가 됩니다.
3. 이런 식으로 변경하신 건, 본 스킨에 바로 적용되는 부분은 아니기 때문에 수정을 원하는 부분을
CSS나 html에서 찾아서 똑같이 변경해주시면 됩니다 그걸 편하게 하라고 티스토리 자체에서
이렇게 해주긴 했지만 저는 이 방법이 더 편해서 이걸로 하고 있어요.
+ 이것도 저번에 올렸던 글(http://www.oeker.net/bbs/board.php?bo_table=designer4&wr_id=257554)
에서 댓글에 물어보길래 궁금해하는 거 같아서... 올려놔.. 진짜 별거 아닌데.........(...)
...첫 페이지만 bgm 흐르게 하는 법...인데........(말하기도 민망)
그거 그냥 유튜브 자동재생+반복재생 태그를 가지고 와서 가로 세로를 0으로 설정해서 숨긴거야!
눈..속임이지...^-^....ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
출처-http://www.oeker.net/bbs/board.php?bo_table=designer4&wr_id=258379
티스토리 디자인 관련 글
출처 http://www.oeker.net/bbs/board.php?bo_table=designer4&wr_id=260312
. 티스토리 원하는 글 메인으로 옮기기
html의 head 부분에 ★ 빼고 복사해서 붙여넣은 후 수정하면 돼.
<★script type="text/javascript">
var add = location.href;
if(add == "본인 티스토리 주소"){
location.href="원하는 티스토리 게시글 주소";
}
<★/script>
2. 티스토리 배경(백그라운드) 꽉차게 설정하기
* 분명히 큰 배경 이미지를 사용했음에도 불구하고 바둑판으로 배경이 나오거나 하단에 자꾸 반복해서 배경이 나올 경우
css에서 background:url(이미지경로) 뒤에 no-repeat fixed center top;background-size:cover;를 복사해서 붙여넣기
3. 영상(유튜브), 이미지 자동 리사이징
css에서 iframe, video, embed, object { max-width: 100%; } 추가
4. 티스토리 메뉴바 (우측 상단에 로그인, 로그아웃 표시되는) 없애기
css에서 ★빼고
/★*티스토리 메뉴바 없애기*/
#tistorytoolbarid
{
display:none;
}
추가
5. 이미지 어디서 찾았어?
대부분 https://unsplash.com/ 여기서 많이 이용
6. html/css 어떻게 찾아서 수정해?
http://www.oeker.net/bbs/board.php?bo_table=designer4&wr_id=258379 이 글에 설명되어있음
티스토리 배경음악 설치 2/2
방법2.
http://scmplayer.net/
위에 주소 들어가시면 아주간단 합니다.
SCM 음악 플레이어바 우선 음악바가 색깔별로 보일겁니다.
1.스킨선택 하시고 다음[next] 누르시면 다른창으로 바뀝니다.
2.재생목록편집 방법은 순서대로 따라하세요
노래제목-가수명 예를들면 ==>[2NE1- Follow Me] 이런식으로 노래제목칸에 기입하시면 됩니다.
다음은 노래 URL 입니다 여기는 유튜브에 노래제목을 검색창에 붙혀넣기 하시면 뮤직비디오
마음에 드시는거 고르시고 [좋아요] 누르시면 공유가 활성화 되면서 ==> http://youtu.be/ZIHgymKz4zs
시작 지점: 0:00 일때 네모칸 체크하시고 복사 노래 URL 칸에 붙혀넣기 하시면됩니다.
그런다음 플레이 표시 화살표를 눌러 노래가 잘나오는지 들어 보세요. 정상적으로 들린다면 성공하신겁니다.
이제 원하는만큼 노래를 첨가 하시고 [다음] 누르세요.
3.설정구성 입니다. 자동재생.셔플재생 기본볼륨 반복모드[재생목록반복] 본인 선택 사항입니다.
플레이어 바의 위치 [상단.하단] 선택사항 이제 거의 다왔습니다. 완료 누르시면 HTML 나오죠 복사하시고 본인 티스토리에 로그인 하세요
축하합니다! 귀하의 SCM 음악 플레이어가 생성되었습니다.
당신에 코드를 붙여주세요 HTML , 템플릿 오른쪽 <BODY> 또는 <몸에서 ...
( tumblr에 사용자 : 모양> 편집 HTML을 사용자 정의로 이동
위의 설명은 본인 티스토리에 가셔서 관리>HTML편집>검색< Head> 상단에 있습니다.
<Head> 바로 아래 붙혀넣기 하세요 혹시 모르시니 미리보기 확인 하시고 저장 하세요
[저작권 문제는 저도 자세히는 모르겠습니다만 유튜브를 이용하니깐 크게 문제 없을듯 합니다]
.
더욱 자세한 설명이 포스팅되어있는 블로그- http://gsm.dothome.co.kr/xe/web/1583
티스토리 배경음악 설치 1/2
방법1. 세이라디오 위젯 사용
<object id="__sayradiowidget" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,22,87" width="166" height="103"><param name="movie" value="http://dl.sayclub.kr/sayclub/sayradio/SayRadioWidgetSmall.swf" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="playerSize=small&castAddr=http%3A//djsr.saycast.com&autoStart=true" /><param name="wmode" value="transparent" /><embed id="__sayradiowidget" src="http://dl.sayclub.kr/sayclub/sayradio/SayRadioWidgetSmall.swf" width="166" height="103" allowScriptAccess="always" flashvars="playerSize=small&castAddr=http%3A//djsr.saycast.com&autoStart=true" wmode="transparent"></embed></object>
위 소스코드를 복사해서 html 배너출력 창에 붙여넣기 하면 됨.
세이라디오 위젯 사이트 주소: http://me.sayclub.com/page/guide/widgetInfo
1. 티스토리에서 위젯을 사용하기 위해서는 배너출력 플러그인이 활성화 되있어야 합니다.
관리자 페이지의 플러그인 메뉴 > 플러그인 설정을 클릭하세요.
2. 배너출력 플러그인이 사용중으로 되어있는지 확인하세요. 만약 미사용으로 되어있을경우 사용을 클릭 합니다.
3. 스킨 메뉴의 사이드바 설정 을 클릭합니다.
4. 사용 가능한 모듈 > 플러그인 에서 HTML배너출력의 +를 클릭해서 추가합니다.
사이드바 꾸미기에 HTML배너출력의 [편집] 을 클릭 합니다.
5. HTML 배너출력 창이 뜨면 앞에 복사한 세이라디오 위젯 소스를 붙여넣기 후 [확인] 을 클릭 합니다.
소스코드 복사를 안한 경우 위젯소개 페이지 에서 소스코드 복사 방법을 참고하세요
6. 사이드바 설정 창 우측의 [저장] 을 클릭하면 설치가 완료 됩니다.
이제, 내 블로그에 이동해서 정상적으로 설치 되었는지 확인하세요!