登录|使用QQ帐号登录
论坛 > 聊天灌水
发帖|
看302|回7|收藏
brysonjk935 看全部
2026/5/25 18:49
发现好多新人忽略了这个装扮空间()

感觉挺有意思的梦回小时候自定义qq主页的感觉
稍微的小试了一下 ↓
(看着快眼瞎的感觉)
(难道没有人觉得这个功能很好玩吗)
附件列表
屏幕截图 2026-05-25 184009.jpg (2026/5/25 18:47 上传)

原图尺寸 233.29 KB, 下载次数: 5

我滴主页~

我滴主页~

小樱 看全部
2026/5/26 21:28
看了一下太花,,,我是把装饰人物放在两边不影响文字显示
brysonjk935 看全部
2026/5/27 15:09

引用:

小樱 发表于 2026/5/26 21:28
看了一下太花,,,我是把装饰人物放在两边不影响文字显示

我看见萌十七的主页模板好不一样啊,背景幻灯片切换还能让头像旋转(),是什么代码神力吗

这种看起来好厉害
https://m.itzmx.com/?21856
小樱 看全部
2026/5/27 20:09

引用:

brysonjk935 发表于 2026/5/27 15:09
我看见萌十七的主页模板好不一样啊,背景幻灯片切换还能让头像旋转(),是什么代码神力吗

这 ...


神奇,他估计是利用第三方程序post了什么css代码上去
总结,开挂了
Hileb 看全部
2026/5/30 15:19
拍同款!进入编辑界面:
https://m.itzmx.com/home.php?mod=space&do=index&diy=yes
控制台使用:

代码:

  1. (function() {

  2.     document.diyform.spacecss.value = `
  3. #ct {
  4.     background: rgba(255, 255, 255, 0.7) !important;
  5.     backdrop-filter: blur(5px);                     
  6.     border-radius: 7px;                          
  7.     box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12);   
  8.     transition: background 0.5s;                    
  9. }


  10. #ct:hover {
  11.     background: rgba(255, 255, 255, 0.8) !important;
  12. }

  13. #hd {
  14.         visibility: hidden !important;
  15. }

  16. body {
  17.         background-image: url('https://api.ctix.cn/random/pic.php') !important;
  18.         background-repeat: repeat !important;
  19. }

  20. #toptb .y a:before, #toptb .y a:after, #toptb .y span:before, #toptb .y span:after {
  21.     content: close-quote;
  22.     display: block;
  23.     position: fixed;
  24.     z-index: -1;
  25.     top: 0; left: 0;
  26.     width: 100vw; height: 100vh;
  27.     background-size: cover;
  28.     background-attachment: fixed;
  29.     background-position: center;
  30.     opacity: 1;
  31.     transition: opacity 0.3s linear 0s;
  32. }


  33. body:hover #toptb .y a:nth-child(1):before { opacity: 0; height: 0; transition: opacity 0.3s linear 3s, height 0s linear 3.3s; }
  34. #toptb .y a:nth-child(1):before { background-image: url(https://api.ctix.cn/random/pic.php?1)!important; z-index: -1; }

  35. body:hover #toptb .y a:nth-child(1):after { opacity: 0; height: 0; transition: opacity 0.3s linear 6s, height 0s linear 6.3s; }
  36. #toptb .y a:nth-child(1):after { background-image: url(https://api.ctix.cn/random/pic.php?2)!important; z-index: -2; }


  37. body:hover #toptb .y a:nth-child(2):before { opacity: 0; height: 0; transition: opacity 0.3s linear 9s, height 0s linear 9.3s; }
  38. #toptb .y a:nth-child(2):before { background-image: url(https://api.ctix.cn/random/pic.php?3)!important; z-index: -3; }


  39. body:hover #toptb .y a:nth-child(2):after { opacity: 0; height: 0; transition: opacity 0.3s linear 12s, height 0s linear 12.3s; }
  40. #toptb .y a:nth-child(2):after { background-image: url(https://api.ctix.cn/random/pic.php?4)!important; z-index: -4; }

  41. .hm img {
  42.     border-radius: 50%;
  43.     transition: transform 0.5s ease;
  44. }
  45. .hm img:hover {
  46.     transform: rotate(360deg);      
  47. }


  48. .mls img {
  49.     border-radius: 50%;
  50.     transition: transform 0.5s ease;
  51. }
  52. .mls img:hover {
  53.     transform: rotate(-360deg);     
  54. }

  55. #thread_content li a {
  56.     transition: margin 0.3s ease;
  57. }

  58. #thread_content li a:hover {
  59.     margin-left: 3px;            
  60.     text-decoration: none;      
  61. }


  62. ::-webkit-scrollbar {
  63.     width: 12px;
  64.     background-color: transparent;
  65. }


  66. ::-webkit-scrollbar-thumb {
  67.     border-radius: 12px;
  68.     background-color: rgba(0, 0, 0, 0.2);
  69.     transition: all 0.3s;
  70. }


  71. ::-webkit-scrollbar-thumb:hover {
  72.     background-color: rgba(0, 0, 0, 0.4);
  73. }


  74. ::-webkit-scrollbar-thumb:active {
  75.     background-color: rgba(0, 0, 0, 0.5);
  76. }




  77. #music {
  78.         position: fixed !important;
  79.         bottom: 40px !important;
  80.         right: 40px !important;
  81.         z-index: 99999 !important;
  82.         width: 220px !important;
  83.         height: 44px !important;
  84.         background: #1a1a1a !important;
  85.         border-left: 5px solid #ff2d55 !important;
  86.         border-radius: 22px !important;
  87.         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  88.         overflow: hidden !important;
  89. }

  90. #music .blocktitle {
  91.         background: transparent !important;
  92.         border: none !important;
  93.         padding: 0 !important;
  94.         margin: 0 !important;
  95.         height: 100% !important;
  96.         line-height: 44px !important;
  97.         text-align: center !important;
  98. }

  99. #music .blocktitle span,
  100. #music .blocktitle span a {
  101.         color: #ffffff !important;
  102.         font-size: 13px !important;
  103.         font-family: sans-serif !important;
  104.         font-weight: 600 !important;
  105.         text-decoration: none !important;
  106.         letter-spacing: 0.5px !important;
  107. }


  108. #music:hover {
  109.     background: rgba(15, 15, 15, 0.98) !important;
  110.     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 45, 85, 0.7) !important;
  111. }



  112. #music .blocktitle::before {
  113.     position: absolute !important;
  114.     left: 18px !important;
  115.     top: 0 !important;
  116.     line-height: 46px !important;
  117.     font-size: 14px !important;

  118.     text-shadow: 0 0 8px #ff2d55, 0 0 15px #ff2d55 !important;
  119. }

  120.     `;

  121.     document.diyform.style.value = spaceDiy.style;
  122.     document.diyform.layoutdata.value = drag.getPositionStr();
  123.    
  124.         document.diyform.currentlayout.value = spaceDiy.currentLayout;
  125.     //d = document.createElement('div');d.style.cssText='position:fixed;bottom:20px;right:20px;z-index:9999;';
  126.     //d.innerHTML=atob('PGlmcmFtZSBzcmM9Ii8vbXVzaWMuMTYzLmNvbS9vdXRjaGFpbi9wbGF5ZXI/dHlwZT0yJmlkPTMxNzI0NSZhdXRvPTEmaGVpZ2h0PTY2IiB3aWR0aD0iMzMwIiBoZWlnaHQ9IjkwIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3c9ImF1dG9wbGF5IiBzdHlsZT0iYm9yZGVyLXJhZGl1czo4cHg7Ym94LXNoYWRvdzowIDJweCAxMnB4IHJnYmEoMCwwLDAsLjE1KTsiPjwvaWZyYW1lPg==');document.body.appendChild(d);window.m_p=1;
  127.     document.diyform.submit();
  128. })();
Hileb 看全部
2026/5/30 15:29
本帖最后由 Hileb 于 2026/5/30 15:32 编辑

@小樱 ,现有的音乐年久失修了awa,然后是想要自己插入又又又感到困难*x*,最后只发现在某些能够预览网络图片,例如blog (https://m.itzmx.com/home.php?mod=spacecp&ac=blog)的地方用图片

代码:

  1. x" onerror="if(!window.m_p){var d=document.createElement('div');d.style.cssText='position:fixed;bottom:20px;right:20px;z-index:9999;';d.innerHTML=atob('PGlmcmFtZSBzcmM9Ii8vbXVzaWMuMTYzLmNvbS9vdXRjaGFpbi9wbGF5ZXI/dHlwZT0yJmlkPTMxNzI0NSZhdXRvPTEmaGVpZ2h0PTY2IiB3aWR0aD0iMzMwIiBoZWlnaHQ9IjkwIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3c9ImF1dG9wbGF5IiBzdHlsZT0iYm9yZGVyLXJhZGl1czo4cHg7Ym94LXNoYWRvdzowIDJweCAxMnB4IHJnYmEoMCwwLDAsLjE1KTsiPjwvaWZyYW1lPg==');document.body.appendChild(d);window.m_p=1;}" data="


放歌()

但是保存后会诡异地被改变(

[media]http://music.163.com/style/swf/widget.swf?sid=2656567752&type=2&auto=1&width=320&height=66[/media]
小樱 看全部
2026/5/30 19:12

引用:

Hileb 发表于 2026/5/30 15:29
@小樱 ,现有的音乐年久失修了awa,然后是想要自己插入又又又感到困难*x*,最后只发现在某些能够预览网络图 ...

音乐盒是flash的,是已经过时了
brysonjk935 看全部
2026/5/31 19:42

引用:

Hileb 发表于 2026/5/30 15:19
拍同款!进入编辑界面:
https://m.itzmx.com/home.php?mod=space&do=index&diy=yes
控制台使用:

?!强强!?

IT技术交流论坛

Powered by itzmx!

首页|标准版|触屏版|电脑版