본문 바로가기

반응형

티스토리

(27)
[티스토리팁]페이지가 길때 나타나는 고정된 TOP,MIDDLE,BOTTOM 버튼 넣기 할라당~안녕하세요~! 이팁은 기존의 팁들을 모아서 짬뽕시킨 팁입니다... 블로그를 이용하다 보면 페이지가 짧은 글도 있고... 하루동일 스크롤바를 긁어 내려야 하는 글들도 많습니다... 그리하~~~여~~~!! 만들게 된 것이지요..... 지금 바로 오른쪽에 보이는 그놈입니다.. 제목에도 나와 있듯이 페이지가 길때만 해당 버튼 메뉴들이 나타나고 스크롤바를 따라 다닌답니다...ㅎㅎ 간단하게 적용할수 있도록 쉽게 설명 하겠습니다욧~! 먼저 첫번째 소스인 스타일시트를 관리자 모드 스킨>HTML/CSS편집에서 style.css 암때나... body {어쩌고~} 밑에 정도? 에 넣어줍니다.. /*-- (고정 css) --*/ #scrollmenu { position: fixed; right:0; bottom: 0;..
[티스토리팁]티스토리_다음 뷰ON 페이지하단에 고정시키기~! 간만에 티스토리 팁을 하나 올려봅니다.... 고민하다가 적용을 하게 되어 이렇게 올리는데... 문제는 없겠죠?? 여러 가지 방법으로 많이들 하시니깐.... 제가 이번에 올릴 팁은 다음에서 제공되는 다음 뷰ON 추천버튼을 티스토리 하단에 고정시키는 팁입니다. 아주 간단합니다.. 아래 소스를 티스토리 HTML편집에서 style.css 파일 맨 하단에 넣어주시면 됩니다. .blogger-news-widget{ background: url(images/배경이미지주소(550*80_원하는 사이즈).jpg) center bottom no-repeat; text-decoration: none; position: fixed; right:0; bottom: 0; width:550px; height:80px; z-index..
[티스토리 팁]페이지가 길때만 TOP버튼이 생기게 하기 이번 팁은 기존 고정된 광고 달기+화면 넓이에 따라 HIDE/SHOW 를 활용한 팁입니다. 우선 코드는 아래와 같습니다. 1, TOP이미지가 보여지는 부분 2, 화면길이에 따라 HIDE&SHOW를 해주는 스크립트 적용 방법은 먼저 TOP이미지로 쓸 이미지를 티스토리 스킨편집에 파일업로드를 통해 업로드 한후 적용하고 하는 위치에 1번 코드와 2번 코드를 같이 넣습니다. 그리고 2번코드에서 빨간색 부분을 자신이 나타내고자 하는 범위를 지정합니다. 저는 현재 2000px이하 일때는 숨기고 ,3000px 보다 길때 보여지도록 지정해 놓았습니다. 간단하죠?? 모르는 부분이 있으면 댓글 달아주시면 알려드릴게요^^
[티스토리 팁]티스토리에 왼쪽 또는 오른쪽에 고정된 광고 달기+브라우저(페이지) 크기에 따른 노출 유무 적용 또~!!! 간만에 티스토리 팁을 올립니다. 아주 예전 티스토리에 귀여운 캐릭터를 달아 볼까요 포스팅을 응용한 팁으로써 아주 간단하게 적용 하실수 있습니다. 우선 적용할 광고 또는 이미지링크 등을 만들어 둬야 겠죠? 저는 구글 애드센스를 이용하기 때문에 애드센스를 달아 보도록 하겠습니다. 코드는 아래와 같습니다. 1, 광고가 보여질 레이어 광고 또는 이미지 링크 들어가는곳 2, 광고를 고정 시켜주는 스타일시트 /*-- (고정광고 css) --*/ #flotante { position: fixed; right: 0; bottom: 0; height: 250px; width: 250px; text-decoration: none; } 3, 브라우저크기에 따라 노출 유무 스크립트 이제 코드 확인이 끝났다면 적용을..

반응형