我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

wordpress留白 wordpress留言板插件

怎样修改代码?网页怎样才可以自适应窗口?

第一种尝试,直接修改宽高属性:

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册雅安服务器托管、营销软件、网站建设、延庆网站维护、网站推广。

直接把embed中的width和height属性调整为百分比,代码如下:

divstyle="text-align: center;"

embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"height="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/

/div

但是浏览器都不识别,宽度倒是自适应的,但是高度始终都在150px左右,如下图,显示效果不佳。

第二种尝试,纯CSS的解决方案:

在网上搜到了一种采用纯CSS实现高度与宽度成比例的效果的方法,大致的思路如下:

padding属性,是可以用百分比进行设置的,这个百分比是相对于其父元素的宽度而言的,即使对于 padding-bottom 和 padding-top 也是如此。另外,在计算 Overflow 时,是将元素的内容区域(即 width / height 对应的区域)和 Padding 区域一起计算的。换句话说,即使将元素的 overflow 设置为 hidden,“溢出”到 Padding 区域的内容也会照常显示。

综合上面所述,我们可以使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果。因为视频高度是其宽度的 83%(宽度:480,高度:400),所以我们将 padding-bottom 设置为宽度的 83%。同时将其 height 设置为 0 以使元素的“高度”等于 padding-bottom 的值,从而实现需要的效果。代码如下:

divstyle="text-align: center; width: 100%; padding-bottom: 83%; height: 0px;"

embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"height="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/

/div

测试结果:QQ浏览器正常显示,但是火狐浏览器、Chrome浏览器、IE和移动端测试的时候,视频都无法在网页中显示出来,故此方法放弃。

第三种尝试,WordPress中一种视频插件使用方案:

原理:在html语言里边,高度(宽度)使用百分比的时候是有要求的,就是他的外层(父层)必须有一个指定的高度(宽度),这样才可以得到这个百分比数。所以在外层div中设置百分比宽度和高度,然后再在embed中使用百分比宽度和高度。代码如下:

divstyle="text-align: center; width: 100%; height: 80%;"

embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"height="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/

/div

测试结果:QQ浏览器正常显示,但是火狐浏览器、Chrome浏览器、IE和移动端测试的时候,视频都无法在网页中显示出来,故此方法放弃。

最后一种尝试,采用脚本控制宽高比例的方案:

这也是最后采用的方案。由于是在博客编辑器里面编辑的内容,所以一直想通过CSS的方法来解决,可是上面的方式都有明显的缺陷,最终被迫采用脚本来控制列的高度,代码如下:

divstyle="text-align: center;"

embedid="movie"src=""allowfullscreen="true"quality="high"width="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/

/div

scripttype="text/javascript"document.getElementById("movie").style.height=document.getElementById("movie").scrollWidth*0.8+"px"/script

测试了一下,火狐浏览器、QQ浏览器和Chrome浏览器下显示均正常,移动端测试也没问题,唯一的遗憾就是没有实现实时自适应,调整窗口宽度之后需要刷新,高度才能恢复到与宽同比例。

wordpress 模板导航栏与工具来之间有空白

在主题中functions.php添加以下代码就可以解决了。

function my_function_admin_bar(){

return false;

}

add_filter( 'show_admin_bar', 'my_function_admin_bar'); //去除头部28px空白

怎么做好产品内容营销推广

最近经常看到关于“如何做好产品内容营销推广”、“营销策划”、“营销推广方案怎么写”、“营销策划和营销推广的区别”等相关的问题。实际上这些问题的道理都是一样的,也都反映出大家并不是很了解网络营销,实际上根据“像揭秘魔术一样解密网络营销”的作者“互联网技术客”的《网络营销推广技术、技巧深度解密》文档里写的那样,这是一个有步骤、有方法的过程。

无论是你做网络营销方案还是直接推广,你需要了解你的产品、营销渠道、营销方式等,具体为:

营销产品种类

通过市场上常见的营销产品类型和产品价格的调研,我这里对产品种类做了简单的分类。(请读者保留务必认真阅读,便于后期营销中的直接查阅、调取之用)

1.1 产品类型分类:                   1.2 产品价格分类:

A 型:快消品                           Z 型:免费赠送

B 型:虚拟产品                         X 型:价格很低

C 型:门票、会议产品                   M 型:价格低

D 型:健康相关产品                     N 型:价格中等

E 型:儿童产品                         P 型:价格高

F 型:特殊产品                         O 型:价格超过

G 型:需求型产品                       I 型: 同类型价格低

H 型:急需产品                         U 型:同类型价格高

五种基础网络宣传形式

通过网络将营销产品宣传出去的形式(营销形式)最基本的有以下五种:

V 型.文章营销(以文字为主)

L 型.图片营销(以图片为主)

J 型.视频/短视频营销(以视频为主)

Y 型.文章、图片、视频/短视频多类型混合式营销

T 型.授课营销

七种网络宣传载体说明

网络宣传载体的含义就是你写的文章、设计的图片、视频等想放在什么地方?一般为以下几种:(流量低和知名度低的网站及其他不在我们讨论的范围内,因为根本没有实际意义)

F1:高权重或知名度高可以以发布文章为主的网站

F2:高权重或知名度高可以以发布图片为主的网站

F3:高权重或知名度高可以以发布视频/短视频为主的网站

F4:知名度高或流量巨大的移动端入口

F5:自建官方网站(含 PC 端或移动端)

F6:知名的电商开店铺

F7:知名或流量大的授课网站

了解自己的产品是知己,掌握产品所对应的营销渠道才能获得精准的粉和有效果的推广,有了渠道才能通过相应的宣传载体进行推广,这是一个科学的方式。

最后祝您能通过互联网实现自己最初的那个梦,一定要坚持、一定要加油!

element-plus布局留白

element-plus布局留白是一种设计技术,它可以让网页设计师在设计网页时,利用空白空间来提升网页的视觉效果。它可以使网页更加简洁、美观,同时也可以提高用户体验。element-plus布局留白的原则是,在设计网页时,要尽量保持空白空间,以使网页更加简洁、美观。它可以使网页元素更加紧凑,同时也可以让用户更加容易理解网页的内容,从而提高用户体验。


当前文章:wordpress留白 wordpress留言板插件
文章分享:http://shouzuofang.com/article/ddceedd.html

其他资讯