这是tumblr的主题。这部分代码用于下拉菜单。我对这一切都很陌生,我很困惑。当我添加第5张图像时,下拉菜单停止工作。如果我添加第6张图像,它会完全打破导航。我是一个完全的业余爱好者,这只是代码的一部分...感谢任何帮助。
<!-- NAVIGATION SECOND LEVEL -->
<ul class="nav-sl image-dd-menu">
<li class="image-dd-cat image-cat-1">
{block:IfImageDropdownCategory1URL}
<a class="link-validate image-dd-pic" href="{text:Image dropdown category 1 url}">
<a href="{block:ImageDropdownCategory1PictureLink}"></a><img src="{image:Image dropdown category 1 picture}">{/block:ImageDropdownCategory1PictureLink}</a>
{block:IfImageDropdownCategory1Name}
<div>{text:Image dropdown category 1 name}</div>
{/block:IfImageDropdownCategory1Name}
{/block:IfImageDropdownCategory1URL}
{block:IfNotImageDropdownCategory1URL}
<div class="image-dd-pic">
<img src="{image:Image dropdown category 1 picture}">
{block:IfImageDropdownCategory1Name}
<div>{text:Image dropdown category 1 name}</div>
{/block:IfImageDropdownCategory1Name}
</div>
{/block:IfNotImageDropdownCategory1URL}
<div class="image-dd-links">
{block:IfImageDropdownCat1Link1Url}
<a class="link-validate" href="{text:Image dropdown cat 1 link 1 url}">{text:Image dropdown cat 1 link 1 text}</a>
{/block:IfImageDropdownCat1Link1Url}
{block:IfImageDropdownCat1Link2Url}
<a class="link-validate" href="{text:Image dropdown cat 1 link 2 url}">{text:Image dropdown cat 1 link 2 text}</a>
{/block:IfImageDropdownCat1Link2Url}
{block:IfImageDropdownCat1Link3Url}
<a class="link-validate" href="{text:Image dropdown cat 1 link 3 url}">{text:Image dropdown cat 1 link 3 text}</a>
{/block:IfImageDropdownCat1Link3Url}
{block:IfImageDropdownCat1Link4Url}
<a class="link-validate" href="{text:Image dropdown cat 1 link 4 url}">{text:Image dropdown cat 1 link 4 text}</a>
{/block:IfImageDropdownCat1Link4Url}
{block:IfImageDropdownCat1Link5Url}
<a class="link-validate" href="{text:Image dropdown cat 1 link 5 url}">{text:Image dropdown cat 1 link 5 text}</a>
{/block:IfImageDropdownCat1Link5Url}
</div>
</li>
<li class="image-dd-cat image-cat-2">
{block:IfImageDropdownCategory2URL}
<a class="link-validate image-dd-pic" href="{text:Image dropdown category 2 url}">
<img src="{image:Image dropdown category 2 picture}">
{block:IfImageDropdownCategory2Name}
<div>{text:Image dropdown category 2 name}</div>
{/block:IfImageDropdownCategory2Name}
</a>
{/block:IfImageDropdownCategory2URL}
{block:IfNotImageDropdownCategory2URL}
<div class="image-dd-pic">
<img src="{image:Image dropdown category 2 picture}">
{block:IfImageDropdownCategory2Name}
<div>{text:Image dropdown category 2 name}</div>
{/block:IfImageDropdownCategory2Name}
</div>
{/block:IfNotImageDropdownCategory2URL}
<div class="image-dd-links">
{block:IfImageDropdownCat2Link1Url}
<a class="link-validate" href="{text:Image dropdown cat 2 link 1 url}">{text:Image dropdown cat 2 link 1 text}</a>
{/block:IfImageDropdownCat2Link1Url}
{block:IfImageDropdownCat2Link2Url}
<a class="link-validate" href="{text:Image dropdown cat 2 link 2 url}">{text:Image dropdown cat 2 link 2 text}</a>
{/block:IfImageDropdownCat2Link2Url}
{block:IfImageDropdownCat2Link3Url}
<a class="link-validate" href="{text:Image dropdown cat 2 link 3 url}">{text:Image dropdown cat 2 link 3 text}</a>
{/block:IfImageDropdownCat2Link3Url}
{block:IfImageDropdownCat2Link4Url}
<a class="link-validate" href="{text:Image dropdown cat 2 link 4 url}">{text:Image dropdown cat 2 link 4 text}</a>
{/block:IfImageDropdownCat2Link4Url}
{block:IfImageDropdownCat2Link5Url}
<a class="link-validate" href="{text:Image dropdown cat 2 link 5 url}">{text:Image dropdown cat 2 link 5 text}</a>
{/block:IfImageDropdownCat2Link5Url}
</div>
</li>
<li class="image-dd-cat image-cat-3">
{block:IfImageDropdownCategory3URL}
<a class="link-validate image-dd-pic" href="{text:Image dropdown category 3 url}">
<img src="{image:Image dropdown category 3 picture}">
{block:IfImageDropdownCategory3Name}
<div>{text:Image dropdown category 3 name}</div>
{/block:IfImageDropdownCategory3Name}
</a>
{/block:IfImageDropdownCategory3URL}
{block:IfNotImageDropdownCategory3URL}
<div class="image-dd-pic">
<img src="{image:Image dropdown category 3 picture}">
{block:IfImageDropdownCategory3Name}
<div>{text:Image dropdown category 3 name}</div>
{/block:IfImageDropdownCategory3Name}
</div>
{/block:IfNotImageDropdownCategory3URL}
<div class="image-dd-links">
{block:IfImageDropdownCat3Link1Url}
<a class="link-validate" href="{text:Image dropdown cat 3 link 1 url}">{text:Image dropdown cat 3 link 1 text}</a>
{/block:IfImageDropdownCat3Link1Url}
{block:IfImageDropdownCat3Link2Url}
<a class="link-validate" href="{text:Image dropdown cat 3 link 2 url}">{text:Image dropdown cat 3 link 2 text}</a>
{/block:IfImageDropdownCat3Link2Url}
{block:IfImageDropdownCat3Link3Url}
<a class="link-validate" href="{text:Image dropdown cat 3 link 3 url}">{text:Image dropdown cat 3 link 3 text}</a>
{/block:IfImageDropdownCat3Link3Url}
{block:IfImageDropdownCat3Link4Url}
<a class="link-validate" href="{text:Image dropdown cat 3 link 4 url}">{text:Image dropdown cat 3 link 4 text}</a>
{/block:IfImageDropdownCat3Link4Url}
{block:IfImageDropdownCat3Link5Url}
<a class="link-validate" href="{text:Image dropdown cat 3 link 5 url}">{text:Image dropdown cat 3 link 5 text}</a>
{/block:IfImageDropdownCat3Link5Url}
</div>
</li>
<li class="image-dd-cat image-cat-4">
{block:IfImageDropdownCategory4URL}
<a class="link-validate image-dd-pic" href="{text:Image dropdown category 4 url}">
<img src="{image:Image dropdown category 4 picture}">
{block:IfImageDropdownCategory4Name}
<div>{text:Image dropdown category 4 name}</div>
{/block:IfImageDropdownCategory4Name}
</a>
{/block:IfImageDropdownCategory4URL}
{block:IfNotImageDropdownCategory4URL}
<div class="image-dd-pic">
<img src="{image:Image dropdown category 4 picture}">
{block:IfImageDropdownCategory4Name}
<div>{text:Image dropdown category 4 name}</div>
{/block:IfImageDropdownCategory4Name}
</div>
{/block:IfNotImageDropdownCategory4URL}
<div class="image-dd-links">
{block:IfImageDropdownCat4Link1Url}
<a class="link-validate" href="{text:Image dropdown cat 4 link 1 url}">{text:Image dropdown cat 4 link 1 text}</a>
{/block:IfImageDropdownCat4Link1Url}
{block:IfImageDropdownCat4Link2Url}
<a class="link-validate" href="{text:Image dropdown cat 4 link 2 url}">{text:Image dropdown cat 4 link 2 text}</a>
{/block:IfImageDropdownCat4Link2Url}
{block:IfImageDropdownCat4Link3Url}
<a class="link-validate" href="{text:Image dropdown cat 4 link 3 url}">{text:Image dropdown cat 4 link 3 text}</a>
{/block:IfImageDropdownCat4Link3Url}
{block:IfImageDropdownCat4Link4Url}
<a class="link-validate" href="{text:Image dropdown cat 4 link 4 url}">{text:Image dropdown cat 4 link 4 text}</a>
{/block:IfImageDropdownCat4Link4Url}
{block:IfImageDropdownCat4Link5Url}
<a class="link-validate" href="{text:Image dropdown cat 4 link 5 url}">{text:Image dropdown cat 4 link 5 text}</a>
{/block:IfImageDropdownCat4Link5Url}
</div>
</li>
</ul>
<ul class="nav-sl image-dd-menu">
<li class="image-dd-cat image-cat-5">
{block:IfImageDropdownCategory5URL}
<a class="link-validate image-dd-pic" href="{text:Image dropdown category 5 url}">
<img src="{image:Image dropdown category 5 picture}">
{block:IfImageDropdownCategory5Name}
<div>{text:Image dropdown category 5 name}</div>
{/block:IfImageDropdownCategory5Name}
</a>
{/block:IfImageDropdownCategory5URL}
{block:IfNotImageDropdownCategory5URL}
<div class="image-dd-pic">
<img src="{image:Image dropdown category 5 picture}">
{block:IfImageDropdownCategory5Name}
<div>{text:Image dropdown category 5 name}</div>
{/block:IfImageDropdownCategory5Name}
</div>
{/block:IfNotImageDropdownCategory5URL}
<div class="image-dd-links">
{block:IfImageDropdownCat5Link1Url}
<a class="link-validate" href="{text:Image dropdown cat 5 link 1 url}">{text:Image dropdown cat 3 link 1 text}</a>
{/block:IfImageDropdownCat5Link1Url}
{block:IfImageDropdownCat5Link2Url}
<a class="link-validate" href="{text:Image dropdown cat 5 link 2 url}">{text:Image dropdown cat 5 link 2 text}</a>
{/block:IfImageDropdownCat5Link2Url}
{block:IfImageDropdownCat5Link3Url}
<a class="link-validate" href="{text:Image dropdown cat 5 link 3 url}">{text:Image dropdown cat 5 link 3 text}</a>
{/block:IfImageDropdownCat5Link3Url}
{block:IfImageDropdownCat5Link4Url}
<a class="link-validate" href="{text:Image dropdown cat 5 link 4 url}">{text:Image dropdown cat 5 link 4 text}</a>
{/block:IfImageDropdownCat5Link4Url}
{block:IfImageDropdownCat5Link5Url}
<a class="link-validate" href="{text:Image dropdown cat 5 link 5 url}">{text:Image dropdown cat 5 link 5 text}</a>
{/block:IfImageDropdownCat5Link5Url}
</div>
</li>
</ul>
</li>