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

在Drupal中使用jQuery很简单,这是因为Drupal内置了jQuery,并且在添加JavaScript时会自动加载 jQuery。在Drupal中,通过drupal_add_js()函数来添加JavaScript文件。 drupal7中注意$需用jQuery代替… 一、在页面内添加jQuery(不推荐此方法使用jQuery) Let’s get set up to play with jQuery. Log into your Drupal site as user 1 (the administrative account). On the Modules page, enable the PHP filter module. 开启PHP filter模块 Create a new node of type Basic Page, but on the node creation form, be sure to select “PHP code” under the “Input formats” section. Enter Testing jQuery as the title, and add the following to the body section of the form: 创建一个页面,选择PHP code 的输入格式

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