一些笔记
阅:77丨共512字符丨2021-07-25

设置链接超出

    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="图片地址" >

然后在主题的style.CSS文件(不同的主题CSS文件不一样)里最下面加以下代码:

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

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

overflow 溢出

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

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

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

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

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

  • 评论 暂无评论

    评论列表暂无评论