A little tips to get started

[angelazou]

Hi everyone,

I just installed a copy of Get Simple on my local site, I need a few tips about my site migration. I'm currently not using any CMS for my site:
1- I'm currently using Cu3er on my main site, how can I integrate that into GetSimple?
2- I have templates for other CMS, mainly Wordpress and Joomla, is it possible to modify them to fit to work with GetSimple? If so, how?
3- I have contents for other languages for which I didn't find a language pack available. Is the content going to be displayed correctly (I mean, if I use UTF8)?
4- And perhaps there is a way to create a link to which I can get the contents displayed in that language completely?

Thanks,
Angela

[ccagle8]

welcome!

1. I don't see anything that would stop you from using this. Just add it to one of your template files
2. I think our templating system is most similar to WordPress, so that theme would probably be easiest to convert
3. Yes, it should be displayed correctly, but to be honest, I dont really understand what the question is about..
4. I think the I18N plugin is your best bet

[angelazou]

Hi Chris,

Thanks for the info, but can you tell me how exactly can I convert the theme? I mean, should I just swapped the PHP functions and I'm done? Please elaborate a little.

Regards,
Angela

[Connie]

Angela,

I would suggest not to use a template for another CMS because than you will have 2 parts to realize:

. what are the CMS-functions / snippets of the "first" system and
. what are the template tags you need for GetSimple

I suggest first:

- test the already existing templates, maybe you find one which you like and it will need only a little bit tweaking

- doing this you will find out about the template tags and where they are placed (you find all necessary ones described in the wiki)

- if you do not want to use one of these, why not take a "normal" template and use that as a base for a template? (www.freecsstemplates.org has very nice ones)

and please, read a little in the documentation, you will find that it is not so difficult

instead of "elaborating" here in the forum everything is described already: see here:

http://get-simple.info/wiki/themes:creation

Cheers, Connie

[angelazou]

I am having some issues getting Cu3er into my site. I'm currently using the Innovation theme. I tried to place the JavaScript code directly into the source code page, but nothing shows up in the front-end. What's even worse, the pages now can't be edited, because I can't see them! Page Options are as far as I can see.
I would like to know if there is something I'm missing, are there certain requisites when embedding JavaScript into a page directly?

Regards,
Angela

PS: for example, if I wish to add an external JS file, where should I place it? I tried to create a new directory in the system, but I don't think the page has successful found the file.

[Connie]

Angela,

1) adding scripts to a page must be entered in a template, you do not exactly describe where you added the code, but I understand that you entered it in the program files of GS???

2) now you have to restore the original files, either template files or program files, I do not know what you edited

3) to test how to integrate other functionality, you should take these steps:

- make a copy of the template.php of your actual theme, name it for example CU3.php
- edit this template
- create a new page, add this template in the options and check out if it works

4) when you tell us which program / script you want to integrate, please give the URL of that script as well
I had to do a google search to find out what cu3 is and found hundreds of pages, so URL of the script which you used would be very helpful

good luck, Connie

[angelazou]

Connie,

There are currently two scripts I'd like to integrate into the template:
1) A scrolling bar for news and events. I originally placed the script into the components section (I'm using Innovation theme), and then, I copied them and placed it in the sidebar.php file in the theme folder. Still nothing shows up, and now I'm getting this big chuck of empty space at the bottom of the page. I'm not sure if the sidebar.php is the right place to put the codes.
2) Cu3er comes from a CSS template that I have (it's in the HTML folder), and it's uploaded here. Both of these are JavaScript, no PHP here, and I thought they could be integrated by just embedding the tags into the original page.

I'm not sure about your point 2. How do I restore these files? Please elaborate. I'm not even sure what is missing. I did a website health check, no problem there for the files except I don't have CuRL module, and this message appears for the website version "Unable to check. Your version is 3.0".
Also, when the problem just occurred, I did a lot of 'undo' to restore the original state of the system before modification, but that doesn't help either.

Regards,
Angela

[Connie]

I'm not sure about your point 2. How do I restore these files? Please elaborate.

I thought you put the code into the program-files as you did not explicitely tell which files you modified.
And restoring means mostly: re-upload ;=)

Angela,

if you have so much trouble, you should post the code which you want to integrate and where you tried to integrate it ... otherwise we need a christal ball ;=(

[angelazou]

The first script I need to integrate is a simple news scroll bar containing latest events.

Code:

<script type="text/javascript" src="../uploads/javascript/mootools.js"></script>
<script type="text/javascript" src="../uploads/javascript/qscroller.js"></script>
<!-- External scripts are saved in the uploads newly created javascript folder-->
<div id="qscroller1"></div>
<div class="hide">
  <span class="qslide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </span>
  <span class="qslide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </span>
  <span class="qslide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </span>
  <span class="qslide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </span>
  <span class="qslide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </span>
</div>
<script type="text/javascript">
<!--
window.addEvent('domready', function() {
var opt = {
  duration: 3000,
  delay: 1000,
  auto:true,
  onMouseEnter: function(){this.stop();},
  onMouseLeave: function(){this.play();}
}
var scroller = new QScroller('qscroller1',opt);
scroller.load();
});
//-->
</script>

I also added the following CSS styles for the news block. I'm using Innovation theme with a little twist.

Code:

header .breadcrumbs #hide {
display:none;
}

I have placed these codes in just a simple HTML file and it works. Originally, I placed the JavaScript code as part of the Sidebar Component, and the CSS directly embedded in the template style sheet.

[Connie]

<script type="text/javascript" src="../uploads/javascript/mootools.js"></script> <script type="text/javascript" src="../uploads/javascript/qscroller.js"></script>

sorry, but in case that you use pretty urls, these relative links will not work!

1) the script links belong into the header
2) the URLS of the scripts must be defined so that they will always link to the correct directories,

you could do like this:

load these scripts into your theme-directory, for example in a subdirectory "javascript"

so you could load these scripts using an URL like that:

Code:

<script type="text/javascript" src="<?php get_theme_url(); ?>/javascript/mootools.js"></script>

Linking to it like this, GS will always find the correct path

3) are you sure the Mootool-script is compliant with the scripts which are used in the theme or by other plugins?

I've heard of conflicts between JQuery and Mootools for example...

so I suggest:
- add the script-references to the header of your template
- use URL like I described

and test

you will find some information about template-tags in the wiki, this might be helpful

Cheers, Connie

[angelazou]

Hi Connie, it works fine now right after I changed the pathname. You mentioned that mootools may not work very well with jQuery, can you tell me if there is a known scrolling script that is compatible with GetSimple? I mean like someone else has already used it?

Thanks,
Angela

[yojoe]

Hi Connie, it works fine now right after I changed the pathname. You mentioned that mootools may not work very well with jQuery, can you tell me if there is a known scrolling script that is compatible with GetSimple? I mean like someone else has already used it?

Thanks,
Angela

1. jquery offers a function named jQuery.noConflict(), when you use other js frameworks along with jq.
2. vTicker works as supposed. I used it successfully with GS 2.03

[angelazou]

Thanks for the info, there is one other script I want to implement, the Cu3er. Problem with this script is that the file path can't be directly edited. It's embedded in another file. The following are the only code that I need to implement as part of the template PHP file. However, the config.xml and cu3er.swf both need to be in the same directory as that of this file and expressInstall.swf is in another directory.
Which file should I edited the default path of these files? I think they are hidden in one of the two JS files attached below.

Code:

<script type="text/javascript" src="<?php get_theme_url(); ?>/assets/js/swfobject/swfobject.js"></script>
<script type="text/javascript">
        var flashvars = {};
        flashvars.xml = "config.xml";
        flashvars.font = "font.swf";
        var attributes = {};
        attributes.wmode = "transparent";
        attributes.id = "slider";
        swfobject.embedSWF("cu3er.swf", "cu3er-container", "960", "400", "9", "expressInstall.swf", flashvars, attributes);
</script>
      <div class="cu3er_resize">
        <div id="cu3er-container"><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
      </div>

[angelazou]

The other file is uploaded here

[Connie]

answer to other question before:

just do a google search for

JQuery Scrolling Script

and you will get a lot! Or check the one at the homepage of Getsimple, in the source code you see the name of that scrolling script and it is GEtSimple-proof!


now this:
JQUERY is nothing special, it is very common.
So you do not need to add it for us to download ;=)
Put it into /data/uploads/jquery for example and call it with a direkt absolute URL in your template header

and please do a search here in the forum, I did a search for "swobject" and found this post which has a lot of information for your topic:

http://get-simple.info/forum/topic/310/i...lash-file/

I am sure it will help you

[mvlcek]

just do a google search for

JQuery Scrolling Script

and you will get a lot! Or check the one at the homepage of Getsimple, in the source code you see the name of that scrolling script and it is GEtSimple-proof!

Or use the I18N Gallery plugin, which allows you to easily create slides like on the GetSimple homepage, see here for an example.

[angelazou]

I'm trying out vTicker, to replace the original MooTools file, however, I'm not getting anything. So the following is what I have wrote in the sidebar section.

Code:

<h2>News and Events</h2>

<script type="text/javascript" src="<?php get_theme_url(); ?>/assets/js/jquery.vticker-min.js"></script>
<script type="text/javascript" src="<?php get_theme_url(); ?>/assets/js/jquery-1.6.1.min.js"></script>
<div id="scroller">
<ul>
<li>Some Sample Text</li>
<li>Some Sample Text</li>
<li>Some Sample Text</li>
</ul>
</div>
<script type="text/javascript">
$(function(){
    $('#scroller').vTicker({
        speed: 500,
        pause: 6000,
        animation: 'fade',
        mousePause: true,
        showItems: 1
    });
});
</script>

[yojoe]

I'm trying out vTicker, to replace the original MooTools file, however, I'm not getting anything. So the following is what I have wrote in the sidebar section.

HA! And in what exact direction would you like to scroll your list items, because default setting scrolls horizontally


hint:
add direction: 'up',
or 'down' in your settings.


edit: btw you should launch your script in <head> section, and launch script using $(document).ready(function(){

[angelazou]

Well, now this is in the header.php

Code:

$(document).ready(function(){
    $('#scroller').vTicker({
        speed: 500,
        pause: 6000,
        animation: 'fade',
        mousePause: true,
        showItems: 1,
        direction: down
    });
});

and this is the code at the sidebar component

Code:

<h2>News and Events</h2>

<script type="text/javascript" src="<?php get_theme_url(); ?>/assets/js/jquery.vticker-min.js"></script>
<script type="text/javascript" src="<?php get_theme_url(); ?>/assets/js/jquery-1.6.1.min.js"></script>
<div id="scroller">
<ul>
<li>Some Sample Text</li>
<li>Some Sample Text</li>
<li>Some Sample Text</li>
</ul>
</div>

However, still, all the text show up like plain text. What is wrong with these scripts? I also made sure the JS files are in the correct place (I mean as long as the get_theme_url points to the current theme)

[angelazou]

I guess I made some mistakes on my way, fixed it now. vTicker looks great. Thanks.

Regards,
Angela