standardスタイルの変更

standardスタイルの変更

- Takumi NAKANO の投稿
返信数: 8

moodle2.5.1でthemeのstandardを利用していますが,トップページにニュースアイテムを表示させると図のように左右の角が丸く表示されます.修正するために,テーマのスタイルファイルなどを探しましたが,該当する箇所が見当たりません.ファイルは,修正個所など,情報があれば,お知らせください.

添付 ToppicNews.jpg
Takumi NAKANO への返信

Re: standardスタイルの変更

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators

下記修正をお試しください。

修正対象ファイル: theme/standard/style/css3.css

修正箇所: 185行目

[ 修正前 ]
.path-calendar .maincalendar,
.path-calendar .sidecalendar,
.path-calendar td.sidecalendar .block,
.loginbox,
.userinfobox,
.groupinfobox,
.forumpost,
.block .content,
.glossarycomment {
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


[ 修正後 ]
.path-calendar .maincalendar,
.path-calendar .sidecalendar,
.path-calendar td.sidecalendar .block,
.loginbox,
.userinfobox,
.groupinfobox,
.block .content,
.glossarycomment {
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

Mitsuhiro Yoshida への返信

Re: standardスタイルの変更

- Takumi NAKANO の投稿

吉田様 アドバイス,ありがとうございます.
修正(削除)を行いましたが,表示が変わりませんでした.
その他でも指定があるのでしょうか?
情報があれば,お知らせください.

Takumi NAKANO への返信

Re: standardスタイルの変更

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators

お使いのブラウザのキャッシュとMoodeデータディレクトリ (config.php内の「$CFG->dataroot」) 内にあるcacheディレクトリを削除してください。

Mitsuhiro Yoshida への返信

Re: standardスタイルの変更

- Takumi NAKANO の投稿

指摘の通り,ブラウザのキャッシュを削除したら,四角の角が表示されました.

ありがとうございました.

Takumi NAKANO への返信

Re: standardスタイルの変更

- Takumi NAKANO の投稿

同じような表示がカレンダーのイベントでも表示されます.
同じようにcssを修正すれば,対応できる思いますが,どのように調べて,修正個所を見つけるかなどの方法があれば,お知らせください.

添付 CalenderEvent.jpg
Takumi NAKANO への返信

Re: standardスタイルの変更

- Mitsuhiro Yoshida の投稿
画像 Developers 画像 Particularly helpful Moodlers 画像 Translators

テーマのスタイルディレクトリ (例 theme/standard/style) 内のcssファイルに記述されている「border-radius」プロパティによって、要素の角が丸くなる角丸表示になります。

私の場合、表示されたページのHTMLコードを確認した後、恐らくこの部分だろうと予想して、「border-radius」プロパティに関係する箇所を削除しています。今回のカレンダーのイベントに関しましては、試しに下記のように該当箇所を削除してみました。

修正対象ファイル: theme/standard/style/css3.css

修正箇所: 132行目

[ 修正前 ]
.path-calendar .eventlist .event,
.glossarypost,
#page-mod-journal-view .feedbackbox{
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.path-calendar .eventlist .event .side,
.glossarypost .side,
#page-mod-journal-view .feedbackbox .side {
  -moz-border-radius-bottomleft:15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.dir-rtl.path-calendar .eventlist .event .side,
.dir-rtl .glossarypost .side,
.dir-rtl#page-mod-journal-view .feedbackbox .side {
  -moz-border-radius-bottomleft:0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.path-calendar .eventlist .event .description,
.encyclopedia .entrylowersection,
#page-mod-journal-view .feedbackbox .entrycontent {
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dir-rtl.path-calendar .eventlist .event .description,
.dir-rtl .encyclopedia .entrylowersection,
.dir-rtl#page-mod-journal-view .feedbackbox .entrycontent {
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft:15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

[ 修正後 ]
.glossarypost,
#page-mod-journal-view .feedbackbox{
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.glossarypost .side,
#page-mod-journal-view .feedbackbox .side {
  -moz-border-radius-bottomleft:15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.dir-rtl.path-calendar .eventlist .event .side,
.dir-rtl .glossarypost .side,
.dir-rtl#page-mod-journal-view .feedbackbox .side {
  -moz-border-radius-bottomleft:0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.encyclopedia .entrylowersection,
#page-mod-journal-view .feedbackbox .entrycontent {
  -moz-border-radius-bottomright:15px;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dir-rtl .encyclopedia .entrylowersection,
.dir-rtl#page-mod-journal-view .feedbackbox .entrycontent {
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft:15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

Mitsuhiro Yoshida への返信

Re: standardスタイルの変更

- Takumi NAKANO の投稿

アドバイス,ありがとうございます.
以前,moodledata内にあるcacheディレクトリを削除と書いてありましたが,削除するとどのような場合に作成されるのでしょうか?
また,削除しないと,テーマを修正しても,反映されないということでしょうか?
情報をご存じであれば,教えてください.よろしくお願いします.

Takumi NAKANO への返信

Re: standardスタイルの変更

- 卓弘 上村 の投稿

システムの一般的な考え方をお伝えします(Moodleの内部を熟知しているわけではありません)。

 

キャッシュとは、(表示)速度を上げるために一時的にデータをプールする場所です。

たとえば、データを千円札、キャッシュをお店のレジ、テーマのデータが銀行にあるお札とします。

いま新札が発行されて銀行のお札はすべて新札になったとします。

店のレジの千円札は出入りがあるため新札旧札がまざっています。

この時、レジからお金を全部出して、銀行から入手した新札のみを入れるのが最も手っ取り早く

新札のみをお客さんに返すことができる方法だと思います。

 

>以前,moodledata内にあるcacheディレクトリを削除と書いてありましたが,削除するとどのような場合に作成されるのでしょうか?

Moodleも上記例の仕組みになっており、cacheを削除してそのページのデータを要求された時、新データのcacheが作成されると考えられます。

 

>また,削除しないと,テーマを修正しても,反映されないということでしょうか?

削除しなくても新データが来る場合もあります(新旧の千円札がレジに混ざっている状態)が、上記の例で考えると、削除するのが確実です。