Handsome主题的博客Logo居中方法–Typecho博客程序

Handsome主题的博客Logo居中方法–Typecho博客程序

事情是这个样子的~

[collapse status=”false” title=””]最初使用这个主题的时候就发现设置的博客logo并没有被居中,尝试在自定义栏目写各种语法的居中均无效。推测应该是没有给元素的外部框架宽度。
偶然间看到一位博主的logo竟然是居中的,果断看代码。发现他在logo外部加了一个div框架,这也应证了我之前的想法。

这位博主加的代码是:

<div style="width:210px">
</div>

但这样造成的结果就是logo对页面尺寸变化无响应,可我们要的就是响应式网站哇~
[/collapse]

所以我进行了以下操作:

1.找到headnav.php

目录为: handsome/component/headnav.php

详情请参阅:
[post cid=”43″ /]

2.找到此段代码

<?php if ($this->options->logo!=""): ?>
    <?php echo $this->options->logo; ?>
<?php else: ?>
    <?php if ($this->options->indexNameIcon == ""): ?>
        <i class="fontello fontello-home"></i>
    <?php else: ?>
        <i class="<?php echo $this->options->indexNameIcon; ?>"></i>
    <?php endif; ?>
    <span class="hidden-folded m-l-xs"><?php $this->options->IndexName(); ?></span>
<?php endif; ?>

3.在他的外侧加个div框架,设定最小尺寸,如下

<!--增加一个div框架-->
<div style="min-width:190px">
</div>

另外通过对比后面的代码发现 最小距离设置为190px最为合适。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注