少女祈禱中...
Loading...
图片加载过慢?试试 从源站加载资源 X

ccloli

TieBa-Background 愚人节样式——贴吧页面左右版面切换

效果大致如下……?

javascript:

  1. function replaceBG(){
  2. if (document.body){
  3. document.removeEventListener('beforeload',replaceBG,true);
  4. if(new Date().getMonth()==3&&new Date().getDate()==1){
  5. foolsday();
  6. if(!window.localStorage.getItem("tbbg_fools_day","false"))document.body.className=document.body.className+' tbbg_fools_day';}
  7. var doc=document.body;
  8. ......
  9. }
  10. }
  11. document.addEventListener('beforeload',replaceBG,true);
  12. ......
  13. function foolsday(){
  14. if(!window.localStorage.getItem("tbbg_fools_day","false")){
  15. if(!document.getElementsByClassName('u_bdsearch')[0])setTimeout(function(){foolsday()},1000)
  16. else document.getElementsByClassName('u_bdsearch')[0].outerHTML='<li><a style=\'color:#3c3;cursor:pointer\' onclick=\'$.dialog.confirm("嘛嘛~~~被发现了呢ww<br>这个样式伦家写了一晚上的呢QAQ不要关掉了嘛……也就一天而已……<br>除非您认为这样式特别影响浏览器的效率T^T……<br>您确认要关闭 TieBa-Background 愚人节效果吗?关闭后将无法重新开启该效果。");document.getElementsByClassName("dialogJbtn")[0].setAttribute("onclick","window.localStorage.setItem(\\"tbbg_fools_day\\",\\"false\\");$.dialog.alert(\\"TieBa-Background 愚人节效果已关闭\\")")\'>Happy Fools\' Day~</a></li><li class="split">|</li>'+document.getElementsByClassName('u_bdsearch')[0].outerHTML;
  17. }
  18. }


css:

  1. /*fools' day stylesheet*/
  2. .tbbg_fools_day #head,.tbbg_fools_day .s_logo,.tbbg_fools_day .s_tab,.tbbg_fools_day .s_btn_wr,.tbbg_fools_day .s_tools,.tbbg_fools_day #wd1,.tbbg_fools_day :not(#good_list_outer)>#frs_nav:not(.frs_nav_1),.tbbg_fools_day #container,.tbbg_fools_day .dir_rank,.tbbg_fools_day .contet_wrap,.tbbg_fools_day .aside,.tbbg_fools_day .nav_left,.tbbg_fools_day .nav_right,.tbbg_fools_day .nav_center,.tbbg_fools_day .nav_wrap,.tbbg_fools_day .l_posts_num,.tbbg_fools_day .l_thread_manage,.tbbg_fools_day .tofrs_up,.tbbg_fools_day .core_title_wrap,.tbbg_fools_day .d_author,.tbbg_fools_day .d_post_content_main,.tbbg_fools_day .p_share_ding,.tbbg_fools_day #container #editor:not(.frs_simple_editor),.tbbg_fools_day .l_aside,.tbbg_fools_day .frs_good_nav_wrap,.tbbg_fools_day .v_content #content_leftList,.tbbg_fools_day .w750,.tbbg_fools_day .ibody #main_aside,.tbbg_fools_day .af_container,.tbbg_fools_day .af_left,.tbbg_fools_day .af_right,.tbbg_fools_day .star_banner,.tbbg_fools_day .star_collect,.tbbg_fools_day #bakan_info,.tbbg_fools_day #comment .right,.tbbg_fools_day #comment .left,.tbbg_fools_day .ag_main,.tbbg_fools_day .ag_head,.tbbg_fools_day #dir_content_main,.tbbg_fools_day .stats_notice_bar{
  3.  -webkit-transform: rotateY(180deg)
  4. }


样式写完,去吃饭,明天要给百度debug去了/ \

  1. 独星说道:

    透明版面赞

    Google Chrome 26.0.1410.43 Google Chrome 26.0.1410.43 Windows 7 x64 Edition Windows 7 x64 Edition
    1. 864907600cc说道:

      但是只能贴吧上用哦=3=
      另外博客右上角有个链接注意到了吗0 0
      部落格更新了,懒得移植背景图片了/ \

      Google Chrome 27.0.1440.0 Google Chrome 27.0.1440.0 Windows XP Windows XP
      1. Jak Wings说道:

        @864907600cc O_O 怎么变纯HTML回复工具了……我还以为只有橙色的温暖变化呢 -_-lll

        Google Chrome 27.0.1453.12 Google Chrome 27.0.1453.12 GNU/Linux x64 GNU/Linux x64
        1. 864907600cc说道:

          换主题了而已
          另外wordpress本来就支持html标签吧

          Unknown Unknown Unknown Unknown
          1. Jak Wings说道:

            @864907600cc 怎么邮件提醒又米了……

            Google Chrome 27.0.1453.12 Google Chrome 27.0.1453.12 GNU/Linux x64 GNU/Linux x64
            1. 864907600cc说道:

              在管理页面内进行的回复是会绕过主题的邮件提醒php的

              Google Chrome 26.0.1410.43 Google Chrome 26.0.1410.43 Windows 7 x64 Edition Windows 7 x64 Edition

864907600cc进行回复 取消回复