阿杰老師部落格教室 (New)

 (閱讀全文)

有些模版的迴響表單標題的文字位置不是顯示的很正確。也可以用下面的方式來修正哦！

開啟   commentform.template   ，加入紅字部份

<form id="NewComment" action="{$url->getBaseUrl()}/index.php" method="post">
<h3 class="title"><div style="text-align: center;padding-top:20px; ">{$locale->tr("add_comment")}</div></h3>

原本的置頂文章因為是套用選單的樣式，所以寬度太窄了！修改方式如下：

先將  roodo.css   樣式表中的 side 複製一份後，更名為  side01

.side01{
background:#ffffff;
font-size:12px;
text-align:left;
line-height:125%;
padding:10px 0px;
width:570px;  /* 加大寬度 */
}

 (閱讀全文)

如果要對圖的模版，寬度就一定要特別注意！

可以搜尋 gif  jpg 的方式來找到圖檔相關的部份。 

背景部份  (置中)

body {
background: #fff url("back.gif") repeat-y  50% 30px;
text-align: center;
font-family: verdana ,arial ,sans-serif;
color: #505050;
}

PS :    background: #fff url("back.gif") repeat-y  50% 30px;

代表基礎底色為白色  使用背景圖  back.gif  只有Y軸方向重覆  向右50% 顯示(置中)  向下 30 像素。

接著調整主寬度

 div#container {
/*  background: url("conback.gif");  */
background: url("conback.gif")  repeat-y 50%;
margin: 0 auto;

/*  width: 830px */

width: 980px; 
text-align: center;
word-break: break-all;
}

調整文章寬度

 div#content {
float: left;
/* width: 580px; */
width: 700px;
text-align: center;
/*  margin: 5px 195px 100px; */
margin-left: 5px;
}

調整頁頭主圖位置 (置中及指定寬度) 

div#banner {
/*  background: url("head.gif") no-repeat  ; */
background: url("head.gif") no-repeat  50% ;
height: 270px;
width: 980px
}

重新上傳圖檔。

完成收工！ 

新加入「熱門文章 」外掛。

如果啟用外掛後仍看不到「熱門文章 」外掛。

需要在「自訂模版」的 links.template 選單模版檔中適當的位置加入一些程式碼！

2008年下半年-資訊課程

對課程有興趣的老師，請留意「教師研習電子護照」
要早點報名哦！不然熱門課程很容易就會額滿的。

阿杰老師-多媒體e學園 行事曆 http://jstudio.idv.tw/modules/piCal/

 (閱讀全文)

今天的教學部落格

http://www.tiec.tp.edu.tw/lt/blog/98

如果寬度是預設給 800 x 600 螢幕的模版。要放大一點的圖就不方便。有時會超出文章的範圍或破壞版面！

其實只要修改幾個小地方就可以啦！ 你可以參考使用的模版修改類似這些 CSS ！

參考範例

http://www.tiec.tp.edu.tw/lifetype/1413

 (閱讀全文)