小编Lib*_*bin的帖子

在引导程序中创建较小的按钮

我使用bootstrap 3按钮,我想将大小修改为更小,我尝试使用以下哪些不起作用

.btn-sml {
    padding: 10px 10px;
    font-size: 22px;
    border-radius: 8px;
}
Run Code Online (Sandbox Code Playgroud)

有更好的方法来实现这一目标吗?

css twitter-bootstrap twitter-bootstrap-3

19
推荐指数
3
解决办法
4万
查看次数

使用div创建混合像素/百分比布局

我正在尝试制作页面布局,如附图所示.问题是我无法正常工作.我花了半天的时间试图让它工作,但没有成功.我只想要一个固定宽度的div用于菜单,然后在两个div旁边创建列,每列占用剩余页面宽度的一半.高度都需要依赖内容.

有人有想法吗?我可以找到关于这种混合的perecentage /像素布局的很多信息,但我无法想象它是那么难.

图片: 在此输入图像描述

html css layout

5
推荐指数
1
解决办法
3403
查看次数

使用jquery在圆圈中旋转多个图像

我需要使用jquery在同一轨道圆圈中旋转多个图像.我更改并延迟了两个图像的时间间隔.问题是图像在几秒钟后重叠.我的代码是

            <script type="text/javascript">
            var p = 0;

            function moveit() {
            p += 0.02;

            var r = 135;
            var xcenter = 500;
            var ycenter = 200;
            var newLeft = Math.floor(xcenter + (r * Math.cos(p)));
            var newTop = Math.floor(ycenter + (r * Math.sin(p)));
            $('#friends').animate({
                    top: newTop,
                    left: newLeft,
                }, 10, function() {
                    moveit();
            $('#friends2').animate({
                top: newTop,
                left: newLeft,
            },15, function() {
                moveit();
            });
             }
            $(document).ready(function() {
                moveit();    
            });
            </script>
Run Code Online (Sandbox Code Playgroud)

我的css和html源代码是

   #friends { position: absolute;     }         
     #friends2 { position: absolute;    }     

 <img src="Images/info.gif" …
Run Code Online (Sandbox Code Playgroud)

css jquery image jquery-animate

4
推荐指数
1
解决办法
8418
查看次数

使用css/js将第二个单词修剪为第一个字母

我有以下div.其中的文字将是动态的.

<div class="full_name">Libin Babu</div>
Run Code Online (Sandbox Code Playgroud)

我希望结果如此 Libin B.

那就是我想把第二个名字改为第一个字母,后跟一个"点".有没有CSS或jQuery的帮助?我更喜欢css解决方案.

谢谢.

html css jquery

3
推荐指数
1
解决办法
478
查看次数

我是否需要WordPress页面模板中的标签'html'和'body'?

我正在为WordPress网站创建一个页面模板.

在newpagetemplate.php文件中,我目前有这段代码,而且这段代码只有:

<html>
<body>
<?php
/*
Template Name: Salespage
*/
?>
<div>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <?php the_title(); ?>
        <?php the_content(); ?> 
    <?php endwhile; endif; ?>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我需要修改,设置边距,字体等值.

在上面的代码中,我需要'html'和'body'标签吗?

(如果我取出这些标签,应用此页面模板的页面仍然显示正常.)

html wordpress wordpress-theming

1
推荐指数
1
解决办法
1411
查看次数