collapse

* Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

* User Info

 
 
Welcome, Guest. Please login or register.

* Who's Online

  • Dot Guests: 634
  • Dot Hidden: 0
  • Dot Users: 0

There aren't any users online.

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • {OCS}MasterSeal: Yup, Still adore SP
    April 21, 2019, 07:08:06 PM
  • {OCS}MasterSeal: STILL love SP :)
    November 24, 2018, 05:05:50 AM
  • ♦ Ninja ZX-10RR ♦: <3 aegersz
    September 13, 2018, 03:36:09 PM
  • aegersz: I STILL <3 LOVE SimplePortal
    September 13, 2018, 07:11:39 AM
  • aegersz: o LOVE you guys - Simple Portal rocks !
    May 09, 2018, 05:18:59 AM
  • Chen Zhen: our apologies for the site being down.. please read server issues topic
    March 22, 2018, 05:32:38 AM
  • {OCS}MasterSeal: LOL PLEASE forget I just posted that. I found the answer in my own dang post back in 2015. lol sorry!
    July 04, 2017, 10:47:55 PM
  • {OCS}MasterSeal: I know this SB isnt' for support, but I just have a general question. Who would I contact to find out where SP stores its block info? Is it DB driven or files? I searched the site but came up with nothing. probably my fault any insight is appreciated.
    July 04, 2017, 10:43:36 PM
  • ♦ Ninja ZX-10RR ♦: Excuse me but what does Simpleportal have to deal with that?
    February 05, 2017, 08:21:14 PM
  • WhiteEagle: of course IMHO that site appears to be dead :(
    February 04, 2017, 01:08:05 PM
  • WhiteEagle: If I can get that, then I'll use it for that site...
    February 04, 2017, 01:07:35 PM
  • WhiteEagle: decided to not use SMF for any projects, unless I can get a copy of the premium version of the fanfiction archive plugin
    February 04, 2017, 01:06:54 PM
  • expertdecisions: cloudflare
    January 28, 2017, 08:01:47 AM
  • aegersz: SM release 2.0.13 !
    January 12, 2017, 06:00:13 AM
  • raffo: Tks Emanuele, even if I didn't understand the fix :D
    November 07, 2016, 02:01:20 AM
  • emanuele: [link]
    November 01, 2016, 12:43:50 PM
  • emanuele: raffo: the English support board is a good place. ;)
    November 01, 2016, 12:43:38 PM
  • raffo: Where can I find the fix for the shoutbox?
    November 01, 2016, 05:06:09 AM
  • {OCS}MasterSeal: To the SP team, I make a point to come here and thank you as much as possible for your work.  so again, THANK YOU!
    October 28, 2016, 10:38:05 AM
  • emanuele: That's indeed funny, the limit is present only in the patch and not the full install.
    October 22, 2016, 06:14:58 PM

* Team Blog

* Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]
Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]
MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]
Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]
Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]
Installation errors? Mod incompatibilities? Upgrade problems? Make your way over to the Install and Upgrade Support board for all your solutions!

« previous next »
Pages: [1]   Go Down

Author Topic: Need help adding nivo-slider  (Read 8844 times)

0 Members and 1 Guest are viewing this topic.

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Need help adding nivo-slider
« on: January 22, 2012, 05:53:33 AM »
I want to add nivo-slider to my website home page and my home page is simpleportal so how would i add it on to there?

just to let you know i dont know how to code ;)

my website is  http://katoon.co.uk/

nivo-slider

http://nivo.dev7studios.com/
Logged

Offline [SiNaN]

  • Mr. SimplePortal
  • Developer
  • *
  • Posts: 6782
  • SMF Version: 2.0.15
  • SP Version: 2.3.7
Re: Need help adding nivo-slider
« Reply #1 on: January 22, 2012, 07:46:11 AM »
First you need to decide on what you want to display with that slider.

Then you can use such a code in a SimplePortal HTML block:

Code: [Select]
<div id="slider" class="nivoSlider">
<img src="1.png" alt="" />
<img src="2.png" alt="" />
<img src="3.png" alt="" />
</div>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
You'll also need to add these links between <head></head> tags of your theme.

Code: [Select]
    <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
While doing that, of course you need to upload the necessary files referenced (.js and .css) and change the code according to the path they are uploaded.

Sorry if it sounds difficult but really it's going to be difficult to customize this for your site without knowing any HTML and a little bit PHP.
Logged
And slowly, you come to realize... It's all as it should be...

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Re: Need help adding nivo-slider
« Reply #2 on: January 22, 2012, 08:51:39 AM »
if you could download teamvewir would you go on and help me?
Logged

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Re: Need help adding nivo-slider
« Reply #3 on: January 23, 2012, 11:12:29 AM »
could you download

teamvewir

and you could help me do this?
Logged

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Re: Need help adding nivo-slider
« Reply #4 on: January 23, 2012, 02:34:24 PM »
i think i got the <head> code to go in i put it right at the start of the <head> tag

now i uploaded the hold folder to ftp and the folder called nivo-slider and the filenames are the same so you said that i would need to edit the files according to where i have uploaded them so could you help me edit the code

as i said i uploaded the hole folder called nivo-slider and Havant changed any of the file names within it.

hope you can help!!!

[UPDATE]

i got things working but i looks messed up take a look www.katoon.co.uk
« Last Edit: January 23, 2012, 06:22:31 PM by katoon »
Logged

Offline Fog

  • Jr. Member
  • **
  • Posts: 79
  • Gender: Male
  • SMF Version: 2.0.1
  • SP Version: 2.3.4
Re: Need help adding nivo-slider
« Reply #5 on: January 23, 2012, 09:41:50 PM »
Can I help you?

What kind of file are you downloading from Nivo-Slider? (html, php, swf)
Logged

Offline Fog

  • Jr. Member
  • **
  • Posts: 79
  • Gender: Male
  • SMF Version: 2.0.1
  • SP Version: 2.3.4
Re: Need help adding nivo-slider
« Reply #6 on: January 23, 2012, 11:28:01 PM »
Can one edit the Nivo-Slider?
Logged

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Re: Need help adding nivo-slider
« Reply #7 on: January 24, 2012, 03:21:31 AM »
Quote from: Fog on January 23, 2012, 09:41:50 PM
Can I help you?

What kind of file are you downloading from Nivo-Slider? (html, php, swf)

i put all the code in that SiNaN told me to do and put the pictures in

but it shows up and a tiny box and it dose rotate but things are messed up

i uploaded the

nivo-slider.css
jquery.nivo.slider.js
jquery.nivo.slider.pack.js         to the directory

i tried editing the code a bit but it didn't work any thoughts?

also if you know what your doing could you download "Teamvewir" and then come on and you can take a look?
Logged

Offline Fog

  • Jr. Member
  • **
  • Posts: 79
  • Gender: Male
  • SMF Version: 2.0.1
  • SP Version: 2.3.4
Re: Need help adding nivo-slider
« Reply #8 on: January 24, 2012, 10:40:00 PM »
I went to your site and it does load funky....

Off the top of my head, do you have a set height for your slider in your CSS?

It seems as the png changes it makes the page go up and down...

What is "teamvewir"?
Logged

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Re: Need help adding nivo-slider
« Reply #9 on: January 25, 2012, 03:18:46 AM »
Quote from: Fog on January 24, 2012, 10:40:00 PM
I went to your site and it does load funky....

Off the top of my head, do you have a set height for your slider in your CSS?

It seems as the png changes it makes the page go up and down...

What is "teamvewir"?

teamvewir is when you can remotely control my computer
Logged

Offline agent47

  • Jr. Member
  • **
  • Posts: 61
  • SMF Version: 2 RC5
  • SP Version: 2.3.3
Re: Need help adding nivo-slider
« Reply #10 on: January 25, 2012, 09:12:19 AM »
I remember when I was a noob like you and everyone denied me assistance but I want to help you now because I was where u were one day.
I PM'd you.
Logged

Offline AngelinaBelle

  • Comrade
  • *
  • Posts: 4870
  • Gender: Female
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: Need help adding nivo-slider
« Reply #11 on: January 25, 2012, 03:02:34 PM »
Hey katoon,

You don't want to put <head> in your HTML block.  That cannot help, and it violates the laws of XHTML.
You can learn about XHTML at your favorite tutorial site, like w3schools.com.

Fog's suggestion of using CSS to control the appearance of the block may help.
I also recommend the use of IE's F12 developers tools or Firebug for Firefox to help fiddle with CSS.
You can use these tools to trace the CSS in the <div class="slider-wrapper theme-nivo"> on the nivo website, to see how you might like to set up your own slider div. It looks like nivo comes with lots of settings.  You might give them a try, to see if you can set the size that way.

Basically, you can handle this without knowing anything at all about Simple Portal.
You can even practice and test on a simple HTML page, if that makes it any easier to figure out exactly what you want.

You will learn a lot!

Good Luck!
Logged
Please to keep this website running, if you like SimplePortal, make a
one-time subscription. Thank you for your support.

Have you tried the SimplePortal documentation?

Offline katoon

  • Semi Newbie
  • *
  • Posts: 39
  • SMF Version: 2.0.1
  • SP Version: 2.0.2
Re: Need help adding nivo-slider
« Reply #12 on: January 26, 2012, 02:44:34 PM »
Thanks agent47 you have rally help sort not just the nivo-slider but other things aswell

true legand
Logged

Offline agent47

  • Jr. Member
  • **
  • Posts: 61
  • SMF Version: 2 RC5
  • SP Version: 2.3.3
Re: Need help adding nivo-slider
« Reply #13 on: January 26, 2012, 04:45:54 PM »
You're welcome buddy - it was nothing!
Logged

Offline AngelinaBelle

  • Comrade
  • *
  • Posts: 4870
  • Gender: Female
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: Need help adding nivo-slider
« Reply #14 on: February 01, 2012, 12:57:50 PM »
Thanks for helping, agent47. If you could post that help here, it would be a help to the next user with the same question.

katoon -- I'm glad you found the help you needed, and marked the topic solved.

thanks
Logged
Please to keep this website running, if you like SimplePortal, make a
one-time subscription. Thank you for your support.

Have you tried the SimplePortal documentation?
Pages: [1]   Go Up
« previous next »