SMF For Free Support Forum
Signup For Free Forum
April 20, 2014, 12:49:39 am *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register Chat  

Pages: [1] 2 3 4 ... 6
  Print  
Author Topic: [Guide] Basic guide to using the Webpage Editor  (Read 19642 times)
0 Members and 1 Guest are viewing this topic.
x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« on: June 01, 2008, 09:28:38 am »

This new feature can add endless possibilities to your forum. In the following example I'll show you how to add a xat chatbox to your forum.

Step1
Go to Admin panel>webpage editor>add new webpage



Step2
On the next screen, you will be presented with three blocks.
1. Webpage Title...Give your new page a name
  
2. Webpage Body... This is where the actual code will be placed. You can use the editors features to add images, formatted text, etc to your page. In this example, we are going to add a chatbox, so we need to click the "html" link.



This will open a new popup window for you to paste your HTML code into. Once you do that, click "Update" at the bottom of the popup.
3. Extra Meta Tags...This area is useful if you want to insert any meta tags into the head of the page.

Step 3

Click "Add Page" after you have all the info inserted as mentioned above. This will  present you with a screen listing the direct url to the page you just created.



To see the page in action, click the url. If you want to add a custom tab using the "Custom Tabs" feature in the Style Manager, this is the url you need.

The following is a xat box I added using the above steps. http://freelandtest.smfforfree2.com/pages/freelandtest/xat.php

Remember to use your imagination. You can add formatted text and stuff to this page as well as the html code. I wanted to keep it simple and basic for demonstrative purposes.
« Last Edit: August 22, 2009, 01:06:34 pm by simply sibyl » Logged

SMF For Free
Administrator
*
Offline Offline

Posts: 6585


View Profile WWW
Total Badges: 34
Badges: (View All)
Eighth year Anniversary Search Seventh year Anniversary Level 6 Apple User
« Reply #1 on: June 01, 2008, 09:32:55 am »

Thanks for the guide!
Logged

SMF For Free-Free Simple Machines Forum hosting.
x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« Reply #2 on: June 01, 2008, 09:35:11 am »

You're welcome SMF...I think this is one of the best features you've added yet. With a little work and imagination, you can turn your forum into a full fledge website...with all the bells and whistles.
 Wink
Logged

DreaminOfAngels
SMF For Free Sr. Member
*
Offline Offline

Posts: 344



View Profile WWW
Total Badges: 15
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #3 on: June 01, 2008, 11:02:53 am »

what kind of pages does this make for us? can we itegrate a chat with this? or place a live flashchat inside of this new webpage?
Logged

pker own
SMF For Free Sr. Member
*
Offline Offline

Posts: 370


View Profile WWW
Total Badges: 14
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #4 on: June 01, 2008, 11:04:17 am »

Yes, You can Smiley. But flashchat you have to pay for.
Logged

DreaminOfAngels
SMF For Free Sr. Member
*
Offline Offline

Posts: 344



View Profile WWW
Total Badges: 15
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #5 on: June 01, 2008, 11:14:41 am »

ok, i already have the flashchat v4.7.12

anyone know how to help me do this?
Logged

x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« Reply #6 on: June 01, 2008, 11:17:02 am »

For the chatroom that you have, you still have to host it somewhere and embed the page into the webpage editor. Your chatroom contains php files, correct?
Logged

DreaminOfAngels
SMF For Free Sr. Member
*
Offline Offline

Posts: 344



View Profile WWW
Total Badges: 15
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #7 on: June 01, 2008, 11:24:11 am »

yes. and we now have it hosted on enom. but placing it into a webpage may be able to help us make it more secure now by only allowing access once a registered member is already signed in, as oppossed to having to preset their usernames and using the 'honor' system that it is being used by only those we allow. does this make sense?
Logged

x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« Reply #8 on: June 01, 2008, 11:37:27 am »

Then you should beable to use the iframe tag

Code:
<iframe src="url to chatroom" width="100%"></iframe>

**note: I'm not sure how the permissions work with the Custom Tab feature, so if you decide to create a tab for the chatroom, guests may still be able to view it.So you may want to post the link to the newly created page somewhere on your forum that only your members can see.
« Last Edit: June 01, 2008, 11:48:59 am by Gordie » Logged

DreaminOfAngels
SMF For Free Sr. Member
*
Offline Offline

Posts: 344



View Profile WWW
Total Badges: 15
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #9 on: June 01, 2008, 11:46:53 am »

where do i put the iframe tag? (body or meta tag?)
Logged

x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« Reply #10 on: June 01, 2008, 11:48:13 am »

Body...click the html link as described above, and paste the code in the popup.It should work.
Logged

DreaminOfAngels
SMF For Free Sr. Member
*
Offline Offline

Posts: 344



View Profile WWW
Total Badges: 15
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #11 on: June 01, 2008, 11:51:26 am »

http://www.soulsinserenity.org/pages/souls-in-serenity-chat-room.php

i think i did something wrong?
Logged

x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« Reply #12 on: June 01, 2008, 11:52:53 am »

Can you post the code you entered?

Edit: The url to your chatroom is incorrect...it should be http://www.soulsinserenity.org/pages/soulsinserenity/souls-in-serenity-chat-room.php

The chatroom is showing, you just need to add a height attribute to the iframe tag. So that it will read something like width="100%" height="600px"
« Last Edit: June 01, 2008, 11:56:08 am by Gordie » Logged

DreaminOfAngels
SMF For Free Sr. Member
*
Offline Offline

Posts: 344



View Profile WWW
Total Badges: 15
Badges: (View All)
Topic Starter Combination Level 3 Level 2 Level 1
« Reply #13 on: June 01, 2008, 11:54:23 am »

<iframe src="http://soulsinserenit.ehost-services117.com/chat/flashchat.php" width="100%"><iframe>
Logged

x-Treme
SMF For Free Hero
*
Offline Offline

Posts: 592


formally known as Gordie!!!


View Profile WWW
Total Badges: 19
Badges: (View All)
Topic Starter Combination Level 4 Level 3 Level 2
« Reply #14 on: June 01, 2008, 11:57:06 am »

edited my last post
Logged



Pages: [1] 2 3 4 ... 6
  Print  
 
Jump to:  



Powered by SMF 1.1.19 | SMF © 2013, Simple Machines