Joomla 写風

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく
Home 写風初心者導入編1.5x このサイトで行ったこと 画像に画像枠(border)を反映させる

画像に画像枠(border)を反映させる

Eメール 印刷 PDF

 

  border を反映させる !

この「Joomla! 初心者導入編」を作成中しばしば思ったのは途中で画像と文章の区別がつきにくことである。
画像に枠線囲いを行うことによって文章と画像が明確になり区別がはっきりする。
1つは CSS スタイルの設定による方法でもう1つは記事に直接書き込む方法である。

前者の方法から説明します。

【CSS スタイルの設定による方法】

ここで使用しているテンプレート ja_purity であるが、デフォルトのままでは記事の中で HTML 編集に切り替え「border="0"」のところを「border="1"」 に修正を入れても反映されない。
調べた結果、次の修正を加えれば「border="1"」が反映されるようになった。

修正手順は以下の通りです。

先ず「エクステンション」→「テンプレート管理」をクリックします。

 

 

テンプレート一覧から「JA_Purty」をクリックします。

 

 

「JA_Purty」の編集画面が出ますので右上の「CSS 編集」をクリックします。

 

 

編集一覧から「template.css」の左ボタンにマークを ON にします。

 

 

次に右上の「編集」をクリックします。

 

 

上から142 行目あたりに

image {
border: none;
}

 

の行を見つけます。
「 none 」を「1」に置き換えます。そして「保存」します。

 

 

そして次は実際の記事編集作業で次のような操作をします。
2つの方法がありますがいずれか一方を実行します。

上段部「HTML]ボタンをクリック

もう1つは記事編集で次のような操作をします。
画面の最下部「コード/HTML 切替」ボタンをクリックするかの何れかの方法で行います。

クリックすると下のような HTML 編集画面になりますのですべての「border="0"」→「border="1"」の修正を加えます。

この画面は上段部の「HTML」ボタンを押したときで、この場合修正後は下の「更新」ボタンを押してください。

 

 

記事編集画面では画像枠が入っているのかどうかの効果は現れません。プレビューすると初めてその効果が見られるようになります。まだ入ってないと判断してしまわないよう注意して

 

 CSS のチェックをすることが出来ます。フロントページの最下段の CSS をクリックすると検証することが出来ます。

 

CSS をクリックすると下のような画面が出て検証してくれます。この検証結果でエラーの発生が出ると思われますが気にすることはありません。「border="1"」を設定することによる他への障害はありません。

 

【記事に直接書き込む方法】

HTML 編集に切り替え記事中の Image 文書中に以下のように赤字部分を追加し書き込む。
<img style="border: black 1px solid;" src="/joomla/images/stories/Storage/image01.jpg" border="0" alt="" />
このとき文章「border="0"」はそのままでも支障ない。

参考:JCE の導入によって画像の挿入を行うことによって上記と同操作を行うことが出来る。

image276-3

赤の囲み「挿入」をクリックすると目的の画像を読み込む。「線」の設定幅、スタイル、実線、色を下のように入力してインサートすると上記と同等なデータが書き込まれる。

image276-4

 

 

最終更新 2013年 10月 14日(月曜日) 17:20  
Home 写風初心者導入編1.5x このサイトで行ったこと 画像に画像枠(border)を反映させる

写風お勧め Extemtion

秋づいた美山町

  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow
  • An Image Slideshow

Movies

アンケート

Joomla!を何に利用しますか?
 

オンライン中のユーザー

現在
 ゲスト 41 人
 がオンラインです

ニュース速報

ウェブサイトについてひとつ言えば、それは常に変化するということです!Joomla!は記事やコンテンツ、イメージやビデオ等の追加を簡単に行えます。サイト管理者は'コンテンツ内'に表示される '編集' リンクをクリックすることでコンテンツを編集し管理することができます。ウェブマスターはまた、サイトを完全にコントロールできるグラフィカルなコントロールパネルからコンテンツを編集できます。