Today I gonna show you how to install and setup the amazing views slideshow module on Drupal7. This tutorial is now uptodate with latest modules!!!Download all the modules from Drupal site and install in the directory yoursitename/sites/all/modules. Go to http://www.yoursitename.com/node#overlay=admin/modulesand enable these modules as below; (1) Views(2) Views UI(3) Views Slideshow(4) Views Slideshow: Cycle (5) Chaos tools (6) Link (7) Libraries (8) Token (Optional)* Fullsize Slider image settingsGo to http://www.yoursitename.com/node#overlay=admin/config/media/image-stylesand click on the add new style link (1) Give an Image style name and click on create new style button (2) On the next configuration screen select new styleyou want and then click addbutton (In this tutorial I choose resize style) (3) On the next screen set the width and heightand click on the add effectbutton.

Continue reading

前言:编码过程难免会有错误和疏漏,还请各位高手指正! 第一节:网站链接专用代码基本代码:文字链接:<A href="链接地址"target=_blank></A>图片链接:<A href="链接地址"target=_blank><IMG src="图片地址” ></A><A></A>是插入地址链接的标签对,单击插入在<A></A>标签对内的文字,图片,就可以链接进入指定的网页或链接地址. <IMG src="图片地址"是插入显示链接的图片标签.href= 是<A>标签的属性,用于实现地址的链接.target=_blank为窗口弹出属性定义,不加此属性则为背负式链接.实例:1.网站链接用代码:1.背负式网站文字链接代码: <A href="http://q.163.com/163.com/”><B><FONTcolor=#997166>阳光公园</FONT></B></A> 效果: 阳光公园2.窗口弹出式网站文字链接代码: <A href="http://q.163.com/163.com/"target=_blank><FONT color=#997166><STRONG>阳光公园</STRONG></FONT></A> 效果: 阳光公园3.背负式网站图片链接代码: <A href="http://q.163.com/163.com/"> <IMG style="WIDTH: 89px; HEIGHT: 72px” height=70 src="http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg” width=28> </A>效果: 4.窗口弹出式网站图片链接代码: <A href="http://q.163.com/163.com/” target=_blank> <IMG style="WIDTH: 89px; HEIGHT: 72px” height=70 src="http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg” width=28> </A>效果:5.文字加图片窗口弹了式链接代码: <A href="http://q.163.com/163.com/” target=_blank> 点击图片<IMG style="WIDTH: 89px; HEIGHT: 72px” height=70 src="http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg” width=28>欣赏更多</A>效果: 点击图片欣赏更多2.论坛中进行网站链接专用代码:1.图片链接: [b][url=http://q.163.com/163.com/]点击[img]http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg[/img]欣赏更多[/url][/b] 2.文字链接: [b]点击[url=http://q.163.com/163.com/]阳光杂志[/url]欣赏更多[/b] 3.字体颜色: [b][color=”#8000ff”]再换个颜色试试[/color][/b] 4.字号:[size=4]文字[/size]   第二节:文字移动专用代码1.基本语法解释:1.基本语法[默认向左移动]:<MARQUEE>要移动的文字</MARQUEE>效果:要移动的文字 2.文字移动属性代码: <MARQUEE style="WIDTH: 600px; HEIGHT: 200px” scrollAmount=1 direction=up align="center”>要移动的文字</MARQUEE>效果:

Continue reading

Author's picture

LuLU

Love coding and new technologies

Cloud Solution Consultant

Canada