SimplePortal

Customization => Custom Coding => Topic started by: wiecher on October 13, 2010, 05:54:49 AM

Title: Automatically adjust to big screen
Post by: wiecher on October 13, 2010, 05:54:49 AM
When you see are all my forum radars.
On a 15 inch is very nice, but a 21 inch or larger it all looks different.
Is there anything it can automatically adjust so that each screen is a little bit the same?

Greetz Wiecher
Title: Re: Automatically adjust to big screen
Post by: AngelinaBelle on October 13, 2010, 08:00:09 AM
Maybe I do not understand.
The left and right portal columns have fixed width, and the middle column then takes up "all the remaining width", so that the three columns fill the available width.
 
Please show some pictures -- how it looks on 15" monitor, how it looks on 21" or wider monitor, how you would like it to look on the 21" monitor.
 
 
 
Title: Re: Automatically adjust to big screen
Post by: wiecher on October 13, 2010, 08:06:47 AM
Here the pics.
Title: Re: Automatically adjust to big screen
Post by: AngelinaBelle on October 13, 2010, 08:20:37 AM
... how you would like it to look on the 21" monitor.
Title: Re: Automatically adjust to big screen
Post by: AngelinaBelle on October 13, 2010, 08:58:54 AM
I think I understand. You just want to spread out the contents of your custom blocks to fill the wide space. There is not an option in SimplePortal for this because it is just a matter of the HTML or BBC you used to create the custom block.
 
A table is one way to do it.
For example: block 22, Temperatuur en Bliksem -- looks like you did this with BBC.
I took the generated HTML for this example.  You can also use BBC [table], [tr], and [td] tags, but those do not control the layout quite so well.
Code: [Select]
<table width="100%">       
<tr>
 <td align="center">
  <a href="http://www3.buienradar.nl/images.aspx?jaar=-7&amp;soort=temperatuur&amp;tijd=3"><img src="http://www3.buienradar.nl/images.aspx?jaar=-7&amp;soort=temperatuur&amp;tijd=3" alt="" width="345" height="350" class="bbc_img" /></a>
 </td>
 <td align="center">
  <a href="http://www.buienradar.nl/images.aspx?jaar=-3&amp;bliksem=0&amp;voor=&amp;soort=loop1uur1x1_bliksem&amp;tijdid=2010661049"><img src="http://www.buienradar.nl/images.aspx?jaar=-3&amp;bliksem=0&amp;voor=&amp;soort=loop1uur1x1_bliksem&amp;tijdid=2010661049" alt="" width="345" height="350" class="bbc_img" /></a>
 </td>
</tr>
</table>
<marquee>
 <span style="font-size: 14pt;" class="bbc_size">
  <span style="font-family: times new roman;" class="bbc_font">Het Weerforum over het weer en veel meer. We hebben een praatpaal waar mensen gezellig kunnen chatten. Wibisa&nbsp; biedt ook ontspanning dmv Arcade spelletjes. Vooral gezelligheid en respect staan hier op nummer één. We hebben hier geen ruimte om te roddelen over andere fora`s en mensen. Daar is een ander forum voor.&nbsp; <img src="http://www.wibisa.nl/forum/Smileys/SoLoSMiLeYS1/yahoo.gif" alt="yahoo.gif" title="yahoo.gif" style="vertical-align:middle" border="0" class="smiley" /> <img src="http://www.wibisa.nl/forum/Smileys/SoLoSMiLeYS1/yahoo.gif" alt="yahoo.gif" title="yahoo.gif" style="vertical-align:middle" border="0" class="smiley" /> <img src="http://www.wibisa.nl/forum/Smileys/SoLoSMiLeYS1/yahoo.gif" alt="yahoo.gif" title="yahoo.gif" style="vertical-align:middle" border="0" class="smiley" />
  </span>
 </span>
</marquee>
Title: Re: Automatically adjust to big screen
Post by: wiecher on October 13, 2010, 09:47:19 AM
Yes that was it.
Can you help me to do the rest also ?
Please please please  :nervous-happy:
Or just de code to do that ?
Title: Re: Automatically adjust to big screen
Post by: AngelinaBelle on October 13, 2010, 10:49:39 AM
You can handle this.
 
If you did those blocks with HTML or BBC, you can handle this using my sample code as an example.
If you did those blocks with php, you can use my sample code as an example of what you need to put in a php echo statement.
 
If you need more help on how to do HTML, you can find lots of information at w3schools.com
If you need to use php, it will probably not be any more complicated than using the echo to write out that HTML.  But you can always look php stuff up at w3schools.com and php.net
Code: [Select]
echo '
<table width="100%">
<tr>
<td align="center">
';
etc.
 
 
Title: Re: Automatically adjust to big screen
Post by: wiecher on October 13, 2010, 01:10:53 PM
Thanks AngelinaBelle
It works fine.

 :D
SimplePortal 2.3.8 © 2008-2024, SimplePortal