'스킨'에 해당되는 글 3건
- 2008.03.13 Tistory Skin Sidebar : Toggle Sidebar
- 2008.03.13 Tistory Skin Banner : ClustrMaps Tag
- 2008.03.13 Tistory Skin Banner : Spotplex Tag 1
Tistory Skin Sidebar : Toggle Sidebar
컴퓨터이야기 2008. 3. 13. 02:41
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;">
<!--
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>
<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>
</div>
Tistory Skin Banner : ClustrMaps Tag
컴퓨터이야기 2008. 3. 13. 02:06
<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>
<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
컴퓨터이야기 2008. 3. 13. 01:51
<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>
<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>
Site. http://www.spotplex.com/