EzPortal - Portal Software for Forums

EzPortal - Made to Fit Your SMF Forum - Glad You Found Us!
+- +-

UserBox

Welcome, Guest.
Please login or register.
 
 
 
Forgot your password?

+- Recent Posts

New built in translations for six langauges! by EzPortal
March 26, 2024, 11:15:32 pm

Smiley missing in shoutbox 2.1.4 by hustreamload
July 26, 2023, 08:14:02 am

Re: Theme Select Box question? by Shades
March 15, 2023, 06:49:49 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 02:09:24 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 01:55:53 pm

Re: Theme Select Box question? by EzPortal
March 09, 2023, 01:47:42 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 01:34:07 pm

Re: Theme Select Box question? by EzPortal
March 09, 2023, 12:20:17 pm

+- HTML Menu


Sample HTML Block Usage - You May Custom Code it, as needed!

Recent Topics ezBlock

New built in translations for six langauges! by EzPortal
March 26, 2024, 11:15:32 pm

Smiley missing in shoutbox 2.1.4 by hustreamload
July 26, 2023, 08:14:02 am

Theme Select Box question? by Shades
March 15, 2023, 06:49:49 pm

Where is the facebook button color? by EzPortal
February 28, 2023, 06:45:09 pm

Display on Mobile - SMF 2.1.3 and EZ 5.5.2 by BugginIn
December 29, 2022, 04:07:13 pm

Blocks Help by Riggs1973
November 20, 2022, 12:59:30 pm

Surface ol lite theme release Free! by Steffen K.
November 18, 2022, 03:57:24 am

Undefined index: href by EzPortal
October 04, 2022, 08:49:59 pm

SMF-ezportal_column_5.cache): failed to open stream: No such file or directory by EzPortal
June 04, 2022, 11:40:13 am

Arcade block error: failed to open stream: No such file or directory by Shades
May 20, 2022, 02:47:13 pm

Author Topic: HTML Ezblock with a content slider in jquery  (Read 11477 times)

0 Members and 1 Guest are viewing this topic.

Offline jcarv

  • Newbie
  • *
  • Posts: 12
  • Karma: 1
HTML Ezblock with a content slider in jquery
« on: February 26, 2012, 01:38:57 pm »
Hi there,
i would love to create an ezblock with a content slider like this one:

http://www.tuttoaster.com/create-a-cool-mask-transition-slideshow-part-2/

this has html, css, and jquery. But it doesn't work under ezportal blocks.

Can you help me with this?
Thanks.

Offline EzPortal

  • Administrator
  • *****
  • Posts: 1299
  • Karma: 67
Re: HTML Ezblock with a content slider in jquery
« Reply #1 on: February 26, 2012, 11:26:58 pm »
Can you post the code you are using along with a link to a page that the block is on?
Like ezPortal? Support me at https://www.patreon.com/vbgamer45/

Offline jcarv

  • Newbie
  • *
  • Posts: 12
  • Karma: 1
Re: HTML Ezblock with a content slider in jquery
« Reply #2 on: February 27, 2012, 03:47:40 pm »
sure thing...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Importing javascript files to be used in the page -->
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/jMask.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js" ></script>
<script type="text/javascript" src="js/GeosansLight_500.font.js"  ></script>
<script type="text/javascript" src="js/raphael-min.js"  ></script>
<script type="text/javascript" src="js/custom.js"  ></script>
<!-- End of Scripts Block -->
<!-- Importing javascript files to be used in the page -->
<link rel="stylesheet" href="css/style.css" type="text/css"  />
<link rel="stylesheet" href="css/jMask.css" type="text/css"  />
<!-- End of Declaration -->

<title>Coming Soon Page</title>
</head>
<body>
<div id="container">
<div id="outerblock">
<div id="innerblock">
<div id="slideshow">
<div>
<ul>
<li><img src="img/im2.jpg" />

<h1 class="title">titulo 1</h1>
<p>
phrase 1
</p>
</li>
<li><img src="img/im1.jpg" />
<h1 class="title">titulo 2</h1>
<p>
phrase 2
</p>
</li>

</ul>
</div>
</div>
<span id="ribbon-left"></span>
</div>
<div id="frame">
</div>
</div>
<img src="css/i/shadow.png" class="grid_10" id="shadow" />
</div>
</body>
</html>

Offline EzPortal

  • Administrator
  • *****
  • Posts: 1299
  • Karma: 67
Re: HTML Ezblock with a content slider in jquery
« Reply #3 on: February 27, 2012, 04:02:14 pm »
Take out
Code: [Select]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
</body>
</html>
And use full path to the script files.
Like ezPortal? Support me at https://www.patreon.com/vbgamer45/

Offline jcarv

  • Newbie
  • *
  • Posts: 12
  • Karma: 1
Re: HTML Ezblock with a content slider in jquery
« Reply #4 on: March 01, 2012, 02:22:48 am »
I've tried it. On the block it 1st shows all the images , and the "effect" plays outside the ezblock (created on the center column), on the upper part of the website (near the logo area).

Offline jcarv

  • Newbie
  • *
  • Posts: 12
  • Karma: 1
Re: HTML Ezblock with a content slider in jquery
« Reply #5 on: March 17, 2012, 09:53:41 am »
...one other thing...what happens to the link rel statements?
once you save the file, and go back in again, they disappear.


Offline EzPortal

  • Administrator
  • *****
  • Posts: 1299
  • Karma: 67
Re: HTML Ezblock with a content slider in jquery
« Reply #6 on: March 17, 2012, 10:25:10 am »
Disable tinymce editor as an option in the settings. Appears that it strips it out.
Like ezPortal? Support me at https://www.patreon.com/vbgamer45/

Offline jcarv

  • Newbie
  • *
  • Posts: 12
  • Karma: 1
Re: HTML Ezblock with a content slider in jquery
« Reply #7 on: March 17, 2012, 05:04:41 pm »
Solved!  :)

 

Related Topics

  Subject / Started by Replies Last post
0 Replies
8175 Views
Last post March 13, 2010, 05:11:28 am
by sokahar
4 Replies
7271 Views
Last post March 25, 2010, 07:31:14 am
by fizamia7
10 Replies
10261 Views
Last post June 15, 2010, 08:21:17 am
by Maxx
1 Replies
6989 Views
Last post June 22, 2014, 06:04:46 pm
by Maxx
1 Replies
3602 Views
Last post January 14, 2015, 08:15:59 am
by EzPortal

+-SMF Gallery

Quick Menu


Powered by EzPortal