一些零零散散的笔记
阅:104丨共493字符丨2021-08-08

制作视觉差效果

background-attachment: fixed;

图片超出代码

.comment-author-at img{
    max-width: 100% !important;
    height: auto;
}

去li豆豆

list-style: none; 

代码超出显示滚动条

overflow: auto;

visible :  不剪切内容也不添加滚动条。

auto :   超出自动显示滚动条,不超出不显示滚动条

hidden :  不显示超过对象尺寸的内容,超出的部分隐藏掉

scroll :  不管超出内容否,总是显示滚动条

链接超出

word-wrap: break-word;

链接去下划线

text-decoration: none;

有时候想在博客里加一些自定义内容,如运行时间,公告,提醒等等,该怎么实现呢?

   $gonggao(可以是英文、数字、组合等,比如我弄个公告的内容按钮就写成公告的拼音:gonggao) = new Typecho_Widget_Helper_Form_Element_Text(
            'gonggao(和前面的英文标识要一致)',
            NULL, NULL,       
            '内容说明',
            '内容介绍'
        );    
        $form->addInput($gonggao(和前面的英文标识要一致));

然后在需要些内容的地方加入以下代码:

  <?php if ($this->options->gonggao(和前面的英文标识要一致)) : ?>
    <?php
   $adContent1 = $this->options->JADContent1;
   $adContent1Counts = explode("||", $adContent1);
    ?>
    特效代码中需要输出内容的地方替换成<?php echo $adContent1Counts[0] ?>,如果需要写多处内容的话可以用<?php echo $adContent1Counts[1] ?>、<?php echo $adContent1Counts[2] ?>、<?php echo $adContent1Counts[3] ?>表示        
        <?php endif; ?>

上面的内容用||隔开,例如想加一个图片链接:

<?php if ($this->options->gonggao(和前面的英文标识要一致)) : ?>
    <?php
   $adContent1 = $this->options->JADContent1;
     $adContent1Counts = explode("||", $adContent1);
     ?>
     <a  href="<?php echo $adContent1Counts[1] ?>">
      <img src="<?php echo $adContent1Counts[0] ?>">
      </a>
      <?php endif; ?>

内容写:图片地址||链接地址 如:https://q1.qlogo.cn/g?b=qq&nk=171394827&s=640||https://wfvp.cc/

自定义宽度隐藏

有的时候我们放一段特效代码希望只在电脑端显示,手机端不显示(或者手机端显示,电脑都不显示),该如何实现呢?

首先要确保改特效代码有class属性,如果没有的话就新建一个class。

如:我像要一张图片在电脑端显示,手机端不显示,那就先在图片代码里加一个class,如下:

<img class="haha(随便写,只要和其他CLASS重复就可以)" src="图片地址" >

@media (max-width: 768px) {
        .haha(和上面的class标识一致)  {
            display: none !important;
        }
    }

以上代码中768px是最大宽度,意思是大于768px显示代码,小于768px就不显示,可以根据自己的情况修改宽度,当然也可以改成高度:max-width

大于900显示括号里内容

@media (min-width: 900px){.id_name{display:none;}}

先记这么点儿

  • 评论 暂无评论

    评论列表暂无评论