The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Widgets on html page

View previous topic View next topic Go down

Widgets on html page

Post by Klump on 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

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Sanket on 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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Widgets on html page

Post by Klump on 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...

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Sanket on 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?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: Widgets on html page

Post by Klump on 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.

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by LGforum on 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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Widgets on html page

Post by Klump on 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:

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Klump on 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...

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by nextlevelgaming on 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.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: Widgets on html page

Post by Klump on 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>

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Klump on 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)

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Klump on 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...

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Klump on 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 ?

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Klump on 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.

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by Klump on 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

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by LGforum on 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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Widgets on html page

Post by Klump on 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.

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

Re: Widgets on html page

Post by LGforum on 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.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Widgets on html page

Post by Klump on July 18th 2012, 1:33 pm

can't find anything - can you provide a link please? Smile
also "live forum stats require Ajax via JavaScript"... So this is not possible?

Klump
Forumember

Posts : 49
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum