大猫咪 发表于 2022-4-4 13:52

跟老黑教程学制作

<br /><br /><br /><br /><br /><br /><style type="text/css">
.outwin {
      width: 1200px;
      height: 888px;
      background: gray url('https://pic.imgdb.cn/item/624aa455239250f7c517a31b.png');
      position: relative;
      opacity: .85;
      left: -302px;
}
.outwin::before {
      content: '';
      width: 80%;
      height: 80%;
      position: absolute;
      background: transparent url('/data/attachment/forum/202204/02/082246n566q71e3o7nwev3.gif');
      filter: blur(5px);
}
.outwin::after {
      content: attr(data-hh);
      position: absolute;
      right: 10px;
      top: 10px;
      color: transparent;
      font: bold 2em Sans-serif;
      writing-mode: vertical-lr;
      text-shadow: 2px 2px 3px #D5BF77;
}
</style>

<div class="outwin" data-hh="Andy "></div>

<script language="javascript">
let yyy = document.createElement('iframe');
yyy.src = 'https:////music.163.com/outchain/player?type=2&id=60183&auto=1&height=66"></iframe>';
yyy.style.display = 'none';
document.querySelector('.outwin').appendChild(yyy);
</script>
<br /><br /><br /><br /><br /><br />

马黑黑 发表于 2022-4-4 14:01

( ^_^ )不错嘛。帖子还需要左移一点，偏移多少去我那个估算帖算算：

https://www.huachaowang.com/forum.php?mod=viewthread&tid=58395&extra=page%3D1

安宁 发表于 2022-4-4 14:03

Andy括号问号Andy括号逗号Andy括号省略号

大猫咪 发表于 2022-4-4 14:14

马黑黑 发表于 2022-4-4 14:01
( ^_^ )不错嘛。帖子还需要左移一点，偏移多少去我那个估算帖算算：

https://www.huachaowang.com/forum ...

好的   谢谢老黑，我改改看{:5_106:}{:4_179:}

大猫咪 发表于 2022-4-4 14:15

安宁 发表于 2022-4-4 14:03
Andy括号问号Andy括号逗号Andy括号省略号

啥意思小将军加括号问号吗？{:5_117:}

马黑黑 发表于 2022-4-4 14:17

大猫咪 发表于 2022-4-4 14:14
好的   谢谢老黑，我改改看

不过你的帖子还算是小尺寸，公式不一定合适。我再修正。

加林森 发表于 2022-4-4 14:24

好样的，猫猫也制作出来啦。{:4_199:}

大猫咪 发表于 2022-4-4 14:28

加林森 发表于 2022-4-4 14:24
好样的，猫猫也制作出来啦。

感觉图片应该暗点，朦胧点好    谢谢队长支持   {:4_179:}{:4_190:}

加林森 发表于 2022-4-4 14:30

大猫咪 发表于 2022-4-4 14:28
感觉图片应该暗点，朦胧点好    谢谢队长支持

就是要有这个梦幻的感觉才好。{:4_190:}{:4_179:}

大猫咪 发表于 2022-4-4 14:31

本帖最后由 大猫咪 于 2022-4-4 14:35 编辑

加林森 发表于 2022-4-4 14:30
就是要有这个梦幻的感觉才好。
嗯嗯队长 {:4_187:}    慢慢学习{:4_190:}

马黑黑 发表于 2022-4-4 14:41

大猫咪 发表于 2022-4-4 14:14
好的   谢谢老黑，我改改看

CSS代码中，outwin加入left值试试（红色部分）：

.outwin {
      width: 901px;
      height: 648px;
      background: gray url('https://s3.bmp.ovh/imgs/2022/04/04/772f7f59635abccb.png');
      position: relative;
      opacity: .85;
      left: -70px;
}

大猫咪 发表于 2022-4-4 14:48

马黑黑 发表于 2022-4-4 14:41
CSS代码中，outwin加入left值试试（红色部分）：

.outwin {


收到   谢谢老黑   {:4_179:}{:4_190:}辛苦{:4_187:}

安宁 发表于 2022-4-4 16:02

<br /><br /><br /><br /><br /><br /><style type="text/css">
.outwin {
      width: 1200px;
      height: 888px;
      background: gray url('https://pic.imgdb.cn/item/624aa455239250f7c517a31b.png');
      position: relative;
      opacity: .85;
      left: -300px;
}
.outwin::before {
      content: '';
      width: 80%;
      height: 80%;
      position: absolute;
      background: transparent url('/data/attachment/forum/202204/02/082246n566q71e3o7nwev3.gif');
      filter: blur(5px);
}
.outwin::after {
      content: attr(data-hh);
      position: absolute;
      right: 10px;
      top: 10px;
      color: transparent;
      font: bold 2em Sans-serif;
      writing-mode: vertical-lr;
      text-shadow: 2px 2px 3px #D5BF77;
}
</style>

<div class="outwin" data-hh="Andy "></div>

<script language="javascript">
let yyy = document.createElement('iframe');
yyy.src = 'https:////music.163.com/outchain/player?type=2&id=60183&auto=1&height=66"></iframe>';
yyy.style.display = 'none';
document.querySelector('.outwin').appendChild(yyy);
</script>
<br /><br /><br /><br /><br /><br />

安宁 发表于 2022-4-4 16:06

红色字体是改后的数值。全屏图片也调整为宽1200、高度也相之888了。
起始要加多几个者空格键<br />、才不会挡着头像。结束部分也一样，留多几个<br />、留出位置大家评分。{:5_106:}

加林森 发表于 2022-4-4 16:43

大猫咪 发表于 2022-4-4 14:31
嗯嗯队长   慢慢学习

嗯嗯，好的。

大猫咪 发表于 2022-4-4 19:12

安宁 发表于 2022-4-4 16:06
红色字体是改后的数值。全屏图片也调整为宽1200、高度也相之888了。
起始要加多几个者空格键、才不会挡着 ...

嗯嗯   谢谢小将军{:4_187:}有学会一点{:4_190:}   辛苦啦{:4_176:}

大猫咪 发表于 2022-4-4 19:16

安宁 发表于 2022-4-4 16:11
原图宽为1011   未达到1200   我调整了宽与此高另上传的、你直接复制我图片的红色链接地址替换图片吧 ...
改好了{:5_106:} 是一样效果了吧    {:4_187:}   {:4_190:}

马黑黑 发表于 2022-4-4 19:19

大猫咪 发表于 2022-4-4 19:16
改好了   是一样效果了吧

有小将军手把手帮衬，现在看上去是专业效果了

大猫咪 发表于 2022-4-4 19:26

马黑黑 发表于 2022-4-4 19:19
有小将军手把手帮衬，现在看上去是专业效果了
嗯嗯   谢谢老黑又明白了不少{:5_106:}{:4_179:}

马黑黑 发表于 2022-4-4 20:04

大猫咪 发表于 2022-4-4 19:26
嗯嗯   谢谢老黑又明白了不少

我可是啥也没明白{:4_189:}
页: [1] 2 3
查看完整版本: 跟老黑教程学制作