Date Time

13/04/02 13:52

Author

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

效果大致如下……？

javascript：



function replaceBG(){
if (document.body){
document.removeEventListener('beforeload',replaceBG,true);
if(new Date().getMonth()==3&&new Date().getDate()==1){
foolsday();
if(!window.localStorage.getItem("tbbg_fools_day","false"))document.body.className=document.body.className+' tbbg_fools_day';}
var doc=document.body;
......
}
}
document.addEventListener('beforeload',replaceBG,true);
......
function foolsday(){
if(!window.localStorage.getItem("tbbg_fools_day","false")){
if(!document.getElementsByClassName('u_bdsearch')[0])setTimeout(function(){foolsday()},1000)
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;
}
}

css：



/*fools' day stylesheet*/
.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{
 -webkit-transform: rotateY(180deg)
}

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

独星说道：

2013/04/02 17:48:15

透明版面赞

Google Chrome 26.0.1410.43

Windows 7 x64 Edition

864907600cc说道：

2013/04/02 22:50:06

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

Google Chrome 27.0.1440.0 Windows XP

回复
1. Jak Wings说道：
  
  2013/04/06 23:50:30
  
  @864907600cc O_O 怎么变纯HTML回复工具了……我还以为只有橙色的温暖变化呢 -_-lll
  
  Google Chrome 27.0.1453.12 GNU/Linux x64
  
  回复
  1. 864907600cc说道：
    
    2013/04/07 00:16:49
    
    换主题了而已
    另外wordpress本来就支持html标签吧
    
    Unknown Unknown
    
    回复
    1. Jak Wings说道：
      
      2013/04/09 10:36:29
      
      @864907600cc 怎么邮件提醒又米了……
      
      Google Chrome 27.0.1453.12 GNU/Linux x64
      
      回复
      1. 864907600cc说道：
        
        2013/04/09 13:05:28
        
        在管理页面内进行的回复是会绕过主题的邮件提醒php的
        
        Google Chrome 26.0.1410.43 Windows 7 x64 Edition
        
        回复

ccloli

Date Time

Author

Category

Tags

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

取消回复