發表文章

目前顯示的是 十月, 2010的文章

簡單實做css圖片裁切

圖片
當我們在做開放給很多人可以上傳圖片的平台時,例如部落格 相簿 商城等平台。常常會遇到一個困擾:遇到不會修圖的會員,圖檔規格都很奇怪導致索引頁面跑版
像這樣:
這個時候其實我們只要做一下小小的css設定就可以矯正這個問題:
1.建立一個div把圖片包起來:

<div class=img>

<img src=\"圖片路徑\" width=\"鎖定寬度\" />

</div>
2.設定css內容 重點是要設定overflow=hidden

.img{
width:100px;
height:100px;
overflow:hidden;
}
這樣的做法,圖片本身不會受到影響,但是多餘的部分就會被隱藏起來。

這樣就會整齊一點啦!不過上傳時的圖片預先裁切才是要先做好的功課喔!

jQuery 製作下拉選單

圖片
這個其實是一套常用到的選單如下

這支程式的原理是先用html建立一個會全部顯示的主選單及子選單,用css設定子選單預設關閉當主選單被滑鼠移入時就會觸發顯示的動作。顯示的同時將依照主選單的座標來控制子選單的位置。html 部分:<div id=\"main_link\"> <div class=\"main\" id=\"a\">主選單1 <p class=\"sub\">sub1<br/>sub1</p> </div> <div class=\"main\" id=\"b\">主選單2 <p class=\"sub\">sub2<br/>sub2</p> </div> </div> <div id=\"con\">內容</div> jQuery部分
<script type=\"text/javascript\"> $(function(){ $(\".main\").mouseenter(function(){ var position = $(this).offset(); var x = position.left; var y = position.buttom ; $(\".sub\",this).slideDown(); $(\".sub\").css(\"left\",x); $(\".sub\").css(\"top\",y); }); $(\".main\").mouseleave(function(){ $(\"p\",this).hide(); }); }); </script> CSS部分
body{ marg…

Apache Mode Rewrite 安裝設定

mode rewrite的應用範圍在我們想要把顯示在url上的檔名隱藏或修改的時候

通常都是很多文章或是很多商品的時候
不想要直接把get的參數險是在網址列,這時候這個模組就會用到啦

坊間常用的WordPress就有支援這樣的功能


安裝方式:
step 1.
httpd.conf 中
#LoadModule rewrite_module modules/mod_rewrite.so
把前面的#拿掉

step 2.
一樣在httpd.conf 中找到
AllowOverride None
改成
AllowOverride All
就可以開放所有的資料夾都支援這個功能


step 3
記得重啟




附註:
如果是在有vhost的主機下要順便檢查一下vhost的檔案裡面是不是也有
AllowOverride None
如果有的話也要記得改成none