[主題] 剛完成了另一款鎖屏...超極簡簡約美的搭配!! - iPhone4.TW

會員登入



第1頁，共4頁 1234 最後最後
顯示結果從 1 到 10 共計 38 條
  1. 02-26-2013 #1
    leeanfu

    超熱血的愛用者

    註冊日期：08-08-2009
    文章：664
    謝謝你: 18
    在 114篇文章中獲得 520個感謝
    剛完成了另一款鎖屏...超極簡簡約美的搭配!!

    此版為IPHONE5專用!!....

    4/4S的版本,附件替換下載!!

    這是我自己從大型主題中,把鎖屏分離出來!!

    真的好搭...美的冒泡!!

    圖片內紅字已註明該顯示資訊

    如有人需要.....下班後我就放出來給大家玩!! (已釋出)


    P.S我沒打算繁化,因為這個畫面,個人認為不繁化比較美!!


    以下為效果圖:





    IPHONE5
    附件下載:

    https://docs.google.com/file/d/0B44I...it?usp=sharing




    4/4S版本修改法

    1. 打開Resources/Css/Lock.css

    2. 將裡面所有內容去除替換掉以下代碼:

    代碼:
    *{
    margin: 0;
    padding: 0;
    width: 320px;
    height: 480px;
    font-family: Helvetica;
}


#Layer{
    width: 320px;
    height: 480px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:-1;
}


#Lock{
    background:url('../Images/Lock.png') center no-repeat;
    background-size: 52px 59px;
    width: 320px;
    height: 60px;
    position: absolute;
    top: 247px;
    left: 0px;
    margin: 0 auto;
    z-index:0;
}


#title{
    position: absolute;
    top: 60px;
    right: 0px;
    width: 96.7px;
    height: 20px;
    text-align: left;
    font-size: 14px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    z-index: 14;
    -webkit-animation: opa 30s linear infinite normal;
}


*-webkit-keyframes opa {
        0% {
           opacity : 1;
           color: #FFA500;
            }
        16%{
           opacity : 0.3;
            }
        33% {
           opacity : 1;
           color: #00a2ff;
            }
        50%{
           opacity : 0.3;
            }
        67% {
           opacity : 1;
           color: #fff000;
            }
        83%{
           opacity : 0.3;
            }
        100% {
            opacity : 1;
            color: #FFA500;
            }
}


.stretch {
    width:100%;
    height:100%;
}


.ClockWidget {
    position: absolute;
    text-align:center;
    margin-left:0px;
    margin-top:0px;
    width: 320px;
    height: 50px;
    top: 303px;
    right: 0px;
    down: 0px;
    left: 0px;
    z-index: 2;
}


#clock {
    font-weight: lighter;
    color: #FFFFFF;
    opacity: 0.9;
    font-size: 30px;
    text-shadow: #000000 4px 2px 2px, #000000 0px 0px 6px ;
    padding: 0 2px;
}


#second {
    position: relative;
    top: -6px;
    font-weight: lighter;
    color: #b9b3b4;
    opacity: 0.8;
    font-size: 20px;
    text-shadow: #000000 4px 2px 2px, #000000 0px 0px 6px;
    padding: 0 2px;
}


#ampm {
    position:absolute;
    top: 27px;
    right: 0px;
    font-weight: lighter;
    color: #00b5f0;
    opacity: 0.9;
    font-size: 20px;
    text-shadow: #000000 4px 2px 2px, #000000 0px 0px 6px ;
}


.month {
    position: absolute;
    text-align: center;
    width: 320px;
    height: 100px;
    top: 42px;
    font-size: 15px; 
    color: #FFFFFF; 
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    font-weight: lighter;
    z-index: 2;
    text-transform: uppercase;
    opacity: 0.8;
}


.year {
    position: absolute; 
    text-align: center;
    width: 320px;
    height: 100px;
    top: 30px;
    font-size: 30px; 
    color: #b9b3b4; 
    text-shadow: #000000 4px 2px 2px, #000000 0px 0px 6px ;
    font-weight: lighter;
    opacity:0.8;
    padding: 2px 0px 2px 0px;
    z-index: 1;
    text-transform: uppercase;
}


.main {
    text-align:center;
    color: rgba(209, 209, 209, 1);
    text-shadow: #000000 4px 2px 2px, #000000 0px 0px 6px ;
    font-size:11px;
    font-weight: lighter;
    padding:2px 2px 2px 2px;
    background-color:transparent;
}


#CalendarWidget{
    text-align:center;
    margin-left:0px;
    margin-top:01px;
    width: 320px;
    height: 50px;
    position: absolute;
    top: 171px;
    right: 0px;
    down: 0px;
    left: 0px;
    font-weight: lighter;
}


#daysofweek {
    color: rgba(209, 209, 209, 1);
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    font-size: 10px;
    padding: 0 2px;
    opacity : 0.8;
    
    
}


#days {
    width: 0px;
    height: 0px;
    color: rgba(209, 209, 209, 1);
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    font-size: 11px;
    
}


#today {
    border-radius: 2px;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    font-size: 12px;
    font-weight: bold;
    padding: 0 2px;
    opacity: 1;
}


#WeatherContainer{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 320px;
    height: 400px;
}


#TextContainer{                             /* Other */
    font-size:18px;
    font-weight: lighter;
    color:black;
}


#city{                                        /* Weather City Position */
    position: absolute;
    top: 85px;
    right: 0px;
    width: 96.7px;
    height: 20px;
    text-align: left;
    font-size: 12px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    z-index: 14;
}


#temp{                                        /* Weather Temperature Position */
    position: absolute;
    top: 120px;
    left: 0px;
    width: 106.7px;
    height: 106.7px;
    text-align: center;
    font-size: 32px;
    color: orange;
    font-weight: lighter;
    opacity: 0.8;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    text-transform: uppercase;
    z-index: 14;
}


#lowText{
    position: absolute;
    top: 137.5px;
    right: 10px;
    width: 66.7px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: lighter;
    color: #00CCFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    z-index: 14;
    opacity: 0.9;
}


#low{
    position: absolute;
    top: 125px;
    right: 10px;
    width: 66.7px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    text-transform: uppercase;
    z-index: 14;
}


#highText{
    position: absolute;
    top: 137.5px;
    right: 0px;
    width: 96.7px;
    height: 20px;
    text-align: left;
    font-size: 12px;
    font-weight: lighter;
    color: yellow;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    z-index: 14;
    opacity: 0.9;
}


#high{
    position: absolute;
    top: 125px;
    right: 66.7px;
    width: 30px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    text-transform: uppercase;
    z-index: 14;
}


#sunrise {
    position: absolute;
    top: 27.5px;
    left: 37px;
    width: 50px;
    height: 15px;
    text-align: left;
    font-size: 11px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 4px ;
    opacity: 0.8;
    z-index: 22;
}


#sunrisePNG{
    position: absolute;
    display: normal;
    top: 22px;
    left: 14px;
    height: 22px;
    width: 22px;
    opacity: 0.9;
    z-index: 22;
}


#sunset {
    position: absolute;
    top: 27.5px;
    right: 37px;
    width: 50px;
    height: 15px;
    text-align: right;
    font-size: 11px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 4px ;
    opacity: 0.8;
    z-index: 22;
}


#sunsetPNG{                                    /* Weather Icon position */
    position: absolute;
    display: normal;
    top: 22px;
    right: 14px;
    height: 22px;
    width: 22px;
    opacity: 0.9;
    z-index: 22;
}


#WidgetWall{
    width: 92px;
    height: 138px;
    position: absolute;
    top: 35.5px;
    left: 114px;
    z-index:-4;
}


#weatherIcon{                                    /* Weather Icon position */
    position: absolute;
    display: normal;
    top: 45px;
    left: 13.5px;
    height: 80px;
    width: 80px;
    opacity: 1;
    z-index: 14;
}


#desc{                                        /* Weather info Position */
    position: absolute;
    top: 100px;
    right: 0px;
    width: 96.7px;
    height: 20px;
    text-align: left;
    font-size: 11px;
    font-weight: lighter;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    z-index: 14;
    opacity: 0.7;
}


#internet{
    position: absolute;
    top: 158px;
    right: 0px;
    left: 0px;
    width: 320px;
    height: 100px;
    text-align: center;
    font-size: 11px;
    font-weight: lighter;
    color: red;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px ;
    opacity: 0.8;
    z-index: 14;
}


#lastupdate{
    position: absolute;
    top: 27.5px;
    left: 0px;
    width: 320px;
    height: 100px;
    text-align: center;
    font-weight: lighter;
    font-size: 11px;
    color: #FFFFFF;
    text-shadow: #000000 2px 1px 2px, #000000 0px 0px 3px;
    z-index: 14;
    opacity: 0.8;
}
    3. 搞定>>>重開!!
    此篇文章於 02-28-2013 00:53 被 leeanfu 編輯。
    回覆時引用此篇文章 回覆時引用此篇文章

  2. 以下 8位夥伴對於 leeanfu 分享的內容給予感謝

  3. 02-26-2013 #2
    MaxLam 的頭像
    MaxLam

    新生報到

    註冊日期：11-22-2010
    文章：6
    謝謝你: 0
    在 1篇文章中獲得 1個感謝
    辛苦啦，那..我不客氣啦
    回覆時引用此篇文章 回覆時引用此篇文章
  4. 02-26-2013 #3
    t0930844075 的頭像
    t0930844075

    超熱血的愛用者

    註冊日期：03-03-2011
    文章：595
    謝謝你: 138
    在 49篇文章中獲得 63個感謝
    Good!! 期待大大分享嚕 不過剛換上你前天那套鎖屏戰時還不會想換 不過可當收藏下次來用阿 呵呵~~
    回覆時引用此篇文章 回覆時引用此篇文章
  5. 02-26-2013 #4
    五阿哥 的頭像
    五阿哥

    超熱血的愛用者

    註冊日期：01-15-2012
    文章：3,431
    謝謝你: 453
    在 479篇文章中獲得 958個感謝
    引用 作者: leeanfu 查看文章
    剛完成了另一款鎖屏...超極簡簡約美的搭配!!

    此版為IPHONE5專用!!....

    4/4S的版本,今天晚上出!!

    這是我自己從大型主題中,把鎖屏分離出來!!

    真的好搭...美的冒泡!!

    圖片內紅字已註明該顯示資訊

    如有人需要.....下班後我就放出來給大家玩!!


    P.S我沒打算繁化,因為這個畫面,個人認為不繁化比較美!!


    以下為效果圖:


    到時候繁化我來
    這樣站友比較多選擇
    回覆時引用此篇文章 回覆時引用此篇文章

  6. 以下 4位夥伴對於 五阿哥 分享的內容給予感謝

  7. 02-26-2013 #5
    leeanfu

    超熱血的愛用者

    註冊日期：08-08-2009
    文章：664
    謝謝你: 18
    在 114篇文章中獲得 520個感謝
    引用 作者: 五阿哥 查看文章
    到時候繁化我來
    這樣站友比較多選擇
    五阿哥,謝啦.....我先在發上來...等等喔!!
    回覆時引用此篇文章 回覆時引用此篇文章

  8. 以下夥伴對於 leeanfu 分享的內容給予感謝

  9. 02-26-2013 #6
    ch22427

    剛加入我們

    註冊日期：12-23-2008
    文章：16
    謝謝你: 3
    在 0篇文章中獲得 0個感謝
    水水水喔！極簡風是百看不膩啊！先感謝兩位嚕，不過，版主的卡通圖還找不到，可以分享關鍵字嗎？
    回覆時引用此篇文章 回覆時引用此篇文章
  10. 02-26-2013 #7
    五阿哥 的頭像
    五阿哥

    超熱血的愛用者

    註冊日期：01-15-2012
    文章：3,431
    謝謝你: 453
    在 479篇文章中獲得 958個感謝
    引用 作者: leeanfu 查看文章
    五阿哥,謝啦.....我先在發上來...等等喔!!
    到時候改好我再私訊給你
    回覆時引用此篇文章 回覆時引用此篇文章
  11. 02-26-2013 #8
    leeanfu

    超熱血的愛用者

    註冊日期：08-08-2009
    文章：664
    謝謝你: 18
    在 114篇文章中獲得 520個感謝
    引用 作者: 五阿哥 查看文章
    到時候改好我再私訊給你
    我放出來了.....讓您中文化.....辛苦你了,小弟我真沒時間來中文化

    多謝五阿哥.....3Q
    回覆時引用此篇文章 回覆時引用此篇文章
  12. 02-26-2013 #9
    五阿哥 的頭像
    五阿哥

    超熱血的愛用者

    註冊日期：01-15-2012
    文章：3,431
    謝謝你: 453
    在 479篇文章中獲得 958個感謝
    引用 作者: leeanfu 查看文章
    我放出來了.....讓您中文化.....辛苦你了,小弟我真沒時間來中文化

    多謝五阿哥.....3Q
    今天晚上再說XDD
    我在上課〜
    回覆時引用此篇文章 回覆時引用此篇文章
  13. 02-26-2013 #10
    t0930844075 的頭像
    t0930844075

    超熱血的愛用者

    註冊日期：03-03-2011
    文章：595
    謝謝你: 138
    在 49篇文章中獲得 63個感謝
    引用 作者: 五阿哥 查看文章
    今天晚上再說XDD
    我在上課〜
    偷上網....壞孩子A_A"
    回覆時引用此篇文章 回覆時引用此篇文章
 

 
« 上一主題 | 下一主題 »

相似的主題

  1. [主題] 【iOS 5專用】iPhone簡約鎖屏主題第 9 彈 - LS SWAP動態時鐘
    由messy_jaby論壇中佈景主題專區
    回覆: 44
    最後發表: 02-06-2013, 20:58
  2. [主題] iPhone簡約鎖屏主題第五彈 - LS NeuOrd MOD
    由messy_jaby論壇中佈景主題專區
    回覆: 5
    最後發表: 04-09-2012, 20:48
  3. [求助] WIN7裝ORB的完美搭配?
    由isenlin論壇中iPhone 疑難雜症發問區
    回覆: 0
    最後發表: 12-28-2009, 13:37
  4. 與iPhone完美搭配的藏寶箱 Delicious Library
    由酷波論壇中Mac 軟體疑難雜症
    回覆: 1
    最後發表: 12-21-2008, 20:21

發文規則

  • 您不可以發表新主題
  • 您不可以發表回覆
  • 您不可以上傳附件
  • 您不可以編輯自己的文章
  •  

討論區規則

回到此頁頂端

Powered by vBulletin™ © 2018 vBulletin Solutions, Inc. All rights reserved., HstarVbb中文版開發 浩瀚星空網 © 2010-2012 yoching & HstarVbb團隊

iPhone4.TW since 2007 惡魔島有限公司 版權所有，本網站特別聘請 黃沛聲 律師 為本站法律顧問，虛擬主機服務由 捕夢網數位科技 提供