티스토리 플래시 베너 [pika tistory banner]

Category : Web/Design     Posted at 2008.09.25 05:34
 

Powered by tistory 베너입니다.
그냥 넣으면 별로 예쁘지가 않아서 살짝 움직임을 넣어봤습니다.
200*60으로 사이드바 크기가 맞으면 사이드바에 사용하셔도 되지만
200보다 작은 경우엔 푸터에 사용하시길 권장합니다.
* 사이즈를 줄이면 아이콘 이미지가 깨져 보이니 소스 그대로 사용하는 것이 가장 예쁩니다.

적용 방법)
1. 하단에 링크된 플래시 파일을 다운 받으신 후 스킨직접 올리기로 업로드 시킵니다.

2. 다음의 소스를 넣고자하는 위치에 (사이드바 혹은, 푸터) 맞추어서 스킨html/css 수정에서
직접 skin.html에 넣어 줍니다.

3. 적용하실 파일 이름을 확인하신 후 아래 소스 2번째 줄의 './images/pika1or2_tbn_컬러_by_cream_ahnma.swf' 부분의 1or2컬러를  수정해 줍니다.


적용 소스)
<script>
   FIN("<embed src='./images/pika1or2_tbn_컬러_by_cream_ahnma.swf'
</script> quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='200' height='60' wmode='transparent' allowScriptAccess='always'></embed>");


적용 예)

<!-- 푸터 시작 -->
<div id="footer">
<div class="copyright">
<a href="">크림*앙마</a> ⓒ 2008
<br><script>
 FIN("<embed src='./images/pika2_tbn_po_by_cream_ahnma.swf' quality='high'  pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='200' height='60' wmode='transparent' allowScriptAccess='always'></embed>");
</script>
</div>
</div>
<!-- 푸터 끝 -->

오리지날과 비슷한 펌프킨 오렌지를 푸터에 간단히 적용해 보았습니다

사용자 삽입 이미지


버전)
- pika1
- pika2


pika1은 정신없는 게 싫으신 분들을 위한 버전입니다.
깜빡거리는 'tistory' 문자만 생략했고,
pika2와 같이 아이콘 반짝이와 마우스 오버시 튕기는 효과는 동일합니다.
* 위 플래시는 오브젝트로 넣어 링크가 되지 않습니다.
적용방법 소스로 스킨에 넣으시면 티스토리 링크가 자동으로 적용됩니다.



컬러 네임)


* 적용해 보시면 플래시 색상이 이보다 더 예쁘게 나온답니다.



저작자 표시 비영리 변경 금지
신고
Posted by 크림*앙마

::: Write a comment :::

  1. Favicon of http://www.tnddj.com BlogIcon Nike Shox commented at 2012.04.24 17:58 신고 │ + - │ add a new comment


    <a href="http://www.tnddj.com/">Nike Shox</a>
    <a href="http://www.tnddj.com/">nike shox rivalry </a>
    <a href="http://www.tnddj.com/">shox </a>
    <a href="http://www.tnddj.com/">shox rivalry </a>
    <a href="http://www.tnddj.com/">nike shox pas cher </a>
    <a href="http://www.tnddj.com/">shox pas cher </a>


    <a href="http://www.tn-tnfrance.com/">air max pas cher </a>
    <a href="http://www.tn-tnfrance.com/">tn air max pas cher </a>
    <a href="http://www.tn-tnfrance.com/">requin cher </a>
    <a href="http://www.tn-tnfrance.com/">pas cher air max </a>
    <a href="http://www.tn-tnfrance.com/">tn requin</a>
    <a href="http://www.tn-tnfrance.com/">air max tn</a>


    <a href="http://www.chaussuresniketnrequin.com/">TN Requin</a>
    <a href="http://www.chaussuresniketnrequin.com/">Nike TN</a>
    <a href="http://www.chaussuresniketnrequin.com/">Chaussures Nike TN</a>
    <a href="http://www.chaussuresniketnrequin.com/">Nike TN Requin</a>

    <a href="http://www.tnrequintnpascher.com">TN Requin</a>
    <a href="http://www.tnrequintnpascher.com">TN Pas Cher</a>
    <a href="http://www.tnrequintnpascher.com">Nike TN</a>
    <a href="http://www.skytnn.com/">Nike air max</a>
    <a href="http://www.skytnn.com/">TN REQUIN</a>
    <a href="http://www.skytnn.com/">Puma Pas Cher</a>

    <a href="http://www.tnrequins2012.com">TN Pas Cher</a>
    <a href="http://www.tnrequins2012.com">Nike tn 2012</a>
    <a href="http://www.tnrequins2012.com">tn foot locker</a>

    <a href="http://www.tnpascherchine.com">TN REQUIN</a> <a href="http://www.tnpascherchine.com">Nike TN</a> <a href="http://www.tnpascherchine.com">Nike Requin</a> <a href="http://www.tnpascherchine.com">Chaussure Requin</a> <a href="http://www.tnpascherchine.com">Air Max Requin TN Pas Cher</a> <a href="http://www.tnpascherchine.com">Puma Pas Cher</a>

  2. Favicon of http://www.tnddj.com BlogIcon Nike Shox commented at 2012.04.24 17:58 신고 │ + - │ add a new comment


    <a href="http://www.tnddj.com/">Nike Shox</a>
    <a href="http://www.tnddj.com/">nike shox rivalry </a>
    <a href="http://www.tnddj.com/">shox </a>
    <a href="http://www.tnddj.com/">shox rivalry </a>
    <a href="http://www.tnddj.com/">nike shox pas cher </a>
    <a href="http://www.tnddj.com/">shox pas cher </a>


    <a href="http://www.tn-tnfrance.com/">air max pas cher </a>
    <a href="http://www.tn-tnfrance.com/">tn air max pas cher </a>
    <a href="http://www.tn-tnfrance.com/">requin cher </a>
    <a href="http://www.tn-tnfrance.com/">pas cher air max </a>
    <a href="http://www.tn-tnfrance.com/">tn requin</a>
    <a href="http://www.tn-tnfrance.com/">air max tn</a>


    <a href="http://www.chaussuresniketnrequin.com/">TN Requin</a>
    <a href="http://www.chaussuresniketnrequin.com/">Nike TN</a>
    <a href="http://www.chaussuresniketnrequin.com/">Chaussures Nike TN</a>
    <a href="http://www.chaussuresniketnrequin.com/">Nike TN Requin</a>

    <a href="http://www.tnrequintnpascher.com">TN Requin</a>
    <a href="http://www.tnrequintnpascher.com">TN Pas Cher</a>
    <a href="http://www.tnrequintnpascher.com">Nike TN</a>
    <a href="http://www.skytnn.com/">Nike air max</a>
    <a href="http://www.skytnn.com/">TN REQUIN</a>
    <a href="http://www.skytnn.com/">Puma Pas Cher</a>

    <a href="http://www.tnrequins2012.com">TN Pas Cher</a>
    <a href="http://www.tnrequins2012.com">Nike tn 2012</a>
    <a href="http://www.tnrequins2012.com">tn foot locker</a>

    <a href="http://www.tnpascherchine.com">TN REQUIN</a> <a href="http://www.tnpascherchine.com">Nike TN</a> <a href="http://www.tnpascherchine.com">Nike Requin</a> <a href="http://www.tnpascherchine.com">Chaussure Requin</a> <a href="http://www.tnpascherchine.com">Air Max Requin TN Pas Cher</a> <a href="http://www.tnpascherchine.com">Puma Pas Cher</a>

  3. Favicon of http://www.essaywritingpaper.com/dissertation-help/ BlogIcon Dissertation Help commented at 2012.07.25 08:34 신고 │ + - │ add a new comment

    I am really impressed by this blog! Very clear explanation of issues is given and it is open to everyone. thanks for posting this work of yours..this is very good!

  4. Favicon of http://www.upme.fr BlogIcon www.upme.fr commented at 2012.12.11 18:46 신고 │ + - │ add a new comment

    Thank you for the good writeup. It in fact was * amusement account it. Look advanced to far added agreeable from you!

  5. Favicon of http://www.turbotaxprice.com/ BlogIcon hEI commented at 2013.01.17 11:31 신고 │ + - │ add a new comment


    FLASH memory [url=http://www.64gbusbmemorysticks.com/]http://www.64gbusbmemorysticks.com/[/url]is rewritable, also programmable for other [url=http://www.turbotaxdeluxe2012download.com/]turbotax deluxe 2012 download[/url]storage CISCO IOS[url=http://www.turbotaxprice.com/]turbotax 2012[/url] version for upgrading the IOS on switches,[url=http://www.drdrebeatsearbuds.info/]dr dre beats headphones[/url] routers. Switches, routers[url=http://www.quicken2013sale.com/]quicken 2013[/url] interface is used to connect to the network,[url=http://www.drdrebeatsheadphones.info/]beats headphones[/url] the LAN interface and WAN interface [url=http://www.quickenpremier2013download.com/]http://www.quickenpremier2013download.com/[/url]can be divided into two kinds. Since the switch, router models different interface number and type are not the[url=http://www.beatsbydrdrestudio.info/]cheap beats by dr dre studio[/url] same. Common interfaces are mainly [url=http://www.turbotaxdownload.net/]turbotax download 2012[/url]the following: high-speed synchronous serial port,[url=http://www.quickenpersonal.com/]http://www.quickenpersonal.com/[/url] can be connected to the DDN, Frame[url=http://www.beatsstudioheadphones.info/]cheap beats studio headphones[/url] Relay (Frame Relay),[url=http://www.quickendownload.net/]quicken 2013 download[/url] X.25, PSTN (analog telephone line). [url=http://www.windows8downloadupgrade.com/]cheap windows 8 key[/url]Synchronous / asynchronous serial port, available software, the port is set to the synchronization work.

티스토리 툴바