2

私が編集しているメインの wiki で名前を付けたカスタム名前空間があり、その名前空間内のすべてのページが-- --Item:として表示されるという不満があります。Item:This_itemItem:That_itemItem:Foo_item

そのスキンの Web と CSS をサーフィンしたところ、次のようなものに出会いました。

span#ca-nstab-main:before,
span#ca-nstab-user:before,
span#ca-nstab-wp:before {
content: "[ ";
}
span#ca-talk:before {
content: "& ";
}
span#ca-talk:after {
content: " ]";
}

これは、名前空間名「main例として使用します」と対応するtalkページ名を取り、[ main & talk ]代わりにとして表示しmain talkます。

「」を取り除くItem:Fooだけで表示できるようなものがあるかどうか疑問に思っていました。カテゴリーページに掲載されている商品がタグになっていることは知っています。FooItem:div#mw-pages a

おそらく、JavaScript を使用して最初の 5 文字をインラインで削除する方法はありますか? この wikiでは$wgAllowUserJsが false に設定されているため、「インライン」と言います。

編集：ウィキコアはそれを次のように解析します：

<style type="text/css">
/*<![CDATA[*/      
a[title^=&quot;Item:&quot;] {
    font-family: 'Lucida Grande', Geneva, Arial, Verdana, monospace;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    text-indent: -2.1em;
}
/*]]>*/       
</style>

引用符が解析されないようにするにはどうすればよいですか? トリックはありますか? font-family 行で、二重引用符の代わりに単一引用符を使用できますか?

4

2 に答える 2

2

CSS しか使用できない場合は、このようなことを試すことができます。( http://jsfiddle.net/zPJHU/ )

li a {
/* monospace fonts may be more consistant cross browsers */
font-family: "Courier New", monospace;
font-size: 1em;
display:inline-block;
overflow:hidden;
text-indent: -2.9em; /* may have to play with this value */
}
li a:hover{
    font-size: 1.8em; /* just for demonstration of font-size increase */
}

デモ マークアップ:

<p>Hover over links to increase font-size</p>
<ul>
    <li><a href="#Item:wicket" title="This really says: 'Item:Wicket'">Item:Wicket</a></li>
    <li><a href="#Item:chewbacca" title="This really says: 'Item:Chewbacca'">Item:Chewbacca</a></li>
    <li><a href="#Item:obiwan" title="This really says: 'Item:Obi Wan Kenobi'">Item:Obi Wan Kenobi</a></li>
</ul>
于 2012-04-20T01:16:40.143 に答える
0

それが機能するかどうかはわかりませんが、適切な位置にスパンの開始/終了タグを前に追加して追加すると、次のようになります。

<span class="hideme">Foo:</span>Bar

私が言ったように、試したことはありませんが、別の方法がわからず、css を使用するだけでコンテンツをカットする可能性はないかもしれません。JavaScriptがそれを行う必要があります。

于 2012-04-19T23:55:34.270 に答える