要找 image zoom + select slideshow 的功能 感覺這個不錯 ...保留起來
https://github.com/echochio-tw/image-zoom-with-select-slideshow
成果 : ==> 
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
發現 RWD 對於字串長度會自動換行 ..... 廢話 ...哈
造成中文字與數字混合的算出不正確長度 ,...... 
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
發現上圖寫個 web 後台有些麻煩  , scp 又有些麻煩最簡單就是 網芳了 
samba 的 /etc/samba/smb.conf 設定如下 :
[global]
        workgroup = SAMBA
        security = user
        passdb backend = tdbsam
[web_php]
    path = /var/www/html/prog
    force user = apache
    browseable = No
    read only = No
    inherit acls = Yes
[web_picture]
    path = /var/www/html/image
    force user = apache
    browseable = No
    read only = No
    inherit acls = Yes
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
寫個 visudo ....這樣 sudo su - 就不會問密碼了 ....紀錄一下
echochio        ALL=NOPASSWD: ALL
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：
▲top
之前做滑鼠移動到 左邊 就拉出 FB , 發現手機平板不好操作 , 改成點選開 , 點選關閉 
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.sidenav a:hover{
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#mwt_mwt_slider_scroll
{
    top: 0;
    right:100%;
    width:85%;
    position: fixed;
    z-index:9999;
}
#mwt_slider_content{
    background:#3c5a98;
    text-align:center;
    padding-top:20px;
}
#mwt_fb_tab {
    position:absolute;
    top:220px;
    right:-24px;
    width:24px;
    background:#3c5a98;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    padding:9px 0;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}
#mwt_fb_tab span {
    display:block;
    height:12px;
    padding:1px 0;
    line-height:12px;
    text-transform:uppercase;
    font-size:12px;
}
.closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
</style>
</head>
<body>
<script>
function openNav() {
    document.getElementById("mySidenav").style.width = "100%";
}
function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
}
</script>
<div id="mwt_mwt_slider_scroll">
<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&timesClose</a>
    <iframe src="https://你的FB網址" scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:100%; height:100%;" allowTransparency="true"></iframe>
</div>
<div id="mwt_fb_tab">
 <span onclick="openNav()">F</span>
 <span onclick="openNav()">B</span>
 </div>
</div>
</body>
</html>
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
放個固定的 skype 連結在右邊 , 讓人家可直接點選連繫
利用 table 放圖 , 第一張是 skype logo , 第一個聯絡人 , 第二聯絡人 ........
<style type="text/css">
.div_right_bottom {
  padding:3px;
  position:fixed;
  top:70%;
  right:0px;
  _position: absolute; /* position fixed for IE6 */
  _top:expression(documentElement.scrollTop+100);
  z-index:3;
}
</style>
<table class="div_right_bottom">
<tr>
<td><a><img border="0" src="../skype-01.gif"></a></td>
</tr>
<tr>
<td><a href="skype:test@com.tw?chat"><img border="0" src="../skype-02.gif"></td>
</tr>
<tr>
<td><a href="skype:testcom?chat"><img border="0" src="../skype-03.gif"></td>
</tr>
</table>
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
在網頁的左邊放個收起來的 FB 網址 .... 放個收起來的 iframe ....可拉出收起來 ...
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
 <style type="text/css"> 
#mwt_mwt_slider_scroll
{
    top: 0;       
    right:100%;
    width:85%;    
    position: fixed;
    z-index:9999;
}
#mwt_slider_content{
    background:#3c5a98;
    text-align:center;
    padding-top:20px;
}
#mwt_fb_tab {
    position:absolute;
    top:20px;
    right:-24px;
    width:24px;
    background:#3c5a98;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;    
    text-align:center;
    padding:9px 0;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;    
}
#mwt_fb_tab_auto {
    position:absolute;
    top:20px;
    right:-24px;
    width:24px;
    background:#3c5a98;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;    
    text-align:center;
    padding:9px 0;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;    
}
#mwt_fb_tab span {
    display:block;
    height:12px;
    padding:1px 0;
    line-height:12px;
    text-transform:uppercase;
    font-size:12px;
}
 </style>
 
<script type='text/javascript' src='https://code.jquery.com/jquery-1.9.1.min.js'></script>
<script type='text/javascript'>
$(function(){
    var w = $("#mwt_slider_content").width();
    $('#mwt_slider_content').css('height', ($(window).height() - 20) + 'px' ); //將區塊自動撐滿畫面高度
    
    $("#mwt_fb_tab").mouseover(function(){ //滑鼠滑入時
            $("#mwt_mwt_slider_scroll").animate({ left:'0px' }, 600 ,'swing');
    });
    
    
    $("#mwt_slider_content").mouseleave(function(){　//滑鼠離開後
        $("#mwt_mwt_slider_scroll").animate( { left:'-'+w+'px' }, 600 ,'swing');    
    });
    
});
</script>
</head>
<body>
<div id="mwt_mwt_slider_scroll">
 <div id="mwt_fb_tab">
 
 <span>F</span>
 <span>B</span>
 </div>
<div id="mwt_slider_content">
    <iframe src="https://zh-tw.facebook.com/你的FB" scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:100% ; height:100%;" allowTransparency="true"></iframe>
</div>
</div>
</body>
</html>
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="jQuery-On-Hover-Image-Inner-Zoom-Plugin-jqzoomer/jqzoomer.1.0.js"></script>
<div class="demo">
  <a href="https://raw.githubusercontent.com/echochio-tw/jQuery-On-Hover-Image-Inner-Zoom-Plugin/master/large.jpg">
    <img src="https://raw.githubusercontent.com/echochio-tw/jQuery-On-Hover-Image-Inner-Zoom-Plugin/master/small.jpg">
  </a>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
                jQuery(".demo").jqzoomer();
            });
</script>
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top

完成
 
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top
改成 word-break: break-all; 好了 ......
我在 php 內加個  
<?php
echo '<style type="text/css">
.AutoNewline
{
display: inline-block;
word-break: break-word;
}
</style>
';
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top

測試了一下 , 發現外掛 Form Confirmation Emails 還 OK 紀錄一下
 
(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

▲top

有個 execl 比對 ... 慢慢看可以 ....那1000 , 10000  行勒 ?



C090301000161
C090301000161


C090301000168
C090301000168


C090302000156
C090302000156


C090302000160
C090302000160


C090302000162
C090302000162


C090302000163
C090302000163


C090302000169
C090302000169


C090302000170
C090302000172


C090303000158
C090303000158


C090304000224
C090304000224


C090304000225
C090304000225


C090306000153
C090306000153


C090307000150
C090307000150


C090307000157
C090307000157


C090307000179
C090307000179

(繼續閱讀...)

echochio 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：
▲top
第一頁 « 3 4 5 6 7
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲，請立即離開。

已滿十八歲者，亦請勿將內容提供給未成年人士。