'티스토리'에 해당되는 글 3건

  1. 2008.03.13 Tistory Skin Sidebar : Toggle Sidebar
  2. 2008.03.13 Tistory Skin Banner : ClustrMaps Tag
  3. 2008.03.13 Tistory Skin Banner : Spotplex Tag 1

Tistory Skin Sidebar : Toggle Sidebar

사용자 삽입 이미지

Before Click


사용자 삽입 이미지

After Click


사용자 삽입 이미지

Editting Tistory Skin Sidebar



CodeBanner #1 : Set javascript & Open Divs
<script language="javascript" type="text/javascript">
<!--
function toggle_visible(id) {
   var obj = document.getElementById(id);
   if (obj.style.display=='')
   obj.style.display = 'none';
   else
   obj.style.display = '';
}
-->
</script>
<div>
<h3 onClick="javascript:toggle_visible('ons_sidebar');"><a>*</a></h3>
<div id="ons_sidebar" style="text-align:center; display:none;">


CodeBanner #2 : Some banner tags
(Below is a tag of Spotplex and ClustrMaps.)
<div>
<a href="http://www.spotplex.com/code/1854100"><img src="http://cfs.tistory.com/blog/plugins/Spotplex/img/spotplex-widget-logo-small.gif" border="0"></a>
</div>
<div>
<a href="http://www4.clustrmaps.com/counter/maps.php?url=http://ons.tistory.com" id="clustrMapsLink"><img src="http://www4.clustrmaps.com/counter/index2.php?url=http://ons.tistory.com" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onError="this.onError=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com'" />
</a>
</div>


Graphic Statistics
Instead of a CodeBanner, other plug-ins or modules that offered by Tistory can be inserted.


CodeBanner #3 : Close Divs
</div>
</div>

Tistory Skin Banner : ClustrMaps Tag

<div style="text-align: center">
<a href="http://www4.clustrmaps.com/counter/maps.php?url=http://ons.tistory.com" id="clustrMapsLink"><img src="http://www4.clustrmaps.com/counter/index2.php?url=http://ons.tistory.com" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onError="this.onError=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com'" />
</a>
</div>

Tistory Skin Banner : Spotplex Tag

<div>
<div style="text-align: center"><a href="http://www.spotplex.com/code/1854100"><img src="http://cfs.tistory.com/blog/plugins/Spotplex/img/spotplex-widget-logo-small.gif" border="0"></a></div>
</div>

prev 1 next