2017-05-03 8 views
0

私はConfluenceを初めて使用しています。私はデコレータとCSSを演奏しています。CSSファイル内の背景イメージのディレクトリとは何ですか?

これは私のアトラシアン-plugin.xmlのです:mysite.cssで

<plugin-info> 
    <description>${project.description}</description> 
    <version>${project.version}</version> 
    <vendor name="${project.organization.name}" url="${project.organization.url}" /> 
    <param name="plugin-icon">images/ohanaFavicon.png</param> 
    <param name="plugin-logo">images/ohanaPluginLogo.gif</param> 
</plugin-info> 

<resource type="i18n" name="i18n" location="mysite" /> 

<web-resource key="mysite-resources" name="mysite Web Resources"> 
    <dependency>com.atlassian.auiplugin:ajs</dependency> 
    <context>mysite</context> 
</web-resource> 

<theme key="mysiteheme" name="Mysite Theme" class="com.atlassian.confluence.themes.BasicTheme"> 
    <description>A theme for tests</description> 
    <param name="includeClassicStyles" value="false" /> 
    <resource type="download" name="default-theme.css" location="/includes/css/default-theme.css"> 
     <param name="source" value="webContext" /> 
    </resource> 
    <resource type="download" name="mysite.css" location="/theme-mysite/css/mysite.css" />  
    <resource type="download" name="mysite.js" location="/theme-mysite/js/mysite.js" /> 
    <resource type="download" key="images" name="images/" location="/theme-mysite/images"/> 
    <layout key="${atlassian.plugin.key}:main" /> 
</theme> 

<layout key="main" name="Main Decorator" overrides="/decorators/main.vmd" class="com.atlassian.confluence.themes.VelocityDecorator"> 
    <resource type="velocity" name="decorator" location="/theme-mysite/decorators/main.vmd" /> 
</layout> 

、私は次のCSSルールがあります、しかし

background: url(images/header-bkgd.png) 5px -115px; 

をI背景画像の表示を見ることができない。私がしたことに何が欠けているのですか? "images"ディレクトリは、 "resources"ディレクトリの下にある "theme-mysite"ディレクトリの下にあります。

より広範な質問:私は書籍<を読んで、かなりのオンライン検索をしました。しかし、CSSファイルで背景イメージを参照する方法を説明するサンプルやチュートリアルはまだ見つかりません。そのような知識をどこで得るべきか?

ベスト。

更新

私はこの試み:コンフルエンスの変化をみると、Chromeは画像のために404を示し、それへのパスである

background: url(../images/header-bkgd.png) 

を:

http://localhost:1990/confluence/s/en_GB/6441/NOCACHE/1.0.0-SNAPSHOT/_/download/resources/images/header-bkgd.png 

私も試しました

background: url(../theme-mysite/images/header-bkgd.png); 

Chromeで生成されたパスは、次のとおり

http://localhost:1990/confluence/s/en_GB/6441/NOCACHE/1.0.0-SNAPSHOT/_/download/resources/theme-mysite/images/header-bkgd.png 

画像は存在しません。

答えて

0

あなたが最後にそれは自分自身を解決しました。この

background: url(../images/header-bkgd.png) 5px -115px; 
+0

ホアンは、おかげでで鳴るのために私はそれを試してみましたが、それが機能していません。投稿への私の更新を参照してください。 – curious1

0

のように変更してみてください。私はこれを追加する必要があります。

<resource type="download" key="images" name="images/" location="/theme-mysite/images"/> 

外「...」

関連する問題