Author Topic: [Guide] Basic guide to using the Webpage Editor  (Read 25789 times)

0 Members and 1 Guest are viewing this topic.

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
[Guide] Basic guide to using the Webpage Editor
« on: June 01, 2008, 08: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, 12:06:34 pm by simply sibyl »

Offline SMF For Free

  • Administrator
  • *
  • Posts: 7058
    • View Profile
    • SMF For Free

  • Total Badges: 37
    Badges: (View All)
    Tenth year Anniversary Spammer 25 Posts in one day Nineth year Anniversary Eighth year Anniversary Search
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #1 on: June 01, 2008, 08:32:55 am »
Thanks for the guide!
SMF For Free-Free Simple Machines Forum hosting.

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #2 on: June 01, 2008, 08: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.
 ;)

Offline DreaminOfAngels

  • SMF For Free Sr. Member
  • *
  • Posts: 344
    • View Profile
    • Souls In Serenity

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #3 on: June 01, 2008, 10: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?

Offline pker own

  • SMF For Free Sr. Member
  • *
  • Posts: 370
    • View Profile
    • Coreyscape Forums (Was A Server)

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #4 on: June 01, 2008, 10:04:17 am »
Yes, You can :). But flashchat you have to pay for.

Offline DreaminOfAngels

  • SMF For Free Sr. Member
  • *
  • Posts: 344
    • View Profile
    • Souls In Serenity

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #5 on: June 01, 2008, 10:14:41 am »
ok, i already have the flashchat v4.7.12

anyone know how to help me do this?

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #6 on: June 01, 2008, 10: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?

Offline DreaminOfAngels

  • SMF For Free Sr. Member
  • *
  • Posts: 344
    • View Profile
    • Souls In Serenity

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #7 on: June 01, 2008, 10: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?

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #8 on: June 01, 2008, 10:37:27 am »
Then you should beable to use the iframe tag

Code: [Select]
<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, 10:48:59 am by Gordie »

Offline DreaminOfAngels

  • SMF For Free Sr. Member
  • *
  • Posts: 344
    • View Profile
    • Souls In Serenity

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #9 on: June 01, 2008, 10:46:53 am »
where do i put the iframe tag? (body or meta tag?)

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #10 on: June 01, 2008, 10:48:13 am »
Body...click the html link as described above, and paste the code in the popup.It should work.

Offline DreaminOfAngels

  • SMF For Free Sr. Member
  • *
  • Posts: 344
    • View Profile
    • Souls In Serenity

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #11 on: June 01, 2008, 10:51:26 am »

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #12 on: June 01, 2008, 10: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, 10:56:08 am by Gordie »

Offline DreaminOfAngels

  • SMF For Free Sr. Member
  • *
  • Posts: 344
    • View Profile
    • Souls In Serenity

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #13 on: June 01, 2008, 10:54:23 am »

Offline x-Treme

  • SMF For Free Hero
  • *
  • Posts: 592
  • formally known as Gordie!!!
    • View Profile
    • xTreme Arcade

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: [Guide]Basic guide to using the Webpage Editor
« Reply #14 on: June 01, 2008, 10:57:06 am »
edited my last post