Widgets on html page

by Klump July 15th 2012, 11:30 pm

Hi
I'm running the forum http://www.mobblescollectors.com/ and I would like to see if it was possible to move the widgets on the portal to the html page and if not , if there's some way to create new ones ...

Most importantly I would like a login box, forum stats, news feed (forum or twitter source) and maybe the chatbox.
I really hope this is possible somehow , as it would bring me that much closer to being done with the design Smile

by Sanket July 16th 2012, 3:10 pm

Well, when you create a html page you can check this box.

Do you wish to use your forum header and footer ? Yes
Save

by Klump July 16th 2012, 3:15 pm

but I don't wish to use the forum header and footer - it makes the page look stupid , did you check the link?

I read about hiding the header and footer , but couldn't make it work properly...

by Sanket July 16th 2012, 3:39 pm

I checked the link.

Why don't you make a portal with whatever html content on the middle widget?

by Klump July 16th 2012, 4:04 pm

Because I'm going to need separate html pages for some of it - so the plan was to make several html pages linked together by a menu similar to the one on the forum , and the forum being linked in that menu.

by LGforum July 16th 2012, 4:51 pm

The best way is to check the box Sanket mentioned and then hide the footer and header. The reason your having differculty is because your using phpbb2.

See if this gets rid of the header.

Code:: <style> .bodylinewidth .bodyline > table { display: none; } </style>

Include that in your HTML page where you want it hidden.

by Klump July 16th 2012, 8:08 pm

Yes it did , but I still got the footer and the body line Razz

This is what it looks like now:
Widgets on html page Untitl11

by Klump July 17th 2012, 7:26 pm

I've tried all kinds of stuff, but I still can't make it work , and I feel like we're so close!
So sorry to bump...

by nextlevelgaming July 17th 2012, 7:50 pm

I dont believe you can use .bodyline in html. You'd have to make a css in the head style such as...

Code:: <html> <head> <style type="text/css"> .bodylinewidth .bodyline > table { display: none; } </style> </head> <Body> Your html page. </body> </html>

I believe that is correct, if you haven't done so.

Also to call on information in regular html I believe im correct but you would just do this...in the css stylesheet there is a code like this

Code:: { avatar.mini height=55px width=55px }

not sure if that is the correct code either haha but im just showing you can example...

so when i call on that code its

Code:: <div class="avatar mini">

other example is

Code:: .forumline

in the css

then

Code:: table class="forumline"

so as you can see there are no periods before or in the middle.

by Klump July 17th 2012, 8:04 pm

I am very new to coding, still learning by doing.
Sorry Redeem3 , I looked up DOM on google, but that confused me even more Razz

So did your post nextlevelgaming , I tried some of the code You wrote , but it just ended up putting alot of my html code out on the page and still not hide the forum line...

Sorry , I appreciate the help , and I thought it would make it easier if You had the code , so here it is , all of it - hope this will help You, help me Wink

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mobbles Collectors</title> <style type="text/css"> body { background-image: url(http://i46.servimg.com/u/f46/17/56/64/76/discla10.jpg); background-repeat: no-repeat; background-position:top center; background-color: #4fccfe; } .arial { font-family: Arial, Helvetica, sans-serif; } .arial { font-family: Arial, Helvetica, sans-serif; } table { -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px 1px #8d8d8d; -webkit-box-shadow: 1px 1px 1px 1px #8d8d8d; box-shadow: 1px 1px 1px 1px #8d8d8d; } </style> </head> <body> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <table width="700" border="4" align="center" cellpadding="0" cellspacing="0" bordercolor="e49c4e" bgcolor="ffce98"> <tr> <td align="center" valign="middle"><h2 class="arial"><strong>Welcome to the Mobbles Collectors Forum</strong></h2> <p class="arial">This is an Unofficial Fan Forum and is not associated with the game or its developers <br /> however they do provide us with exclusive content and information. <br /><a href="http://www.mobbles.com/"><strong>Click Here</strong></a><strong> to go to the <em>Official Site</em>.</strong><br /> <br /> This page is under construction and more features will be added in time.<br /> The plan is that this page will ultimately replace the Portal.</p> <a href="http://www.mobblescollectors.com/portal"><img align="middle" src="http://i46.servimg.com/u/f46/17/56/64/76/enter12.png" width="232" height="57" /></a> <br>If the button does not work, please clear your cookies data.</td> </tr> </table> <p align="center" class="arial"> 2012 - MobblesCollectors.com and <a href="http://www.forumotion.com/">Forumotion.com</a></p> </body> </html>

by Klump July 17th 2012, 8:06 pm

Sure , it's the main/homepage on my forum at http://www.mobblescollectors.com/

(also in the first post)

by Klump July 17th 2012, 8:16 pm

heh , that's because it's the way I want it now - I haven't checked the include forum header and footer box yet , but when I do - and then preview the page , it's all messed up...

I still don't understand how checking that box will help me move the widgets to the html page. that's something I'll need explained afterwards I guess...

Sorry for being difficult, but as I said I'm very new at this...

by Klump July 17th 2012, 8:31 pm

So I'm guessing it's not possible to completely hide the header and footer...

Is it at all possible to create a login box, forum stats etc. without the use of widgets - just using plain html/css ?

by Klump July 17th 2012, 8:53 pm

Ok , so I made an exact copy of the homepage , since my forum is quite succesful - I don't want my members to be greeted with such ugliness Razz

Anyway, I added the code You gave me and submitted it , heres the link:
http://www.mobblescollectors.com/h2-mobbles-collectors-forum-homepage2

As You can see, the forum line is still there covering the background image, the footer is still there and somehow the font style and size changed in several places.

by Klump July 17th 2012, 9:14 pm

That did it - Thank You!
http://www.mobblescollectors.com/h2-mobbles-collectors-forum-homepage2
but my text is still messed up a little, the title (h2) is now small, and the text below the button is bigger , it is the right font now though... Razz

Is there a special place I need to put the code, I just put it at the end:

Code:: table { -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 1px 1px #8d8d8d; -webkit-box-shadow: 1px 1px 1px 1px #8d8d8d; box-shadow: 1px 1px 1px 1px #8d8d8d; } >>>I put it here<<< </style>

and I still need to know how to move the widgets there Wink

by LGforum July 17th 2012, 10:13 pm

Well your widgets should be there as long as you have them activated and some placed in the sidebar.

Since your using your forum header and footer, you should NOT contain BODY, HEAD, HTML or DOCTYPE tags in your HTML.

by Klump July 18th 2012, 12:21 am

LGforum wrote:Well your widgets should be there as long as you have them activated and some placed in the sidebar.

Since your using your forum header and footer, you should NOT contain BODY, HEAD, HTML or DOCTYPE tags in your HTML.

Thanks for the tip , but it didn't fix my text , and I tried moving a widget into the sidebar , but it didn't show...
also , that would not work - as that would put the widgets next to the actual forum as well... even though it didn't.

I want the widgets only on the main page - if not widgets , then any other way to put a login box and some forum statistics there.

by LGforum July 18th 2012, 3:24 am

Ooooohhhh! I thought you wanted to put your forum widgets on to the HTML page. I didn't realize you didn't want them in your forum as well.

You can create log in form easily. There's plenty of threads about that.