You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 24-06-2013 17:38:09

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

I have made a little tutorial page

Hi folks,

i'd like to contribute to this great template Thomas made.

I have made a little tutorial page http://www.netzwerkstudio.de/#!/tutorials

This page also uses "like-to-unlock", so you'll have to like it on facebook before you can see the content big_smile
Yeah, I'll make a tutorial for that later, too :-)

Note: The like-thingy uses cookies. So if you already liked my site before, just un-/relike it!

Check it out and let me know, what you think!

regards
- Pie

Offline

#2 25-06-2013 17:35:42

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hi,

i had a little bug in it, when not already logged on to facebook.
Boxes have been jumping wildly when trying to hit the like button.

This is now fixed and should work fine.

Offline

#3 25-06-2013 23:30:22

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: I have made a little tutorial page

I'm writing more docs/tutorials too smile They're very handy for other users, thanks smile

Offline

#4 25-06-2013 23:40:59

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

The more the better big_smile

BTW: I have added your Name and links to your Metro website today, just in case somebody finds the tutorial page by accident (Google might help with that...) wink

My intension with that page was to test the like-to-unhide feature. I did not have any proper content for this, so i made a tutorial page. At least, it's a good reason to click the like-button. Heck, i like it smile

- Pie

Last edited by Pie (25-06-2013 23:42:58)

Offline

#5 27-06-2013 12:40:03

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hi,

added a new tutorial for "prettify", Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page.

Check it out and use it if you like :-)

- Pie

Offline

#6 27-06-2013 13:02:59

Emil
Moderator
From: in a shipyard
Registered: 15-03-2013
Posts: 106

Re: I have made a little tutorial page

Hi Pie, I liked your page, but still can't pass the lock. It should work, right? I'll keep trying later today. I'll let you know if it works.

Ok, it works, had to unlike it than do it again. On 3-rd try it worked.

Last edited by Emil (27-06-2013 13:26:30)


Good advice is often confusing, but example is always clear.

Offline

#7 27-06-2013 13:05:05

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hi Emil,

you liked it but you have to relike it. It's cookie based.

See the red warning box :-)

- Pie

Offline

#8 27-06-2013 13:44:37

Emil
Moderator
From: in a shipyard
Registered: 15-03-2013
Posts: 106

Re: I have made a little tutorial page

Very nice looking.
Need to clarify (i know what you mean, but you'll be asked where to put the code tongue):

Create placeholder for the button in index.html:

Place a tutorial for a facebook plugin to lock content if page not liked big_smile.

Last edited by Emil (27-06-2013 13:46:11)


Good advice is often confusing, but example is always clear.

Offline

#9 27-06-2013 13:53:39

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hehe,

I'll think about that big_smile

Offline

#10 27-06-2013 14:20:08

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hi Emil,

just noticed i used "index.html" instad of "index.php" in the tuts tongue

fixed that and also added information about where to add those snippets as you suggested :-)

-Pie

Offline

#11 27-06-2013 14:28:47

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: I have made a little tutorial page

For that tutorial about the scrollToTop;

I recommend putting the Javascript code in a file plugins/toTop/plugin.js

and putting the

<!-- TO TOP OF PAGE START -->
<p id="back-top">
	<a href="#top"><span></span></a>
</p>
<!-- TO TOP OF PAGE END -->

in the file plugins/toTop/plugin.php as following:

<?php
function toTopPHP(){
?>
<!-- TO TOP OF PAGE START -->
<p id="back-top">
	<a href="#top"><span></span></a>
</p>
<!-- TO TOP OF PAGE END -->
<?php
}
onEvent("bodyEnd","toTopPHP");
?>

Modifying the index.php is very "dangerous".

Offline

#12 27-06-2013 15:18:26

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hmm,

generally agreed, but somehow that does create problems sad
The Button does not fadeIn/Out and is overlapped by the other Button for the Mini-Menue on the left (labelled "ANFANG")

I commented out all relevant code in index.php.

Where did i go wrong?

- Pie

Last edited by Pie (27-06-2013 16:35:21)

Offline

#13 27-06-2013 15:23:44

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Ah,

found the error... had a </script> inside the .js file...
and forgot the placeholder <div> for my Mini-Menue (lazily copied/pasted your code big_smile)

Everything's fine now :-)

- Pie

Last edited by Pie (27-06-2013 16:38:02)

Offline

#14 27-06-2013 15:57:57

Pie
Contributors
From: Germany
Registered: 17-03-2013
Posts: 366
Website

Re: I have made a little tutorial page

Hey Thomas,

you may check the update on the tutorial.

- Pie

Offline

Board footer

Powered by FluxBB