トップ  >   >  d3diaryサポート板 ( 前のトピック | 次のトピック )

d3diary_detail.htmlのコメントについて


投稿ツリー

ツリー構造順で表示 投稿の新しいものから

通常 d3diary_detail.htmlのコメントについて

msg# 1
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 .2 .3 | 投稿日時 2012/5/16 19:45
mac8520 

d3diary_detail.htmlのテンプレートを編集しているのですが、画像を左側に寄せてコメントを右側に表示させたいのですが、うまくいきません。

以下ソースコードです。編集した部分は、赤く表示します。
<div class="PhotoBox" style="clear:both;">

<{foreach from=$yd_photo key="num" item="photo" name="list"}>
 <{if $photo.body_in != true}>
  <{if $yd_photo|@count==1}>
   <div class="d3dPhotoCenter">
  <{elseif ($yd_photo|@count==2)&&$num==1}>
   <div class="d3dPhotoRight">
  <{else}>
   <div class="d3dPhotoLeft">
  <{/if}>
 <a href="<{$xoops_url}>/modules/<{$mydirname}>/upimg/<{$photo.pname}>" target="_blank">
 &font(Red){<img src="<{$xoops_url}>/modules/<{$mydirname}>/upimg/<{$photo.pname}>"width="480" height="350" style="border:1px solid gray;" title="<{$smarty.const._MD_PHOTO}><{$num+1}>"/></a>};
 &font(Red){<{* <p align="right"><{$smarty.const._MD_PHOTO}><{$num+1}></p> *}>};
 <{if $mod_config.photo_useinfo==1 && $photo.info}><p><{$photo.info}></p><{/if}>
 </div>
 <{* <{if $num==2 || $num==5 }><div class="clear"></div><{/if}> *}>
 <{* <{if $num==1 || $num==3 || $num==5 || $num==7 }><div class="clear"></div><{/if}> *}>
 <{/if}>

<{/foreach}>
</div><!-- /PhotoBox -->

環境
サーバー：さくらインターネット
MySQL：5.5

以上です。
いろいろ試したのですが、うまくいきません。何かヒントでも教えて頂きましたら、大変助かります。
よろしくお願いします。

投票数:0 平均点:0.00
返信する
なーお

なし Re: d3diary_detail.htmlのコメントについて

msg# 1.1
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2012/5/17 6:40 | 最終変更
なーお  長老   投稿数: 1746

mac8520さん、こんにちは。

引用：
d3diary_detail.htmlのテンプレートを編集しているのですが、画像を左側に寄せてコメントを右側に表示させたいのですが、うまくいきません。

「コメント」っていうと普通はその記事全体へのコメントのことなんですが、　変更したい「コメント」って「画像添え書き」と呼んでいる各画像の説明のことでしょうか？　であればそのテンプレートだけでは無理ですねえ。 :-(

d3dPhotoLeft、d3dPhotoRight、d3dPhotoCenter　で包んであるのでそこのstyle変えないと。 mai_style.css　テンプレートの以下の部分も合わせて編集してみてください。
なお、このstyleを変更すると画像一覧にも効いちゃいますから、別のstyleを定義して分離するなど、ご自由にどうぞ。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

.d3dPhotoLeft {
	width:<{$mod_config.photo_thumbsize+2}>px;
	vertical-align:top;
	text-align:center;
	margin:1px;
	float:left;
}
.d3dPhotoRight {
	width:<{$mod_config.photo_thumbsize+2}>px;
	vertical-align:top;
	text-align:center;
	margin:1px;
	float:right;
}
.d3dPhotoCenter {
	vertical-align:top;
	text-align:center;
	margin:1px;
	float:none;
}
投票数:0 平均点:0.00
返信する

なし Re: d3diary_detail.htmlのコメントについて

msg# 1.2
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2012/5/17 16:07
mac8520 

なーおさん、こんにちは。

返信ありがとうございます。
main_styleの所ですね。
了解しました。ありがとうございました。

投票数:0 平均点:0.00
返信する

なし Re: d3diary_detail.htmlのコメントについて

msg# 1.3
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2012/6/27 11:19
mac8520 

すいません。報告するのを忘れてました。

main_styleに以下のstyleを追加しました。

.d3dPhotoRight2 {

       width:680px;
       vertical-align:top;
       margin:2px;
       text-align:left;
       float:left;

}
.d3dPhotoLeft2 {

       width:680px;
       vertical-align:top;
       margin:2px;
       text-align:left;
       float:left;

}
.d3dPhotoCenter2 {

       width:680px;
       vertical-align:top;
       margin:2px;
       text-align:left;
       float:left;

}

あとは、Divのidを変更して完了しました。
以上です。
また、何かありましたら、よろしくお願いします。

投票数:0 平均点:0.00
返信する
ツリー構造順で表示 投稿の新しいものから

このトピックに投稿する

題名
ゲスト名
投稿本文
  条件検索へ