Archive for myfreeforum.org Before posting please check the "stickies" in the support forums.
Please ask questions in real English and not "txt". You will get a better response.
Please do not ask support questions via PMs.
 



       myfreeforum.org Forum Index -> Web page/template Editing
Louise

Web Page Help Please

I am attempting to make a Web page for the Lazy Lounge, where you'll have to click on a link to enter the forum, I have followed the How to but am obviously doing something wrong as My web page isn't showing!

Here's what Code I have ;

Code:
<p><img alt="" border="0" src="http://i120.photobucket.com/albums/o200/LOU716/Welcome2.png" />
<meta http-equiv="refresh" content="10;URL=http://lazylounge.myfastforum.org/index.html" /></p>
<p><a href="http://www.lazylounge.myfastforum.org"><img height="450" alt=" " width="750" src="http://http://i120.photobucket.com/albums/o200/LOU716/Welcome2.png" /></a></p>
<center></center>
<p>&nbsp;</p>



Help Please! . . LOL!
admin (no pm's please)

You must give the (myfree/myfast/myfine)forum.org link to your forum. A link should be given to the problem if at all possible. Do this whether you think it is important or not.

Making it clear where you expect us to see the link would help.
Louise

My Link is in My signature in the form of a banner.
Symon

Code:
<p><a href="http://lazylounge.myfastforum.org"><img height="450" width="750" alt="" src="http://i120.photobucket.com/albums/o200/LOU716/Welcome2.png" /></a></p>


Would be all you need
admin (no pm's please)

Louise wrote:
My Link is in My signature in the form of a banner.


that's a link to the forum, not a link to your problem.
Louise

When I tried that Symon, It didn't direct to the Forum when you clicked, so I put
Code:
<p><a href="http://lazylounge.myfastforum.org"><img height="450" alt="http://lazylounge.myfastforum.org " width="750" src="http://i120.photobucket.com/albums/o200/LOU716/Welcome2.png" /></a></p>
<center></center>
<p>&nbsp;</p>


Which works Perfectly On the preview But Not on the actual Forum.
Symon

Louise wrote:
When I tried that Symon, It didn't direct to the Forum when you clicked, so I put
Code:
<p><a href="http://lazylounge.myfastforum.org"><img height="450" alt="http://lazylounge.myfastforum.org " width="750" src="http://i120.photobucket.com/albums/o200/LOU716/Welcome2.png" /></a></p>
<center></center>
<p>&nbsp;</p>


Which works Perfectly On the preview But Not on the actual Forum.


my code will work but not in preview but does on actual page

http://fcpremierleague.co.uk/testlouise.html

And you code has an open and closed center tags doing nothing

if you want it centred try



Code:
<p align="center"><a href="http://lazylounge.myfastforum.org"><img height="450" width="750" alt="" src="http://i120.photobucket.com/albums/o200/LOU716/Welcome2.png" /></a></p>
Louise

I've done that But still Nothing, So I've obviously done something wrong somewehere else.

These Blonde Genes are Kicking in again . . . lol!
Symon

Louise wrote:
I've done that But still Nothing, So I've obviously done something wrong somewehere else.

These Blonde Genes are Kicking in again . . . lol!


Can you put a link to the webpage
Louise



http://lazylounge.myfastforum.org/index.html
Symon

clicking on your links takes me to your index clicking on that takes me too your forum
Louise

Well Now I'm confused, cos when I click on my Link, I'm taken straight to my forum
Symon

clear cookies cache etc
admin (no pm's please)

I still don't get where this link is meant to be?

The link given is already direct to the forum, hence unless someway is writing code with javascript and cookies then they will be straight on the forum page.
Symon

this link

http://lazylounge.myfastforum.org/index.html

leads me to a webpage

when i click on the webpage it takes me to the forum

at

http://lazylounge.myfastforum.org/
admin (no pm's please)

Symon wrote:
this link

http://lazylounge.myfastforum.org/index.html

leads me to a webpage

when i click on the webpage it takes me to the forum

at

http://lazylounge.myfastforum.org/


Indeed it does. I misread the link  
Louise

So, Is there anyway I can get it to Link to The webpage , with Only the Forum address, as in
Code:
http://lazylounge.myfastforum.org
without having to type in the /index.html at the end of it?

If it isn't, Basically the forum address would now have to include it to direct to the webpage then? Therefore I'll have to add it to my banners.

Is that right?
Symon

www.

insted of

http://

is the easy way and i believe only way

www. goes to webpage side where as http:// goes to forum side.

www.lazylounge.myfastforum.org
Louise

Aaaah right, Thanks very Much for your Help Symon.x
Louise

The WWW did indeed Link to my webpage But, didn't then direct into the Forum, so I'll stick with the Index/html at the end.
Symon

Louise wrote:
The WWW did indeed Link to my webpage But, didn't then direct into the Forum, so I'll stick with the Index/html at the end.


Ah maybe crossed wired here, if you want an auto redirect , then  it would be a different code than above, as i thought you wanted a clickable link
Louise

Maybe I haven't explained myself well enough (more than Likely )

What I want is so that, when members Click on the Forum address, they are taken to the webpage, then they have to click on THAT to enter the forum
Symon

when you say forum address , which one ?

the way you have said that , will make any members clicking on http://yourforum.myfreeforum.org be redirected to your web
page of www.yourforum.myfree.org , just for them to be redirected back to your forum, and you end up going in circles.
Symon

might be of some help

http://howtodoit.myfreeforum.org/...component=content&topicid=732
Louise

       I Think I'll stick with the added bit at the end of the address, ast least that works for me.

I don't want it to just direct itself after a few seconds, I want the members to have to Click there way into the forum

So I had the right code anyway right?

Sorry Symon. Am I giving you a headache? . . . Cos I'm giving myself one!    

Another Thing, there seems to be a white Border around the page,How to I make that Navy or to match the template ?
Louise

I only have One Problem left before I'm Done Now,You will see that I have made my webpage and a template for it, By using my overall header Code and editting bits out But I have an Advert at the top, Could someone Please tell me what I have to edit out of my code to get Rid of that please?

There also appears to be a bigger space at the top of the image thatn there is below it, How Can i rectify that please?

Spoiler:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
.gen {font-size : {T_FONTSIZE3}
.maintitle {   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1}
-->
</style>

{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/myfs_lazylounge1/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
  subSky Theme for phpBB version 2+
  Created by Devillous Design
  http://www.devillous.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: #A2ABB4;
   scrollbar-face-color: #B1B9C3;
   scrollbar-highlight-color: #4E647F;
   scrollbar-shadow-color: #B1B9C3;
   scrollbar-3dlight-color: #B1B9C3;
   scrollbar-arrow-color:  #00142C;
   scrollbar-track-color: #BEC8D3;
   scrollbar-darkshadow-color: #383838;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #00142C; }
a:hover      { text-decoration: underline; color : #FAFAFA; }
hr   { height: 0px; border: solid #B1B9C3 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   {background-image: url(../bg.png);  background-color: #4E647F; border: 6px #000044 solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #A2ABB4; border:6px #000044 solid; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: #BEC8D3; }
td.row2   { background-color: #B1B9C3; }
td.row3   { background-color: #B1B9C3; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #4E647F;
      background-image: url(templates/myfs_lazylounge1/images/cellpic2.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #000066; font-size: 11px; font-weight : bold;
   background-color: #00142C; height: 25px;
   background-image: url(templates/myfs_lazylounge1/images/cellpic3.gif);
   border-width: 0px 0px 0px 0px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(templates/myfs_lazylounge1/images/cellpic1.gif);
         background-color:#B1B9C3; border: #4E647F; border-style: solid; height: 28px;
   border-width: 0px 0px 0px 0px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #4E647F; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: #B1B9C3; border: #4E647F; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #00142C; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #FAFAFA; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px; color : #000000 }
a.mainmenu      { text-decoration: none; color : #00142C;  }
a.mainmenu:hover{ text-decoration: underline; color : #FAFAFA; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #00142C, border-width: 0px 0px 0px 0px; }
a.cattitle      { text-decoration: none; color : #00142C; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #00142C; }
a.forumlink    { text-decoration: none; color : #00142C; }
a.forumlink:hover{ text-decoration: underline; color : #FAFAFA; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color : #000000;}
a.nav         { text-decoration: none; color : #00142C; }
a.nav:hover      { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #00142C; }
a.topictitle:visited { text-decoration: none; color : #00142C; }
a.topictitle:hover   { text-decoration: underline; color : #FAFAFA; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink:link   { text-decoration: none; color : #00142C }
a.postlink:visited { text-decoration: none; color : #00142C; }
a.postlink:hover { text-decoration: underline; color : #FAFAFA}

/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #383838;
   background-color: #FAFAFA; border: #B1B9C3; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383838; line-height: 125%;
   background-color: #FAFAFA; border: #B1B9C3; border-style: solid;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; letter-spacing: -1px;}
a.copyright      { color: #0000044; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
   color : #000000;
   background-color: #B1B9C3;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #FFFFFF;
}

input { text-indent : 2px; }

textarea.noScroll {
   background-image: url(http://i120.photobucket.com/albums/o200/LOU716/Postimage.png);
   background-attachment: fixed;
background-position: bottom right ;
background-repeat: no-repeat;

}
textarea {
   background-image: url(http://i120.photobucket.com/albums/o200/LOU716/Postimage.png);
   background-attachment: scroll;

background-repeat: no-repeat;
background-position: bottom right;}

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #BEC8D3;
   color : #000000;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
   background-color : #FAFAFA;
   font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
   background-color : #FAFAFA;
   font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #B1B9C3; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/myfs_lazylounge1/formIE.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" topmargin=3 bottommargin=3 leftmargin=3 rightmargin=3 />

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align=left>
                  <div align="center"><span class="maintitle">                  </span><br />
                    <span class="gen"><br>
                    <br>
                  </span></div></td>
         </tr><tr>
            <td align="center" width="100%" valign="middle">
            <table cellspacing="0" cellpadding="0" border="0">
               <tr>
                  


</BR>
                  <!-- BEGIN switch_user_logged_out -->
                  
                  <!-- END switch_user_logged_out -->


<p align="center"><a href="http://lazylounge.myfastforum.org"><img src="http://i120.photobucket.com/albums/o200/LOU716/Welcome9.png" /></a></p>
                  
      

Louise

I've actually sorted The spacing Problem,
I just have the advert to get rid of now.
Louise

Looking again at My coding, Most of it probably isn't needed But I don't want to risk taking out too much, If I caould just Know what controls that Light Blue bit at the top with the advert, So That it can be removed, Leaving the darker Blue to cover the whole page.
admin (no pm's please)

I am not sure what advert you mean, there seem to be two, the google ads that you cannot tamper with and some "top sites" thing.
Louise

I'm Not meaning on top of the Forum, I mean on the top of my webpage.

I have editted my code some more and Now have But That Annoying Little Bit is still at the top.



Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- link rel="stylesheet" href="templates/myfs_lazylounge1/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/* This is the border line & background colour round the entire page */
.bodyline   {background-image: url(../bg.png);  background-color: #4E647F; border: 6px #000044 solid; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/myfs_lazylounge1/formIE.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
//-->
</script>
<!-- END switch_enable_pm_popup -->
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" topmargin=3 bottommargin=3 leftmargin=3 rightmargin=3 />
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<br/>
<p align="center"><a href="http://lazylounge.myfastforum.org"><img src="http://i120.photobucket.com/albums/o200/LOU716/Welcome9.png" /></a></p>

<br/><br/>

Louise

Symon, Hopefully You will Know what Look I'm trying to achieve as You have the same Look on The Farnorough Invincibles site.

You have the Black, covering the WHOLE screen, with NO adds or white Border around it and the clickable image in the centre.

I am trying to get the same But with me Blue template background covering the whole screen, with No ad at the top.
Louise

I've rectified the Border By Editting the marfins to 0 But i STILL have an advert at the top of the webpage . . . . Is that meant to be there?
admin (no pm's please)

Are you talking about the google advert, the ones that pay to keep the system running?
Louise

This is what I mean. (Example of My webpage Below)

I understand that adverts are on the Forums themselves as they help keep the place Running But should they be on my webpage too?

Only I see From Looking at The Farnborough Invincibles Site, That they too have the ads on the Forum But NOT on the webpage.

Symon

I have the adverts on the webpages, however on the flash page only i have not, this was under agreement with Admin though.
Louise

Thank You, That's all I wanted to Know . . . I thought I had done something wrong . . lol!

I can Now go and Unveil it to My members.
admin (no pm's please)

It is possible if you really feel the need to beat the ads on web pages, and unlike on the forums we are less strict about it.

Asking is always nice though!
Louise

Well, I'm asking Nicely . . . .Pretty Please, How do I remove the ads from My webpage?  

Here's My code.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style type="text/css">
/* This is the border line & background colour round the entire page */
.bodyline   {background-image: url(../bg.png);  background-color: #4E647F; border: 8px #000044 solid; }
--></style>
<!-- BEGIN switch_enable_pm_popup -->
<!-- END switch_enable_pm_popup -->
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}"
link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"
topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 />
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
</br>
<p align="center"><a href="http://lazylounge.myfastforum.org"><img src="http://i120.photobucket.com/albums/o200/LOU716/Welcome9.png" /></a></p><br/>
admin (no pm's please)

The ads go after the body tag, no body tag no ad.
Louise

I'll leave it Thanks, I've tried But I can't see Body Tags, I've tried editting Various bits, Body Colour,Body Text etc . . . the nearest I got was No add But an ugly white Border around My webpage and a red Trim around My Image, I've spent enough time trying to figure it out for one day, Thanks anyway..x
admin (no pm's please)

Code:

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}"
link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"
topmargin=0 bottommargin=0 leftmargin=0 rightmargin=0 />
Louise

That's exactly what I'd done which gets this affect. (below)

No add admittedly But an ugly white border around the page and a strange red line around my Clickable image?




With this Code remaining.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style type="text/css">
/* This is the border line & background colour round the entire page */
.bodyline   {background-image: url(../bg.png);  background-color: #4E647F; border: 8px #000044 solid; }
--></style>
<!-- BEGIN switch_enable_pm_popup -->
<!-- END switch_enable_pm_popup -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td class="bodyline">
</br>
<p align="center"><a href="http://lazylounge.myfastforum.org"><img src="http://i120.photobucket.com/albums/o200/LOU716/Welcome9.png" /></a></p><br/>
admin (no pm's please)

Yep, you pays your money (or not) and takes your choice. no body tags can limit some styles.
Louise

Ok, Thanks, I'll stick with the add then . . . Sorry for being such a nuisance But I'm not one to Give up easily. Wink  

       myfreeforum.org Forum Index -> Web page/template Editing
Page 1 of 1
Create your own free forum | Buy a domain to use with your forum