TinyPortal

Development => Support => Topic started by: jernatety on May 20, 2018, 02:44:32 PM

Title: Pages
Post by: jernatety on May 20, 2018, 02:44:32 PM
Can you make pages with tinyportal?
Title: Re: Pages
Post by: tino on May 20, 2018, 03:13:43 PM
Quote from: jernatety on May 20, 2018, 02:44:32 PM
Can you make pages with tinyportal?


Short answer is yes, I think you just create a article and then style it how you want. lurkalot or @rjen know more about that feature than me and will be able to guide you more.

The docs site might help; https://www.tinyportal.net/docs/index.php

I think what lurkalot does on his site is creates a article then links to it with the advanced menu modification. The side panel on the docs site is created with the TinyPortal menu manager.
Title: Re: Pages
Post by: jernatety on May 20, 2018, 03:16:42 PM
Quote from: tino on May 20, 2018, 03:13:43 PM
Quote from: jernatety on May 20, 2018, 02:44:32 PM
Can you make pages with tinyportal?


Short answer is yes, I think you just create a article and then style it how you want. lurkalot or @rjen know more about that feature than me and will be able to guide you more.

The docs site might help; https://www.tinyportal.net/docs/index.php

I think what lurkalot does on his site is creates a article then links to it with the advanced menu modification. The side panel on the docs site is created with the TinyPortal menu manager.

I just want to create pages. I'm trying to figure out the articles thing and it's driving me nuts. I can't figure out where the page goes when I'm done editing. I don't know how to view the actual finished page.
Title: Re: Pages
Post by: tino on May 20, 2018, 03:24:09 PM
You need to ensure that it is assigned to a category I found and also that it is approved and published. It's not that intuitive if I'm honest.

edit: I should learn to spell...
Title: Re: Pages
Post by: lurkalot on May 20, 2018, 04:04:33 PM
Quote from: tino on May 20, 2018, 03:24:09 PM

It's not that intuative if I'm honest.


Agreed, not intuitive at all.  But I'm so used to it that it comes really easy with time. 

Yep you need to choose or create a new category for your pages.  Once in that category you can choose a type of article, either html, bbc, or php. 

When you've put your page together you can save it and then preview it.  To make it live, you will need to scroll down on that article you're working on, and make sure it's Approved: Scroll down some more make sure it's Status: Article is active.

Your address for the finished page will be the same as the preview one, but with preview removed from the end of it.  If you used a Query title then you can replace the page number with that title.

https://yoursite/index.php?page=38;tpreview

https://yoursite/index.php?page=38
https://yoursite/index.php?page=whatever-your-query-title-is.

Perhaps I'll do a video tut for this if I get time.

Meanwhile there's a tut here in the docs,https://www.tinyportal.net/docs/index.php?topic=177
Title: Re: Pages
Post by: lurkalot on May 20, 2018, 06:57:52 PM
Just knocked up a quick and dirty example.

Title: Re: Pages
Post by: jernatety on May 20, 2018, 08:03:54 PM
I'm trying to make an html article and there's two editors. One at the top and one at the bottom. When I write my html that's exactly how it shows up when I preview.
Title: Re: Pages
Post by: wildenborch on May 20, 2018, 08:05:09 PM
To make writing articles a bit easier for me, I changed some settings in the tportaladmin.php file so that most article settings are set to active / inactive by default. These are mine current settings:
Around line 1416
// are we starting a new one?
if(isset($_GET['sa']) && substr($_GET['sa'], 0, 11) == 'addarticle_')
{
TPadd_linktree($scripturl.'?action=tpadmin;sa='.$_GET['sa'], $txt['tp-addarticle']);
$context['TPortal']['editarticle'] = array(
            'id' => '',
            'date' => time(),
            'body' => '<p>
Start hier een nieuwe artikel!...... <br /> <br /> <br /> <br /> <br />
</p>
<hr />
<p>
<i><br /></i> <span style="color: rgb(0, 54, 155);"><i><strong><span style="font-size: 13px;">Wil je reageren?<br /> Klik dan op de het onderwerp en dan opent dit bericht zich opnieuw en dan kun je naar onderen scrollen en daar heb heb je een reactie veld!<br /> Gewoon doen want dat vinden we leuk!<br /><br /> Vergeet niet je naam bij je reactie te zetten want reacties zonder naam eronder zullen worden verwijderd!</span></strong></i></span>
</p>
<p>
<span style="color: rgb(193, 3, 0);"><strong><span style="font-size: 13px;"><br /></span></strong></span>',
            'intro' => 'Put some intro text here',
            'useintro' => 0,
            'category' => !empty($_GET['cu']) ? $_GET['cu'] : 0,
            'frontpage' => 1,
            'author_id' => $context['user']['id'],
            'subject' => '',
            'author' => $context['user']['name'],
            'frame' => 'theme',
            'approved' => 1,
            'off' => 1,
            'options' => 'date,title,author,top,comments,commentallow,commentupshrink,views,rating,ratingallow,inherit,social,avatar',
            'parse' => 1,
            'comments' => 1,
            'comments_var' => '',
            'views' => 1,
            'rating' => 1,
            'voters' => '',
            'id_theme' => 0,
            'shortname' => '',
            'sticky' => 0,
            'fileimport' => '',
            'topic' => 1,
            'locked' => 0,
            'illustration' => '',
            'headers' => '',
            'type' => substr($_GET['sa'],11),
            'featured' => 0,
            'realName' => $context['user']['name'],
            'authorID' => $context['user']['id'],
            'articletype' => substr($_GET['sa'],11),
            'ID_THEME' => 0,
'pub_start' => 0,
'pub_end' => 0,
        );



And to make things even more easier, I created an article admin menu were I can simply click a create an artice in a specific categorty link: for example: /index.php?action=tpadmin;sa=addarticle_html;cu=###

Title: Re: Pages
Post by: jernatety on May 20, 2018, 09:08:48 PM
Yeh, I don't get it, I can't figure it out. I don't understand why there's two editing windows either.

I made one and it doesn't even show up unless I view it, nobody else can.

http://www.youthhockeyinfo.com/index.php?page=2
Title: Re: Pages
Post by: lurkalot on May 20, 2018, 09:20:47 PM
Quote from: jernatety on May 20, 2018, 08:03:54 PM
I'm trying to make an html article and there's two editors. One at the top and one at the bottom. When I write my html that's exactly how it shows up when I preview.

There's a a editor for the main article, and one below it for the intro should you wish to use it.

If you add part of the article to the intro, and toggle this article to show on front page, it will only show the intro on the front page with a Read More (first screenshot) link which will take you to the full article. (second screenshot)
Title: Re: Pages
Post by: jernatety on May 20, 2018, 09:24:34 PM
I just want to make pages and put links to the pages but it seems when I write an HTML page the HTML doesn't work. After the page is approved only I can see it and the HTML isn't formatted, it's still all HTML.
Title: Re: Pages
Post by: tino on May 20, 2018, 09:47:28 PM
Your test article I edited the main content to show the links.

The link to it is http://www.youthhockeyinfo.com/index.php?page=test

Your other one is http://www.youthhockeyinfo.com/index.php?page=hockey-rinks
Title: Re: Pages
Post by: tino on May 20, 2018, 10:02:42 PM
If you're entering html as you are then you want to do that in source mode not the wysiwyg mode thats the icon which looks like a letter, not the in the last group of icons but the one just before that.

You seem to have got the hang of it in the intro section. I normally leave that blank and just use the main content. The intro is just if you want to show a shortened version on the main page before clicking on the article.
Title: Re: Pages
Post by: jernatety on May 21, 2018, 12:00:32 AM
Quote from: tino on May 20, 2018, 10:02:42 PM
If you're entering html as you are then you want to do that in source mode not the wysiwyg mode thats the icon which looks like a letter, not the in the last group of icons but the one just before that.

You seem to have got the hang of it in the intro section. I normally leave that blank and just use the main content. The intro is just if you want to show a shortened version on the main page before clicking on the article.

Ok, makes sense. Thank you. Do you have to give permissions to allow guests to view? If so, where are those perms updated?
Title: Re: Pages
Post by: tino on May 21, 2018, 06:42:16 AM
Should be enabled by default. You can set it on a per article basis in the article itself, on a per category basis in the category section or finally globally in the standard permissions section of SMF.

I can see the second link I posted as a guest, the test one I can't.
Title: Re: Pages
Post by: jernatety on May 21, 2018, 01:18:31 PM
Quote from: tino on May 21, 2018, 06:42:16 AM
Should be enabled by default. You can set it on a per article basis in the article itself, on a per category basis in the category section or finally globally in the standard permissions section of SMF.

I can see the second link I posted as a guest, the test one I can't.

I think I'm going to pass on using articles. Seems like it is extremely difficult just to make and manage a page. I added all of these rinks: http://www.youthhockeyinfo.com/index.php?page=2

Then I went back and put them in alphabetical order moving them around so they're categorized correctly under the bolded letter of the alphabet I added. Once satisfied with the end result I clicked save. Everything I just formatted went back to the exact same way it was before I changed everything around. I thought I was seeing things, so I re-formatted everything in alphabetical order again. Everything looked good, I clicked save and it all went back to exactly what you see in the link above. So basically what that means for me is, I have to do everything once and if I forget something I can't edit to add anything later because every time the edit is saved it reverts back to the way it was prior. Why is it configured to do that?
Title: Re: Pages
Post by: tino on May 21, 2018, 02:06:12 PM
It's not.

Something is not going/working correctly.

I'll log on later today to your site if
that's ok and try to replicate the issue?

You're editing the top text box I assume?
Title: Re: Pages
Post by: jernatety on May 21, 2018, 03:10:51 PM
Quote from: tino on May 21, 2018, 02:06:12 PM
It's not.

Something is not going/working correctly.

I'll log on later today to your site if
that's ok and try to replicate the issue?

You're editing the top text box I assume?

Ok, yes the top editor. I took everything out of the intro editor. I don't need that.
Title: Re: Pages
Post by: tino on May 21, 2018, 03:44:55 PM
Ok, the only thing I can think of it malformed html of some sort. When I went on and edited the test article on your site it went ok.

Would expect it to save though. Any errors in the developer console? You get to that by right click inspect then it's on the toolbar at the bottom.
Title: Re: Pages
Post by: jernatety on May 21, 2018, 05:13:24 PM
Quote from: tino on May 21, 2018, 03:44:55 PM
Ok, the only thing I can think of it malformed html of some sort. When I went on and edited the test article on your site it went ok.

Would expect it to save though. Any errors in the developer console? You get to that by right click inspect then it's on the toolbar at the bottom.

I didn't use the code editor. When I clicked on that, one link turned into about 10 lines of html with font size, font type, color.....everything. That simple link below turned into a huge chunk of code. So instead of using the code editor. I typed out the rink name, then highlighted it and selected "insert a link" from the toolbar in the editor. I saved it and it automatically converted to a hyperlink. Thats what I did for all of the rinks. After I saved it, anything I did after, (editing) reverted back to exactly what I did the first time.

<a href="my link here">hockey rink name here</a>

This is what one link looks like in the code editor

</p>
<p style="margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: rgb(17, 17, 17); line-height: 1.25; overflow: visible; min-height: 1.25em; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
<span style="color: rgb(17, 17, 17); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; float: none; display: inline !important;"><a href="http://www.youthhockeyinfo.com/index.php/topic,77.0.html">Twin Ponds East, (Harrisburg, PA)</a></span><span>&nbsp;</span><br />
</p>
Title: Re: Pages
Post by: lurkalot on May 21, 2018, 05:40:24 PM
Quote from: jernatety on May 21, 2018, 01:18:31 PM
Quote from: tino on May 21, 2018, 06:42:16 AM
Should be enabled by default. You can set it on a per article basis in the article itself, on a per category basis in the category section or finally globally in the standard permissions section of SMF.

I can see the second link I posted as a guest, the test one I can't.

I think I'm going to pass on using articles. Seems like it is extremely difficult just to make and manage a page. I added all of these rinks: http://www.youthhockeyinfo.com/index.php?page=2


I can't see this article, obviously not set for guests or something.
Title: Re: Pages
Post by: jernatety on May 21, 2018, 05:50:10 PM
That's another problem. I don't see anywhere in permissions for guests to view only. I don't want anybody using articles but me to make pages.
Title: Re: Pages
Post by: lurkalot on May 21, 2018, 06:12:59 PM
Quote from: jernatety on May 21, 2018, 05:50:10 PM
That's another problem. I don't see anywhere in permissions for guests to view only. I don't want anybody using articles but me to make pages.

They should be able to view them by default providing you haven't changed anything.  Guests also won't be able to create, or submit articles unless you give them explicit permissions to do so, which isn't a good idea. 

Tip regarding html in articles.  If you're just playing around with html code you'd be better off switching the editor off completely, I never use it myself, it's not even enabled here. You'll be able to edit your code as and when you like then and have total control over it.  ;)

TP Admin > Click the settings icon with the pen on it, and turn the WYSIWYG editor off, and save. 

If you're playing around with text then maybe use the editor, but turn it off again afterwards.   
Title: Re: Pages
Post by: jernatety on May 21, 2018, 06:46:01 PM
Can you see this as guest? I can't. I have no permissions set. There are tinyportal perms in guest settings but nothing is set.

http://www.youthhockeyinfo.com/index.php?page=2
Title: Re: Pages
Post by: tino on May 21, 2018, 06:57:40 PM
No, I can't view it as a guest.

If you go to categories

http://www.youthhockeyinfo.com/index.php?action=tpadmin;sa=categories;cu=5;

You will see that it is currently not enabled for guests ( or anyone else ) to view.

Title: Re: Pages
Post by: jernatety on May 21, 2018, 07:27:46 PM
Quote from: tino on May 21, 2018, 06:57:40 PM
No, I can't view it as a guest.

If you go to categories

http://www.youthhockeyinfo.com/index.php?action=tpadmin;sa=categories;cu=5;

You will see that it is currently not enabled for guests ( or anyone else ) to view.

Ok, figured there was a permission somewhere. I turned off WYSIWYG editor and basic HTML works. I can move stuff around too without any editing issues. I'll see how this works out.
Title: Re: Pages
Post by: wildenborch on May 21, 2018, 07:29:59 PM
Quote from: lurkalot on May 21, 2018, 06:12:59 PM

Tip regarding html in articles.  If you're just playing around with html code you'd be better off switching the editor off completely, I never use it myself, it's not even enabled here. You'll be able to edit your code as and when you like then and have total control over it.  ;)

TP Admin > Click the settings icon with the pen on it, and turn the WYSIWYG editor off, and save.   

It would be nice if wysiwyg could be switched off when writing an article (as far as I remember this was possible with the old editor.
Title: Re: Pages
Post by: lurkalot on May 21, 2018, 07:43:49 PM
Quote from: wildenborch on May 21, 2018, 07:29:59 PM
Quote from: lurkalot on May 21, 2018, 06:12:59 PM

Tip regarding html in articles.  If you're just playing around with html code you'd be better off switching the editor off completely, I never use it myself, it's not even enabled here. You'll be able to edit your code as and when you like then and have total control over it.  ;)

TP Admin > Click the settings icon with the pen on it, and turn the WYSIWYG editor off, and save.   

It would be nice if wysiwyg could be switched off when writing an article (as far as I remember this was possible with the old editor.

It can, and always is on my sites. 

TP Admin > click settings icon, the one with the pen on it.  Turn off WYSIWYG editor. Save.
Title: Re: Pages
Post by: tino on May 21, 2018, 08:04:30 PM
I think wildenborch means when you're in the article. I removed it as it caused random errors when switching between them on the old wysiwyg editor and the source mode button in the new editor does just as well.
Title: Re: Pages
Post by: lurkalot on May 21, 2018, 08:09:25 PM
Quote from: tino on May 21, 2018, 08:04:30 PM
I think wildenborch means when you're in the article. I removed it as it caused random errors when switching between them on the old wysiwyg editor and the source mode button in the new editor does just as well.

Yep, think now after reading that again you're correct.  :-[
Title: Re: Pages
Post by: wildenborch on May 21, 2018, 08:47:30 PM
Yes, that's indeed what I meant.
Since I always use the wysiwyg modus I never switch it off.
Title: Re: Pages
Post by: tino on May 21, 2018, 08:53:30 PM
Quote from: wildenborch on May 21, 2018, 08:47:30 PM
Yes, that's indeed what I meant.
Since I always use the wysiwyg modus I never switch it off.

Clicking view source when in the new editor should be the same as turning the old one off.

I switched between those quite frequently with minimal issues. I don't see the need to have it in a article when you can switch mode in the editor.
Title: Re: Pages
Post by: jernatety on May 21, 2018, 10:16:17 PM
I'm curious as to why in the WYSIWYG editor, when code editor is switched on, it changes a simple html linked word to 10 lines of code when it's saved.
Title: Re: Pages
Post by: tino on May 21, 2018, 10:22:53 PM
If I insert a link using the link icon I get the following

<p>
<a href="https://www.goodwood.com/sports/flying/flying-school/light-aircraft-pilots-licence/">https://www.goodwood.com/sports/flying/flying-school/light-aircraft-pilots-licence/</a><br />
</p>


That seems pretty standard to me, paragraph tags, a link the line break.
Title: Re: Pages
Post by: tino on May 22, 2018, 11:52:25 AM
Do you not get something similar to the above?
Title: Re: Pages
Post by: jernatety on May 22, 2018, 02:25:13 PM
Quote from: tino on May 22, 2018, 11:52:25 AM
Do you not get something similar to the above?

Hi Tino. When I write manual code with the WYSIWYG editor on, like this.....

<a href="http://www.youthhockeyinfo.com/index.php/topic,21.0.html" title="Atlantic City Sharks Rink">AC Flyers Skate Zone, <font size="1" color="#000000">Atlantic City Sharks</font> (Atlantic City, NJ)</a><br/>

That is exactly what it looks like on the actual page after it's been saved.

If I type out "Atlantic City Sharks", then highlight it with the mouse and click the link word menu button on the WYSIWYG editor, drop my forum link in there and save, the word will be hyperlinked. But after I save it and go back and hit edit. That same linked "Atlantic City Sharks" word is now 10 lines of code.


I'm past that now though, so no big deal anymore. I turned off the WYSIWYG editor and now writing basic HTML works correctly and I can move stuff around and re-save over and over.

With that being said. My page is growing, I'll have about 150 rinks by the end of today and eventually about 500 or more. I'd like to put a jquery or javascript search box on this page to search only this page, nowhere else on the site. Can Javascript or jquery be used?

Title: Re: Pages
Post by: tino on May 22, 2018, 06:41:02 PM
If you're not using the wysiwyg editor yes it can be used.
Title: Re: Pages
Post by: jernatety on May 22, 2018, 06:48:03 PM
Quote from: tino on May 22, 2018, 06:41:02 PM
If you're not using the wysiwyg editor yes it can be used.

Do you just paste both the java script and/or jquery into the editor with the html for the script?
Title: Re: Pages
Post by: tino on May 22, 2018, 07:35:27 PM
You need to enclose it in script tags, but that's about it. Jquery is already included by tiny portal so should already be loaded to access
Title: Re: Pages
Post by: Ken. on May 24, 2018, 12:12:53 AM
jernatety, looks like you are making good progress on learning to use TinyPortal article system, with lots of help from tino, lurkalot and wildenborch, also this guide in the TP Docs may be useful to you.

The TinyPortal Article Management System. (https://www.tinyportal.net/docs/index.php?page=11)
Title: Re: Pages
Post by: jernatety on May 24, 2018, 01:19:57 PM
This has to do with pages, instead of opening a new topic I'll mention here.

Check out my test page/article. I have icons in a table with padding. When I view this on my phone it's responsive and expands or contracts based on the display size.

https://www.youthhockeyinfo.com/index.php?page=3

But when I put this same table code in an HTML/Java code block on my front panel it's not responsive at all. Even if I use style tags to be responsive. I'd like to have some space in between each image instead of the tiny square it currently is, seen here on the front panel

http://www.youthhockeyinfo.com/index.php
Title: Re: Pages
Post by: @rjen on May 24, 2018, 05:00:04 PM
Tables are not really suited to be responsive.

You should only use tables is you are displaying tabular information and can really not do without.
Otherwise you better use DIVs in Inline Blocks...

Checkout this page for example: https://www.fjr-club.nl/index.php?page=Modellen-Verenigde-Staten

I used to have the images in tables, with all sorts of issues, now in divs and the when the screens get smaller the divs stay the sam size but reorder with the screen..

Sample code for your site to test...

<div>
<strong style="color: rgb(0, 51, 102);">List of Images in DIVs responsive</strong> <br /> <br />
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/AAHA_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/AYHL_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/CGHL_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/DVHL_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/HVHL_MEDIUM.png" alt="Raven" title="Raven" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/INDY_MEDIUM.png" alt="Raven" title="Raven" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/LIAHL_MEDIUM.png" alt="Raven" title="Raven" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/MAWHA_MEDIUM.png" alt="Raven" title="Raven" />
</div>
</div>
Title: Re: Pages
Post by: jernatety on May 24, 2018, 05:07:32 PM
Quote from: @rjen on May 24, 2018, 05:00:04 PM
Tables are not really suited to be responsive.

You should only use tables is you are displaying tabular information and can really not do without.
Otherwise you better use DIVs in Inline Blocks...

Checkout this page for example: https://www.fjr-club.nl/index.php?page=Modellen-Verenigde-Staten

I used to have the images in tables, with all sorts of issues, now in divs and the when the screens get smaller the divs stay the sam size but reorder with the screen..

Sample code for your site to test...

<div>
<strong style="color: rgb(0, 51, 102);">List of Images in DIVs responsive</strong> <br /> <br />
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/AAHA_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/AYHL_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/CGHL_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/DVHL_MEDIUM.png" alt="Matte Phantom Blue" title="Matte Phantom Blue" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/HVHL_MEDIUM.png" alt="Raven" title="Raven" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/INDY_MEDIUM.png" alt="Raven" title="Raven" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/LIAHL_MEDIUM.png" alt="Raven" title="Raven" />
</div>
<div style="display: inline-block;">
<img style="border-width: 0px;" src="https://www.youthhockeyinfo.com/Themes/default/images/icons/MAWHA_MEDIUM.png" alt="Raven" title="Raven" />
</div>
</div>


Thank you for both the advice and example. I am very limited to my overall ability to code anything. I kind of rely on tables mostly because they're easy to look up for samples. I appreciate your help!
Title: Re: Pages
Post by: @rjen on May 24, 2018, 05:36:24 PM
I am not much of a coder myself, but given a working example it is fairly easy to build further on that...
Title: Re: Pages
Post by: jernatety on May 24, 2018, 06:31:05 PM
Quote from: @rjen on May 24, 2018, 05:36:24 PM
I am not much of a coder myself, but given a working example it is fairly easy to build further on that...

I learned something new today, appreciate it very much. Working perfectly  :)
Title: Re: Pages
Post by: jernatety on May 24, 2018, 07:29:10 PM
Another page question. Would meta key word, description, title etc tags. work on article pages?

Explanation why I'd like to use them. A site similar to mine went offline 2 months ago. The owner isn't going to re-launch. Instead he's trying to sell the domain name. There were a lot of members and it got a lot of traffic when it was still active. I'd like to put key search terms in meta to try and get my site into that sites google search results.
Title: Re: Pages
Post by: lurkalot on May 26, 2018, 07:41:53 PM
Quote from: jernatety on May 24, 2018, 07:29:10 PM
Another page question. Would meta key word, description, title etc tags. work on article pages?

Explanation why I'd like to use them. A site similar to mine went offline 2 months ago. The owner isn't going to re-launch. Instead he's trying to sell the domain name. There were a lot of members and it got a lot of traffic when it was still active. I'd like to put key search terms in meta to try and get my site into that sites google search results.

I'm not really up on this SEO stuff, so afraid I'm not going to be much help.  I know the articles do get picked up by google, so adding the right keywords throughout the articles should help.  I just searched for AMPLITUBE 4 REVIEW and found it third place on page one of google, out of About 273,000 results.

While here, just like to say, I do like your nav menu down the left of your site, looks very neat.  8)
Title: Re: Pages
Post by: jernatety on May 27, 2018, 04:54:14 PM
Quote from: lurkalot on May 26, 2018, 07:41:53 PM
Quote from: jernatety on May 24, 2018, 07:29:10 PM
Another page question. Would meta key word, description, title etc tags. work on article pages?

Explanation why I'd like to use them. A site similar to mine went offline 2 months ago. The owner isn't going to re-launch. Instead he's trying to sell the domain name. There were a lot of members and it got a lot of traffic when it was still active. I'd like to put key search terms in meta to try and get my site into that sites google search results.

I'm not really up on this SEO stuff, so afraid I'm not going to be much help.  I know the articles do get picked up by google, so adding the right keywords throughout the articles should help.  I just searched for AMPLITUBE 4 REVIEW and found it third place on page one of google, out of About 273,000 results.

While here, just like to say, I do like your nav menu down the left of your site, looks very neat.  8)

Ok, cool. And thanks. The idea is to make the site as user friendly as possible. It's going to be parents using the site mainly for travel directions and I it to be as simple to navigate as possible on all platforms.