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
archers-rest

Changing font size within portals on web page

http://beestoncc.myfreeforum.org/index.php

Not using a template for the webpages

I have created a couple of portals in portal settings for use on the webpage for my forums and tried to edit the font and its size to be much smaller but to no avail.  How can I adjust the font size within the portals on my web page? - http://beestoncc.myfreeforum.org/viewpage.php?myff_id=46 portals titled Upcoming Rides & On The Forum


Portal tpl
Code:
<table border="0" cellpadding="3" cellspacing="1" width="100%" align="center">
<!-- BEGIN switch_latest3_title -->
  <tr>
   <th colspan="1" width="400" height="4" class="thTop" nowrap="nowrap">{L_COMPONENT_LATEST3}</th>
  </tr>
<!-- END switch_latest3_title -->

<!-- BEGIN topics_latest3 -->
  <tr>
   <td class="row1" colspan="1" height="4"><span class="Tahoma"><a href="{topics_latest3.U_LINK}" class="Tahoma">{topics_latest3.TOPIC_TITLE}</a></span></td>
  </tr>
<!-- END topics_latest3 -->
<!-- BEGIN posts_latest3 -->
  <tr>
   <td class="row1" colspan="1" height="4"><span class="Tahoma"><a href="{posts_latest3.U_LINK"} class="Tahoma" >{posts_latest3.TOPIC_TITLE}</a></span></td>
  </tr>
  <tr>
   <td valign="top" ><span class="Tahoma">{posts_latest3.MESSAGE}</span></td>
  </tr>
<!-- END posts_latest3 -->


</table>


web page html

Code:
<div align="center">
<p align="center"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=22"><img width="900" border="0" height="160" alt="" src="/Header.jpg" /></a></p>
<div align="center">
<p>
<table width="900" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <div align="right"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=24"><img width="165" border="0" height="178" alt="" src="/racing_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=25"><img width="165" border="0" height="178" alt="" src="/Social_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=26"><img width="165" border="0" height="178" alt="" src="/Womens_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=27"><img width="165" border="0" height="178" alt="" src="/MTB_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td align="center">
            <div align="center"><a href="../../viewpage.php?myff_id=28"><img width="165" border="0" height="178" alt="" src="/Youth_off.jpg" /></a>&nbsp;</div>
            </td>
        </tr>
    </tbody>
</table>
<table width="850" cellspacing="2" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <p><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beeston.cc/"><img width="102" border="0" height="19" alt="" src="/Home_off.jpg" /></a>&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=30"><img width="102" border="0" height="19" alt="" src="/Aboutus_off.jpg" /></a></font></strong><font color="#ff6600"><font size="2"><font face="Tahoma"><strong> </strong></font></font></font><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=29"><img width="102" border="0" height="19" alt="" src="/Membership_off.jpg" /></a></font></strong><strong><font size="2" face="Tahoma"> </font><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=32"><font size="2" face="Tahoma"><img width="102" border="0" height="19" alt="" src="/joinus_off.jpg" /></font></a></strong><strong><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=40"><img width="102" border="0" height="19" alt="" src="/NewsEvents_off.jpg" /></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=37"><font color="#0000ff"><img width="102" border="0" height="19" alt="" src="/Clubkit_off.jpg" /></font></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=42"><img width="102" border="0" height="19" alt="" src="/Photos_off.jpg" /></a></font></strong><strong><font size="2" color="#ff6600" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php"><img width="102" border="0" height="19" alt="" src="/Forums_off.jpg" /></a></font></strong></p>
            </td>
        </tr>
        <tr align="left">
            <td>
            <p><font color="#ff9900"><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=33">Challenge Ride 2011</a>&nbsp;</font><font size="2" face="Tahoma"> </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=39">Introductory/Social &amp; Family&nbsp;Rides</a></font><font size="2" face="Tahoma"> &nbsp; </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=35">Tuesday 10 Mile&nbsp;Time Trial</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=38">Go Ride</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=44">2011 Events Calendar</a></font></font></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p><img width="900" height="20" alt="" src="/BCC_900_bar.gif.jpg" /></p>
<table width="850" cellspacing="5" cellpadding="1">
    <tbody>
        <tr>
            <td>
            <h3 class="storytitle"><font size="-0" color="#ff9900"><font size="-0"><font size="-0"><font face="Tahoma">Beeston CC's Upcoming Rides &amp; Events</font></font></font></font></h3>
           <h2 class="storytitle"><font face="Tahoma" color="#ff9900">{MYFF.LATEST3}</font></h2>
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/forum21.php">View All Upcoming Rides</a> <a href="http://beestoncc.myfreeforum.org/posting.php?mode=newtopic&f=21">Add a New Ride</a> <a href="http://beestoncc.myfreeforum.org/forum26.php">View Past Rides</a></font></p>
            </td>
            <td>
            <h3 class="storytitle"><font size="-0" color="#ff9900"><font size="-0"><font size="-0"><font face="Tahoma">On The Forum</font></font></font></font></h3><h2 class="storytitle"><font face="Tahoma" color="#ff9900">{MYFF.LATEST4}</font></h2>
            
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php">View All Forums</a> <a href="http://beestoncc.myfreeforum.org/search.php?search_id=newposts">View Posts Since Last Visit</a> </font></p>
            </td>
        </tr>
    </tbody>
</table>
<div align="center">
<table width="900" cellspacing="1" cellpadding="1">
    <tbody>
        <tr>
            <td colspan="3">
            <h3 class="storytitle"><img width="900" height="20" alt="" src="/BCC_900_bar.gif.jpg" /></h3>
            <h3 class="storytitle"><font size="-0"><font color="#3366ff" face="Tahoma"><font color="#ff9900">Anything goes here</font></font></font><a href="http://www.facebook.com/home.php?#!/group.php?gid=192150571544&ref=ts"><br />
            </a></h3>
            </td>
        </tr>
    </tbody>
</table>
</div>

</p>
<p align="center">&nbsp;</p>
<h3 class="storytitle"><a href="http://twitter.com/beestoncc"><img width="67" border="0" height="25" src="/twitter.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.facebook.com/home.php?#!/group.php?gid=192150571544&ref=ts"><img width="76" border="0" height="25" src="/facebook.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.youtube.com/group/beestoncc"><img width="35" border="0" height="25" src="/youtube.jpg" alt="" /></a>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.flickr.com/search/?w=all&q=beestoncc&m=tags"><img width="64" border="0" height="25" src="/flickr.jpg" alt="" /></a></h3>
<p align="center"><img width="900" height="40" alt="" src="/BCC_base.gif.jpg" /></p>
</div>
</div>
Nick(NR)

I suppose the easiest way to do this would be to force it to happen by adding a class to your portals used on the webpages.

stylesheet css:
Code:
.webportaltext th {font-size: 16px; font-weight: bold;}
.webportaltext td {font-size: 14px; font-weight: normal;}


html for the portals:
Code:
class="webportaltext"


This should give you some play, shout if all fails
archers-rest

Thanks for the fix Nick, but I can't find stylesheet.cms anywhere
myff admin

Look for any css file.
Nick(NR)

myff admin wrote:
Look for any css file.


my bad, saying stylesheet like it's self hosted

the css file will have the same name as the template slot your editing, also if you allow users to switch template, the edits will need to be made on all the template available to your users
archers-rest

Thanks guys
archers-rest

I have edited myff_beeston1.css and the portals as above, but then realised I am not using any template on my webpages.  The edits made have had no effect, do I need to be using a template on the webpages?
Nick(NR)

Nope, what I think is missing and probably should have realised is you've not linked to the stylesheet for you forum template in the webpage.

What I suppose might work better, is as the portals are duplicates only to use on the web pages is to add the css bits to the stylesheet your using for the webpages.
archers-rest

You'll have to excuse my ignorance but where will I find the stylesheet for my webpage?
Nick(NR)

your index.html has no head tags?

would explain why you can't style anything.

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" />

<link rel="stylesheet" type="text/css" href="thenovo_blue.css" />

</head>


If you've already put the css styling into your forums stylesheet for the template your using just change the href part of the <link rel=""> and the above goes to the top on your index.html
Nick(NR)

Re: Changing font size within portals on web page

Ok, just realised no body tags either, so try this compiled bash, was the tweaks and the web page code from your first post.

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" />

<link rel="stylesheet" type="text/css" href="http://beestoncc.myfreeforum.org/templates/myff_beestoncc1/myff_beestoncc1.css" />

</head>

<body>
<div align="center">
<p align="center"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=22"><img width="900" border="0" height="160" alt="" src="/Header.jpg" /></a></p>
<div align="center">
<p>
<table width="900" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <div align="right"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=24"><img width="165" border="0" height="178" alt="" src="/racing_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=25"><img width="165" border="0" height="178" alt="" src="/Social_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=26"><img width="165" border="0" height="178" alt="" src="/Womens_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=27"><img width="165" border="0" height="178" alt="" src="/MTB_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td align="center">
            <div align="center"><a href="../../viewpage.php?myff_id=28"><img width="165" border="0" height="178" alt="" src="/Youth_off.jpg" /></a>&nbsp;</div>
            </td>
        </tr>
    </tbody>
</table>
<table width="850" cellspacing="2" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <p><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beeston.cc/"><img width="102" border="0" height="19" alt="" src="/Home_off.jpg" /></a>&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=30"><img width="102" border="0" height="19" alt="" src="/Aboutus_off.jpg" /></a></font></strong><font color="#ff6600"><font size="2"><font face="Tahoma"><strong> </strong></font></font></font><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=29"><img width="102" border="0" height="19" alt="" src="/Membership_off.jpg" /></a></font></strong><strong><font size="2" face="Tahoma"> </font><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=32"><font size="2" face="Tahoma"><img width="102" border="0" height="19" alt="" src="/joinus_off.jpg" /></font></a></strong><strong><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=40"><img width="102" border="0" height="19" alt="" src="/NewsEvents_off.jpg" /></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=37"><font color="#0000ff"><img width="102" border="0" height="19" alt="" src="/Clubkit_off.jpg" /></font></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=42"><img width="102" border="0" height="19" alt="" src="/Photos_off.jpg" /></a></font></strong><strong><font size="2" color="#ff6600" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php"><img width="102" border="0" height="19" alt="" src="/Forums_off.jpg" /></a></font></strong></p>
            </td>
        </tr>
        <tr align="left">
            <td>
            <p><font color="#ff9900"><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=33">Challenge Ride 2011</a>&nbsp;</font><font size="2" face="Tahoma"> </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=39">Introductory/Social &amp; Family&nbsp;Rides</a></font><font size="2" face="Tahoma"> &nbsp; </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=35">Tuesday 10 Mile&nbsp;Time Trial</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=38">Go Ride</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=44">2011 Events Calendar</a></font></font></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p><img width="900" height="20" alt="" src="/BCC_900_bar.gif.jpg" /></p>
<table width="850" cellspacing="5" cellpadding="1">
    <tbody>
        <tr>
            <td>
            <h3 class="storytitle"><font size="-0" color="#ff9900"><font size="-0"><font size="-0"><font face="Tahoma">Beeston CC's Upcoming Rides &amp; Events</font></font></font></font></h3>
           <h2 class="storytitle"><font face="Tahoma" color="#ff9900">{MYFF.LATEST3}</font></h2>
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/forum21.php">View All Upcoming Rides</a> <a href="http://beestoncc.myfreeforum.org/posting.php?mode=newtopic&f=21">Add a New Ride</a> <a href="http://beestoncc.myfreeforum.org/forum26.php">View Past Rides</a></font></p>
            </td>
            <td>
            <h3 class="storytitle"><font size="-0" color="#ff9900"><font size="-0"><font size="-0"><font face="Tahoma">On The Forum</font></font></font></font></h3><h2 class="storytitle"><font face="Tahoma" color="#ff9900">{MYFF.LATEST4}</font></h2>
            
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php">View All Forums</a> <a href="http://beestoncc.myfreeforum.org/search.php?search_id=newposts">View Posts Since Last Visit</a> </font></p>
            </td>
        </tr>
    </tbody>
</table>
<div align="center">
<table width="900" cellspacing="1" cellpadding="1">
    <tbody>
        <tr>
            <td colspan="3">
            <h3 class="storytitle"><img width="900" height="20" alt="" src="/BCC_900_bar.gif.jpg" /></h3>
            <h3 class="storytitle"><font size="-0"><font color="#3366ff" face="Tahoma"><font color="#ff9900">Anything goes here</font></font></font><a href="http://www.facebook.com/home.php?#!/group.php?gid=192150571544&ref=ts"><br />
            </a></h3>
            </td>
        </tr>
    </tbody>
</table>
</div>

</p>
<p align="center">&nbsp;</p>
<h3 class="storytitle"><a href="http://twitter.com/beestoncc"><img width="67" border="0" height="25" src="/twitter.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.facebook.com/home.php?#!/group.php?gid=192150571544&ref=ts"><img width="76" border="0" height="25" src="/facebook.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.youtube.com/group/beestoncc"><img width="35" border="0" height="25" src="/youtube.jpg" alt="" /></a>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.flickr.com/search/?w=all&q=beestoncc&m=tags"><img width="64" border="0" height="25" src="/flickr.jpg" alt="" /></a></h3>
<p align="center"><img width="900" height="40" alt="" src="/BCC_base.gif.jpg" /></p>
</div>
</div>

</body>
</html>
archers-rest

Thanks for your time Nick, I have created my webpage using the wysiwyg editor hence no head or body tags.  

Using the code provided gives me all sorts of problems unfortunately such as the background from the forum comes over to the webpages, frames around the portals... etc, so not the best solution as it creates more edits for me that I don't really know how to deal with.   So unless there is a way of forcing the text within the portals to be smaller I'm going to have to stick with it how it is I'm afraid, this is going above my head  

(still on this page btw - http://beestoncc.myfreeforum.org/viewpage.php?myff_id=46 )
Nick(NR)

ok lets try this, keep what I posted above, but upload the css file below to where you have your webpages, then in the code I posted above change the link to point to the file below once uploaded.


Click to download file
archers-rest

I totaly understand if you loose patients with me, I have uploaded the css file and linked to it from the html file as instructed but sill can not manipulate the text size....

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" />

<link rel="stylesheet" type="text/css" href="http://beestoncc.myfreeforum.org/webportal.css" />

</head>

<body>
<div align="center">
<p align="center"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=22"><img width="900" border="0" height="160" alt="" src="/Header.jpg" /></a></p>
<div align="center">
<p>
<table width="900" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <div align="right"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=24"><img width="165" border="0" height="178" alt="" src="/racing_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=25"><img width="165" border="0" height="178" alt="" src="/Social_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=26"><img width="165" border="0" height="178" alt="" src="/Womens_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=27"><img width="165" border="0" height="178" alt="" src="/MTB_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td align="center">
            <div align="center"><a href="../../viewpage.php?myff_id=28"><img width="165" border="0" height="178" alt="" src="/Youth_off.jpg" /></a>&nbsp;</div>
            </td>
        </tr>
    </tbody>
</table>
<table width="850" cellspacing="2" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <p><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beeston.cc/"><img width="102" border="0" height="19" alt="" src="/Home_off.jpg" /></a>&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=30"><img width="102" border="0" height="19" alt="" src="/Aboutus_off.jpg" /></a></font></strong><font color="#ff6600"><font size="2"><font face="Tahoma"><strong> </strong></font></font></font><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=29"><img width="102" border="0" height="19" alt="" src="/Membership_off.jpg" /></a></font></strong><strong><font size="2" face="Tahoma"> </font><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=32"><font size="2" face="Tahoma"><img width="102" border="0" height="19" alt="" src="/joinus_off.jpg" /></font></a></strong><strong><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=40"><img width="102" border="0" height="19" alt="" src="/NewsEvents_off.jpg" /></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=37"><font color="#0000ff"><img width="102" border="0" height="19" alt="" src="/Clubkit_off.jpg" /></font></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=42"><img width="102" border="0" height="19" alt="" src="/Photos_off.jpg" /></a></font></strong><strong><font size="2" color="#ff6600" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php"><img width="102" border="0" height="19" alt="" src="/Forums_off.jpg" /></a></font></strong></p>
            </td>
        </tr>
        <tr align="left">
            <td>
            <p><font color="#ff9900"><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=33">Challenge Ride 2011</a>&nbsp;</font><font size="2" face="Tahoma"> </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=39">Introductory/Social &amp; Family&nbsp;Rides</a></font><font size="2" face="Tahoma"> &nbsp; </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=35">Tuesday 10 Mile&nbsp;Time Trial</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=38">Go Ride</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=44">2011 Events Calendar</a></font></font></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p><img width="900" height="20" alt="" src="/BCC_900_bar.gif.jpg" /></p>
<table width="850" height="200" cellspacing="2" cellpadding="1" border="0">
    <tbody>
        <tr>
            <td>
            <h3><font color="#FF9900" face="Tahoma">Upcoming Rides</font></h3>
            </td>
            <td>
            <h3><font color="#FF9900" face="Tahoma">On The Forum</font></h3>
            </td>
            <td align="left">
            <h3><font color="#FF9900" face="Tahoma">Latest News</font></h3>
            </td>
        </tr>
        <tr>
            <td>
            <p><font class="webportaltext">{MYFF.LATEST3}<br />
            </font></p>
            </td>
            <td>
            <p><font class="webportaltext">{MYFF.LATEST4}<br />
            </font></p>
            </td>
            <td align="center"><img width="350" height="336" src="/webbanner.jpg" alt="" /></td>
        </tr>
        <tr>
            <td>
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/forum21.php">All Rides</a> <a href="http://beestoncc.myfreeforum.org/posting.php?mode=newtopic&f=21">Add New Ride</a> <a href="http://beestoncc.myfreeforum.org/forum26.php">Past Rides</a></font></p>
            </td>
            <td>
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php">View All Forums</a> <a href="http://beestoncc.myfreeforum.org/search.php?search_id=newposts">View Posts Since Last Visit</a> </font></p>
            </td>
            <td align="center">&nbsp;</td>
        </tr>
        <tr align="center">
            <td colspan="4"><a href="http://twitter.com/beestoncc"><img width="67" border="0" height="25" src="/twitter.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.facebook.com/home.php?#!/group.php?gid=192150571544&ref=ts"><img width="76" border="0" height="25" src="/facebook.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.youtube.com/group/beestoncc"><img width="35" border="0" height="25" src="/youtube.jpg" alt="" /></a>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.flickr.com/search/?w=all&q=beestoncc&m=tags"><img width="64" border="0" height="25" src="/flickr.jpg" alt="" /></a></td>
        </tr>
    </tbody>
</table>



</body>
</html>


have changed webportal.css to

Code:
.webportaltext th {font-size 6px; font-weight bold;}
.webportaltext td {font-size 4px; font-weight normal;}


and still the text stays the same?

Am i putting the wrong code infront of

Code:
class="webportaltext"


here

Code:
<tr>
            <td>
            <p><font class="webportaltext">{MYFF.LATEST3}<br />
            </font></p>
            </td>
            <td>
            <p><font class="webportaltext">{MYFF.LATEST4}<br />
            </font></p>
            </td>
            <td align="center"><img width="350" height="336" src="/webbanner.jpg" alt="" /></td>
        </tr>
myff admin

I'd suggest using Firefox with the web developer add on, that allows you to see exactly what is styling any element of the page.
archers-rest

sorry but that does nothing to help me, i'm a simpleton!
myff admin

archers-rest wrote:
sorry but that does nothing to help me, i'm a simpleton!


So have you tried web developer?  What does it say about the css for the problem text?
archers-rest

Yes I've tried but not knowing what I'm doing I can't make sense of any info that gives me.  I can get it to show me what tags are styling it, but I know that anyway from viewing the html.

If I 'validate css' it suggests there is a fault in the file Nick gave me to upload (i think)

I don't mind admitting I'm lost here.
editor

If you can see what things are styling tags by just looking at the HTML then you are cleverer than me.

Web developer should really show you the CSS for a element.

What does it say?
archers-rest

this has gone above my head, the text will have to remain too big, sorry to be defeatist but without a solution been 'given' to me I aint going to get this right.
myff admin

When I click on the main test elements it is saying there is no style information, so I think you have not created any css for the page.
myff admin

You have a file:
http://beestoncc.myfreeforum.org/webportal.css

as suggested by Nick, but you have no reference to it in the web page itself.forumlink
archers-rest

I thought I had linked to it here

Code:
<link rel="stylesheet" type="text/css" href="http://beestoncc.myfreeforum.org/webportal.css"/>
Nick(NR)

archers-rest wrote:
I thought I had linked to it here

Code:
<link rel="stylesheet" type="text/css" href="http://beestoncc.myfreeforum.org/webportal.css"/>


Your almost there, I did say add the class="webportaltext" to each th and td inside the cms_xxxxxx.tpl of each duplicated portal

so instead of this:
Code:
<tr>
            <td>
            <p><font class="webportaltext">{MYFF.LATEST3}<br />
            </font></p>
            </td>
            <td>
            <p><font class="webportaltext">{MYFF.LATEST4}<br />
            </font></p>
            </td>
            <td align="center"><img width="350" height="336" src="/webbanner.jpg" alt="" /></td>
        </tr>


go back to this:
Code:
<tr>
            <td>
            {MYFF.LATEST3}<br />
            </td>
            <td>
            {MYFF.LATEST4}<br />
            </td>
            <td align="center"><img width="350" height="336" src="/webbanner.jpg" alt="" /></td>
        </tr>


and put class="webportaltext" into each portal, example below (currenttime):
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="4">
  <tr>
    <th class="webportaltext">Live Time</th>
  </tr>
  <tr>
     <td class="webportaltext">

<center>
The time is now:<br />
<span class="forumlink">
<script type="text/javascript" src="/portal_clock.js"></script>
<script language="JavaScript" type="text/javascript">show_clock()</script>
</span>
</center>

</td>
  </tr>
</table>
archers-rest

Thank you for your patients with this...

I thought best to delete and re create MYFF.LATEST4 so the code was 'clean'.  The new code already has 'webportaltext' in it but still to no avail   have myff made some subtle changes to include this as it's been unfolding?

This is the code I have in the portal un edited by myself

Code:
<table border="0" cellpadding="3" cellspacing="1" width="100%" class="webportaltext" align="center">
<!-- BEGIN switch_latest4_title -->
  <tr>
   <th class="webportaltext" colspan="1" width="400" height="25" class="thTop" nowrap="nowrap">{L_COMPONENT_LATEST4}</th>
  </tr>
<!-- END switch_latest4_title -->

<!-- BEGIN topics_latest4 -->
  <tr>
   <td class="row1" colspan="1" height="4" class="webportaltext"><span class="webportaltext"><a href="{topics_latest4.U_LINK}" class="webportaltext">{topics_latest4.TOPIC_TITLE}</a></span></td>
  </tr>
<!-- END topics_latest4 -->
<!-- BEGIN posts_latest4 -->
  <tr>
   <td class="row1" colspan="1" height="4" class="webportaltext"><span class="webportaltext"><a href="{posts_latest4.U_LINK"} class="webportaltext" >{posts_latest4.TOPIC_TITLE}</a></span></td>
  </tr>
  <tr>
   <td valign="top" class="webportaltext"><span class="gensmall">{posts_latest4.MESSAGE}</span></td>
  </tr>
<!-- END posts_latest4 -->


</table>


I also removed the bits you suggested from the html
Nick(NR)

archers-rest wrote:
Thank you for your patients with this...

I thought best to delete and re create MYFF.LATEST4 so the code was 'clean'.  The new code already has 'webportaltext' in it but still to no avail   have myff made some subtle changes to include this as it's been unfolding?

This is the code I have in the portal un edited by myself

Code:
<table border="0" cellpadding="3" cellspacing="1" width="100%" class="webportaltext" align="center">
<!-- BEGIN switch_latest4_title -->
  <tr>
   <th class="webportaltext" colspan="1" width="400" height="25" class="thTop" nowrap="nowrap">{L_COMPONENT_LATEST4}</th>
  </tr>
<!-- END switch_latest4_title -->

<!-- BEGIN topics_latest4 -->
  <tr>
   <td class="row1" colspan="1" height="4" class="webportaltext"><span class="webportaltext"><a href="{topics_latest4.U_LINK}" class="webportaltext">{topics_latest4.TOPIC_TITLE}</a></span></td>
  </tr>
<!-- END topics_latest4 -->
<!-- BEGIN posts_latest4 -->
  <tr>
   <td class="row1" colspan="1" height="4" class="webportaltext"><span class="webportaltext"><a href="{posts_latest4.U_LINK"} class="webportaltext" >{posts_latest4.TOPIC_TITLE}</a></span></td>
  </tr>
  <tr>
   <td valign="top" class="webportaltext"><span class="gensmall">{posts_latest4.MESSAGE}</span></td>
  </tr>
<!-- END posts_latest4 -->


</table>


I also removed the bits you suggested from the html


ONLY THE <TH> AND <TD> nowhere else Wink

but you've still not got head tags where you can point to any css file in any web page

top of webpage add:
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" />

<link rel="stylesheet" type="text/css" href="http://beestoncc.myfreeforum.org/webportal.css" />

</head>

<body>


bottom of webpage add:
Code:
</body>
</html>
archers-rest

Something is obviously not right

portal

Code:
<table border="0" cellpadding="3" cellspacing="1" width="100%" align="center">
<!-- BEGIN switch_latest4_title -->
  <tr>
   <th class="webportaltext" colspan="1" width="400" height="25" class="thTop" nowrap="nowrap">{L_COMPONENT_LATEST4}</th>
  </tr>
<!-- END switch_latest4_title -->

<!-- BEGIN topics_latest4 -->
  <tr>
   <td class="row1" colspan="1" height="4" class="webportaltext"><a href="{topics_latest4.U_LINK}">{topics_latest4.TOPIC_TITLE}</a></td>
  </tr>
<!-- END topics_latest4 -->
<!-- BEGIN posts_latest4 -->
  <tr>
   <td class="row1" colspan="1" height="4" class="webportaltext"><a href="{posts_latest4.U_LINK"}">{posts_latest4.TOPIC_TITLE}</a></td>
  </tr>
  <tr>
   <td valign="top" class="webportaltext">{posts_latest4.MESSAGE}</td>
  </tr>
<!-- END posts_latest4 -->


</table>


webpage

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" />

<link rel="stylesheet" type="text/css" href="http://beestoncc.myfreeforum.org/webportal.css" />

</head>

<body>















<div align="center">
<p align="center"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=22"><img width="900" border="0" height="160" alt="" src="/Header.jpg" /></a></p>
<div align="center">
<p>
<table width="900" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <div align="right"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=24"><img width="165" border="0" height="178" alt="" src="/racing_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=25"><img width="165" border="0" height="178" alt="" src="/Social_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=26"><img width="165" border="0" height="178" alt="" src="/Womens_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td>
            <div align="center"><font size="4" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=27"><img width="165" border="0" height="178" alt="" src="/MTB_off.jpg" /></a>&nbsp;</font></div>
            </td>
            <td align="center">
            <div align="center"><a href="../../viewpage.php?myff_id=28"><img width="165" border="0" height="178" alt="" src="/Youth_off.jpg" /></a>&nbsp;</div>
            </td>
        </tr>
    </tbody>
</table>
<table width="850" cellspacing="2" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td>
            <p><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beeston.cc/"><img width="102" border="0" height="19" alt="" src="/Home_off.jpg" /></a>&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=30"><img width="102" border="0" height="19" alt="" src="/Aboutus_off.jpg" /></a></font></strong><font color="#ff6600"><font size="2"><font face="Tahoma"><strong> </strong></font></font></font><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=29"><img width="102" border="0" height="19" alt="" src="/Membership_off.jpg" /></a></font></strong><strong><font size="2" face="Tahoma"> </font><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=32"><font size="2" face="Tahoma"><img width="102" border="0" height="19" alt="" src="/joinus_off.jpg" /></font></a></strong><strong><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=40"><img width="102" border="0" height="19" alt="" src="/NewsEvents_off.jpg" /></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=37"><font color="#0000ff"><img width="102" border="0" height="19" alt="" src="/Clubkit_off.jpg" /></font></a> </font></strong><strong><font size="2" color="#ff6600" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=42"><img width="102" border="0" height="19" alt="" src="/Photos_off.jpg" /></a></font></strong><strong><font size="2" color="#ff6600" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php"><img width="102" border="0" height="19" alt="" src="/Forums_off.jpg" /></a></font></strong></p>
            </td>
        </tr>
        <tr align="left">
            <td>
            <p><font color="#ff9900"><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=33">Challenge Ride 2011</a>&nbsp;</font><font size="2" face="Tahoma"> </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=39">Introductory/Social &amp; Family&nbsp;Rides</a></font><font size="2" face="Tahoma"> &nbsp; </font><font size="2" face="Tahoma"><a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=35">Tuesday 10 Mile&nbsp;Time Trial</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=38">Go Ride</a>&nbsp;&nbsp;&nbsp;<a href="http://beestoncc.myfreeforum.org/viewpage.php?myff_id=44">2011 Events Calendar</a><br />
            </font></font></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
<p><img width="900" height="20" alt="" src="/BCC_900_bar.gif.jpg" /></p>
</div>
<table width="850" cellspacing="2" cellpadding="1" border="0">
    <tbody>
        <tr>
            <td>
            <h3><font color="#FF9900" face="Tahoma">Upcoming Rides</font></h3>
            </td>
            <td>
            <h3><font color="#FF9900" face="Tahoma">On The Forum</font></h3>
            </td>
            <td align="left">
            <h3><font color="#FF9900" face="Tahoma">Latest News</font></h3>
            </td>
        </tr>
        <tr>
            <td>
            {MYFF.LATEST3}<br />
          
            </td>
            <td>
            {MYFF.LATEST4}<br />
            
            </td>
            <td align="center"><img width="350" height="336" src="/webbanner.jpg" alt="" /></td>
        </tr>
        <tr>
            <td>
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/forum21.php">All Rides</a> <a href="http://beestoncc.myfreeforum.org/posting.php?mode=newtopic&f=21">Add New Ride</a> <a href="http://beestoncc.myfreeforum.org/forum26.php">Past Rides</a></font></p>
            </td>
            <td>
            <p><font size="2" face="Tahoma"> <a href="http://beestoncc.myfreeforum.org/index.php">View All Forums</a> <a href="http://beestoncc.myfreeforum.org/search.php?search_id=newposts">View Posts Since Last Visit</a> </font></p>
            </td>
            <td align="center">&nbsp;</td>
        </tr>
        <tr align="center">
            <td colspan="4"><a href="http://twitter.com/beestoncc"><img width="67" border="0" height="25" src="/twitter.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.facebook.com/home.php?#!/group.php?gid=192150571544&ref=ts"><img width="76" border="0" height="25" src="/facebook.jpg" alt="" /></a> &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.youtube.com/group/beestoncc"><img width="35" border="0" height="25" src="/youtube.jpg" alt="" /></a>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.flickr.com/search/?w=all&q=beestoncc&m=tags"><img width="64" border="0" height="25" src="/flickr.jpg" alt="" /></a></td>
        </tr>
    </tbody>
</table>
<p><img width="900" height="40" alt="" src="/BCC_base.gif.jpg" /></p>
</div>

</body>
</html>


I've done as instructed.... and it's still not changing
myff admin

Can we get back to some basics here.

What is the actual link to the page that the user will use?
archers-rest

http://beestoncc.myfreeforum.org/viewpage.php?myff_id=46
myff admin

archers-rest wrote:
http://beestoncc.myfreeforum.org/viewpage.php?myff_id=46


That is not the real link you would give to users, and so may be a source of confusion.
Can we have the actual html page link.
archers-rest

the page is not 'live' yet, that is the url when the page is viewed

the page named test2.html ( http://beestoncc.myfreeforum.org/test2.html ) on my webpages, it will eventually replace /index.html
myff admin

Okay that is better.

I don't see any general css declaration like:

Code:

BODY {

      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;
      }


There.

I'd also say it is a good idea on a support thread to constantly recap what the problem is, people soon end up lost otherwise.
archers-rest

Great, what do I do with that, I don't mind admitting I'm out of my depth, that's why I asked the question in the first place, I even understand the policy of giving people a nudge in the right direction first rather than just doing it for them, that way they learn, this method has served me well in the past.

But........when it's clear that someone doesn't know what they are doing is it really too hard for you not to give the answer in a simple and straight forward manner rather than dangling cryptic clues?

       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