2008. február 1., péntek

Hajtás

Utálod, hogy a blogod kezdőlapján a teljes szöveg látszik, pedig csak egy rövid bevezetőt szeretnél mutatni? A többit elrejtheted egy link mögé.

1. Módosítani kell a sablonod. Szúrd be ezt a kódot a </head> tag elé:
<style>
<b:if cond='data:blog.pageType != "item"'>
.posthidden {display:none}
.expandLink {display:inline}
<b:else/>
.expandLink {display:none}
.posthidden {display:inline}
</b:if>
.postshown {display:inline}
.posthiddenViewTypeUndepandent {display:none}
.expandLinkViewTypeUndepandent {display:inline}
</style>
<script type='text/Javascript'>
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
} else {
whichpost.className="postshown";
}
}
</script>

2. Mentsd el a sablont.

3. A blog bejegyzésbe így teszed be az elrejthető blokkot (HTML nézetben):
<span class="posthidden" id="$egyediID$">
Ide kerül az elrejthető szöveg
</span>
<span class="expandLink">
<a href="javascript:expandcollapse('$egyediID$')">$link_szoveg$</a>
</span>

ahol

$egyediID$ - ennek az elrejtett blokknak az egyedi azonosítója
$link_szoveg$ - A szöveg, ami a linket rejti

Forrás

Akarom a többit...

2 megjegyzés:

Betond írta...

Nagyon sokat görcsöltem vele, mire úgy mutatja, ahogy. Megérte? Elválik.

Csepp-Csepel Táncegyüttes írta...

A blog nem arra való,hogy felírd, amit tudatni szeretnél a nagyvilággal? Én nem pöcsölnék ennyit vele. Mondom Én.