小编Sau*_*hLP的帖子

我想在wordpress中制作自定义侧边栏,我拥有li中的所有元素和信息,我想要做的是尝试将总li的一半移到左边,一半移到右边...

我正在使用的是左/右浮动/清除,这似乎不像我想要的那样工作......

HTML结构: -

<ul>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="left">Left</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
    <li class="right">Right</li>
</ul>

CSS: -

.left { float:left; width:50%; clear:left; }
.right { float:right; width:50%; clear:right }

的jsfiddle

如何仅使用css3将这种类型的样式实现为文本,意味着标记中间的水平线...可以使用纯CSS ...

这是我的结构: -

<p class="datedAside">4 weeks ago</p>

我想知道这个的nth-child()价值:

1 2 3 4 5 6 7 8 9 10

我在许多参考文献中搜索过:nth Tester,掌握:nth-​​child但是找不到我需要的组合.

我还检查了我的CSS3组合:nth-​​child计算器,它显示了这样的组合:

:nth-child(n+3):nth-child(-n+5):nth-child(n+8):nth-child(-n+10):nth-child(n+13)

有人可以帮助我实现这个目标吗？

我的问题非常简单,calc()适用于纯CSS中背景图像的背景大小...

现在我正在为响应式移动视图修复背景图像...我希望图像保持固定的比例,但在任何移动屏幕上调整大小......

我实现了这段代码,它目前无法正常工作:

@media (max-width: 767px) { 
   body { 
      background-size: calc(100%-200px) auto; 
      background-repeat: repeat; 
   }    
}

在纯CSS中有可能吗？

我试图显示页面加载小部件,直到页面完全加载,之后它应该隐藏...并且每次我打击任何锚点传输到下一页时执行此过程..

支持我有三页......

<div data-role="page" id="home">....</div>
<div data-role="page" id="about">....</div>
<div data-role="page" id="contact">....</div>

我正在使用的脚本: -

$(document).on("pagecreate", function(event) { 
    //alert("Take It Show");
    $( ".ui-loader" ).loading( "hide" );
});

是否可以添加转换像data-transition="slide"任何锚或data-ajax="false"在其中使用... ??

我目前在一个网站工作，其中Youtube 视频的播放器大小小于 150x150，位于iDangero.us Swiper内中，它是 jquery swiper 插件...

我尝试过应用自定义尺寸，如下所示：-

但它在 Firefox 中给播放器带来了问题，它显示黑框并在控制台显示错误：-

我的演示：-

错误：-

NS_ERROR_XPC_BAD_CONVERT_JS: Could not convert JavaScript argument arg 1 [nsIDOMEventTarget.removeEventListener]

我也在 Chrome 上进行了测试，它显示得很好......

我正在使用这段代码：-

<div class="swiper-container swiper-vid">
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <div class="vid-contain">
                                <div class="videoWrapper">
                                    <!-- Copy & Pasted from YouTube -->
                                    <iframe width="142" height="80" src="//www.youtube.com/embed/_wmzPRwLIaM?showinfo=0" frameborder="0" allowfullscreen></iframe>
                                </div>
                                <p>Slide 1</p>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <div class="vid-contain">
                                <div class="videoWrapper">
                                    <!-- Copy & Pasted from YouTube -->
                                    <iframe width="142" height="80" src="//www.youtube.com/embed/Mn63rXCkCxY?showinfo=0" frameborder="0" allowfullscreen></iframe>
                                </div>
                                <p>Slide …

我正在使用带有Jquery Mobile 的idangero.us的Swiper ...

这里我使用Scroll Container Swiper作为内容滑块......

只是面对很多将代码嵌入到一起的问题......

http://jsfiddle.net/keuKu/4/embedded/result/

滚动条没有显示为演示中的滚动条,滚动条也没有粘贴到我留下的标记处...

$(function(){
        /* Scroll container: */
        var sScroll = $('.swiper-scroll-container').swiper({
            scrollContainer : true,
            scrollbar : {
                container : '.swiper-scrollbar' 
            }
        })  
     })

我用jquery ui创建了这个组合效果.

http://jsfiddle.net/wnmUj/2/

问题是它没有像我们点击第一次时那样切换,当我们第二次点击按钮时我希望反转该效果,依此类推,但是当点击第二次时它不符合标记...

隐藏效果应该是这样的: -

$(".menuViewArea").hide( "blind", {direction: "vertical"}, 1000 );

像角度css3渐变背景这样的Photoshop背后会有什么想法...

任何参考？

我正在使用Google Chart API,并开发了一个饼图,参考了 可视化:饼图

我的饼图的截图: -

屏幕截图显示了通过firebug的容器......

这里出现了问题,低不透明度蓝色是图表出现的容器(即div),有些不适合它所包含的外部div并显示一些无用的空白,饼图应该是如果我的代码是正确的,无论如何都适合div ...

处理此代码: -

var options_pie = {
chartArea: { left: 0, top: 0, width: "100%", height: "60%"},
colors: ['#59ea54', '#a14660', '#f3cf4a', '#16a2c2', '#ce7374', '#39ae9b'],
legend: 'none',
};

var chartPie = new google.visualization.PieChart(document.getElementById('chart_pie'));
chartPie.draw(data, options_pie);

我不知道,我错过了什么或api的问题？

我使用精选图像作为后期图像,但在上传图像时将其裁剪为特色图像,我找不到任何解决方案,任何人都可以帮忙吗？

Wordpress Admin面板截图: -

这个图像实际上是1024x702,但它切换到940x198,我找不到任何解决这个如何禁用裁剪...

我想在listview中使用jquery mobile css中特定类的帮助来居中对齐文本...

我有以下代码......

<li><a href="index.html" data-icon="false" class="">Home</a></li>

或者我使用我的自定义css为它构建一个新类... ??

我试图设计一个带有css3 的边框形状div,就像一个有边框的方形但是从右边倾斜到一定程度......

这是我想要设计的: -

http://i.imgur.com/6GVzltP.png

我试图通过css3转换来扭曲div,但它也会扭曲地图以及div内部的内容并使div的两侧倾斜

我的演示: - http://jsfiddle.net/znsmG/

HTML代码: -

<div class="map_canvas">
    <div class="map_area" data-showcontrols="true" data-lat="-34.397" data-lng="150.644" data-zoom="7"></div>           
</div>

CSS: -

.map_canvas { border: 10px solid #d2d828; position:relative; }
.map_area { height: 400px; width:100%; }

任何方法或东西来实现这一目标？