[HOW TO - vB4] Create a own vBulletin page (without plugin and php file)

[Lynne]

Originally Posted by Ted Clore

I've read and reread this article and completely do not understand it. Could someone give a step by step and explain things for a neophyte like myself. I am trying to wrap my site pages with vB headers, footers and widgets, and I think this is what this is supposed to do.

Any help is appreciated. Thank you.

What exactly have you done? The article is pretty straightforward. Did you create any templates? Did you make sure to name them custom_whatever ? Exactly what have you done so far?

Originally Posted by nubian

Any way to make these URL friendly?
Like mydomain.com/aboutus ?

Google "htaccess mod_rewrite"

[nubian]

Originally Posted by Lynne

Google "htaccess mod_rewrite"

Oh cool, all's that needed it a mod rewrite.
I'm currently using Mattyasia's.

Thanks for replying

[Ted Clore]

Originally Posted by Lynne

What exactly have you done? The article is pretty straightforward. Did you create any templates? Did you make sure to name them custom_whatever ? Exactly what have you done so far?

Well..., I have moved on in a different direction, which seems to be working for me. Sorta.

What I am doing now is making a widget with HTML code in a Static HTML widget. Then I make a new layout with the Layout manager and place the widget into the center of the layout, just below the Primary Content. Then I go to to the Section Manager and make a new section naming it accordingly. And with the Layout window in the Layout editor, I select the layout I created earlier. This puts the content of the widget on the center of a page all by itself, if I want.

The only problem that I am having is that not all of the HTML codes work in the widgets. Headers and Navigational commands within the widget either don't work at all or take you to the Home page in CMS.

For instance, I have a very long article that is in a widget and navigation code that will take you to a section heading so that you don't have to scroll through a lot of text to get to that section. And after you have read that section you can click a TOP button that should take you back to the top of the page where the Contents are listed. Either link takes you to the Home page in CMS.

Here it is:

http://www.light-after-darkness.org/...ssion-of-Faith

Clicking on a title in the Contents section should take you to that section, it doesn't it takes you Home.

Clicking on "TOP" at the end of a section should take you back to the Contents portion of the article, it doesn't.

Any ideas, after this long post?

[Lynne]

Originally Posted by Ted Clore

Clicking on a title in the Contents section should take you to that section, it doesn't it takes you Home.

Clicking on "TOP" at the end of a section should take you back to the Contents portion of the article, it doesn't.

Any ideas, after this long post?

Google "anchor html". You have your anchor links incorrect which is why they aren't going to the correct place. I've gotta run right now, but you should be able to google it and see what is wrong (hover over your links in the page to see where they are currently going).

[Ted Clore]

Originally Posted by Lynne

Google "anchor html". You have your anchor links incorrect which is why they aren't going to the correct place. I've gotta run right now, but you should be able to google it and see what is wrong (hover over your links in the page to see where they are currently going).

The code works OK if it isn't in a widget:

SEE ME

So I don't think it is something wrong with the code.

[Lynne]

Originally Posted by Ted Clore

The code works OK if it isn't in a widget:

SEE ME

So I don't think it is something wrong with the code.

You can see that the links are different, right? In the standalone code above, the link for the first article is:

http://www.light-after-darkness.org/forums/articles/WCF1.php#I

- notice the url for that page and then the anchor at the end.

On the CMS page, the link for the first article is:

http://www.light-after-darkness.org/forums/#I

- notice that url is incorrect for the page, it should be something like:

http://www.light-after-darkness.org/forums/content.php?59-The-Westminster-Confession-of-Faith#I

It needs the page name and section name in there.

[nubian]

Would it be possible to get rid of what I have attached here in yellow?



I'm finding it to be quite redundant and also I'm unable to separate the words about and us like I can in the blockhead.

[Lynne]

I suppose you could, but you'll have to edit your template. To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code.

[nubian]

Originally Posted by Lynne

I suppose you could, but you'll have to edit your template. To find the template to modify, do this - vboptions > General Settings > Add Template Name in HTML Comments > set to Yes . Then go back to your page and view the source code and you will see the name of the template called around your part of the code.

Hi Lynne.

My apologies, I'm understanding what you told me but I'm not understanding why you told me and how this would get rid of the aboutus text?

I've create a template called, "custom_aboutus".
If I were viewing this in firebug, I could see that the line for the aboutus text is this:

<span>aboutus</span>

This is what the code looks like.

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
  <head>
    <title>{vb:raw vboptions.bbtitle}</title>
    {vb:raw headinclude}
  </head>
  <body>
    
    {vb:raw header}
    
    {vb:raw navbar}
    <div id="pagetitle">
      <h1>{vb:raw pagetitle}</h1>
    </div>
      
    <h2 class="blockhead">About Us</h2>
    <div class="blockbody">
      <div class="blockrow">
        Test here
      </div>
    </div>
    
    {vb:raw footer}
  </body>
</html>

I thought maybe getting rid of this...

{vb:raw navbar}

would do it but that removes my entire menu.

Thanks

[I.am]

I can't see the text when i write on this template what stylevar color i have to edit?