Skölun á bannerunum

Hugmyndadeild, kvartanadeild og gleðideild
Skjámynd

Höfundur
GuðjónR
Stjórnandi
Póstar: 16567
Skráði sig: Fim 29. Ágú 2002 18:46
Reputation: 2135
Staðsetning: Hérna
Hafðu samband:
Staða: Ótengdur

Skölun á bannerunum

Pósturaf GuðjónR » Fös 21. Apr 2023 18:07

Er einhver phpBB snillingur hérna sem sér fyrir sér hvernig hægt að að breyta header.html
Þannig að bannerarnir efst skalist fyrir síma, það væri allt í lagi að þeir litu út eins og lítil frímerki bara að þeir væru sýnilegir og það kæmi
fallega út.
Bannerarnir skalast ágætlega á verðvaktinni en ekki á spjallinu.
Þetta er ekki alveg að gera sig svona.


Kóði: Velja allt

<html>

  <head>
    <meta http-equiv='content-type' content='text/html;charset=UTF-8' />
    <meta http-equiv='refresh' content='900'>
    <meta http-Equiv='Cache-Control' Content='no-cache'>
    <meta http-Equiv='Pragma' Content='no-cache'>
    <meta http-Equiv='Expires' Content='0'>
  </head>
  <style>
    {
      max-width: 100%;
    }

    body {
      background-color: #6e6e6e;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
    }

    a {
      color: #000000;
      text-decoration: none;
    }

    a:hover {
      color: #000000;
      text-decoration: underline;
    }

    td {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
    }

    .whitetext {
      color: #ffffff;
      text-decoration: none;
    }

    a.whitetext {
      text-decoration: none;
      color: #ffffff;
    }

    a.whitetext:hover {
      text-decoration: none;
      color: #ffffff;
    }

    .menunav {
      background-image: url(img/header_backgroundgratt2.gif);
      background-repeat: repeat-x;
    }

    .menunavgult {
      background-image: url(img/header_backgroundgult.gif);
      background-repeat: repeat-x;
    }

    a.menunavtext {
      text-decoration: none;
      font-weight: bold;
      color: #ffffff;
    }

    a.menunavtext:hover {
      text-decoration: none;
      color: #ffffff;
    }

  </style>

  <body>

    <table border='0' align='center' width='100%' height='173' cellpadding='5' cellspacing='0' bgcolor='000000' background='img/2010_backgroundgradient.gif' style='background-repeat: repeat-x;'>
      <tr>
        <td align='left'>
          <table border='0' cellspacing='0' cellpadding='0'>
            <tr>
              <td align='left' nowrap>
                <img src='img/2010_header_logo.png' border='0' style='margin-left:50px;'>
              </td>
            </tr>
          </table>
        </td>

        <td align="center">
          <table cellpadding='3' width='100%'>
            <tr>

             <!-- Banner lengst til vinstri 150x150 -->
             <!-- <td align="center"><iframe frameborder='0' src='https://static.boringnerd.com/ads/othe/t/TL_150x150_banner.html' width='150' height='150'></iframe></td> -->

<td align="center"> <a href='https://tl.is/?utm_source=vaktin&utm_medium=still&utm_campaign=almennt' target='_blank'> <img src='https://vaktin.is/grkuk/tl_30012023.png' border='0'> </a> </td>

              <!-- Tveir eða fleiri HMTL5 miðjubannerar sem birtast sitt á hvað 450x150
              <td align='center'>
              <div style='padding:3px;float:center;'>
              <iframe id='middle-double-box' frameborder='0' width='450' height='150'></iframe>
              </div> </td> -->


<!--Tveir eða fleiri miðjubannerar sem birtast sitt á hvað 450x150-->
<!-- <td align="center">
 <div class='rotate' style='padding:3px;float:center; display:none;'><a href='https://att.is/ihlutir.html?utm_source=vaktin&utm_medium=still&utm_campaign=ihlutir' target='_blank'><img src='https://www.vaktin.is/grkuk/att_30012023.png' width='450' height='150' border='0'></a></div>
 <div class='rotate' style='padding:3px;float:center; display:none;'><a href='https://att.is/ihlutir.html?utm_source=vaktin&utm_medium=still&utm_campaign=ihlutir' target='_blank'><img src='https://www.vaktin.is/grkuk/att_30012023.png' width='450' height='150' border='0'></a></div>
</td> -->

         <!-- Miðjubanner stakur nota núna 450x150-->
           <td align='center'> <a href='https://tl.is/ihlutir/turnkassar.html?utm_source=vaktin&utm_medium=still_stor&utm_campaign=turnkassar' target='_blank'> <img src='https://www.vaktin.is/grkuk/TL_11.04.2023.png'    border='0'> </a> </td>


              <!-- Banner lengst til hægri 150x150 -->
              <td align="center"> <a href='https://tolvutaekni.is/pages/starfsumsokn' target='_blank'> <img src='https://vaktin.is/grkuk/tt_21082022.png' border='0'> </a> </td>

            </tr>
          </table>
        </td>
      </tr>
      <!--     </table>
</td> -->
    </table>

    <table height='25' cellpadding='0' cellspacing='0' width='100%' border='0' background='img/header_backgroundgratt3.gif' bgcolor='525252' style='background-repeat: repeat-x;'>
      <tr>
        <td>
          <table height='100%' cellpadding='5'>
            <tr>
           <td align='center' class='menunavgult'><a href='https://spjall.vaktin.is' class='menunavtext' target='_parent'>Spjalli&#240;</a></td>
              <td align='center' class='menunavgult'><a href='https://www.vaktin.is' class='menunavtext' target='_parent'>Vaktin</a></td>
              <td align='center' class='menunavgult'><a href='https://builder.vaktin.is' class='menunavtext' target='_blank'>Sm&#237;&#240;a t&#246;lvu</a></td>

          </table>
        </td>

       <td align='right'>
      <font size='-2' class='whitetext'>vaktin.is er h&#253;st hj&#225; <a href='https://www.sensa.is' class='whitetext' target='_blank'><b>sensa.is</b></a></font>&nbsp;
        </td>
        </tr>
    </table>

  </body>

   <!-- This script is for rotating html5 banners -->
<!--   <script>
 
     const middleDoubleBoxSources = [
       'https://static.boringnerd.com/ads/othe/a/Att_Nitro_450x150.html',
      'https://static.boringnerd.com/ads/othe/a/Att_Nitro_450x150.html'
    ]
    // Get rotate
    const middleDoubleBox = document.getElementById('middle-double-box');
    // Pick one random
    const middleRandomSource = middleDoubleBoxSources[Math.floor(Math.random() * middleDoubleBoxSources.length)];

    // Display
    middleDoubleBox.src = middleRandomSource;
  </script>  -->

<!-- This script is for rotating local banners 450x150 -->
    <script>
      // Get rotate
      classes = document.getElementsByClassName('rotate');

      // Pick one random
      var random = classes[Math.floor(Math.random() * classes.length)];

      // Display
      random.style.display = 'block';
      </script>

</html>
Viðhengi
spjallid1.jpeg
spjallid1.jpeg (139.8 KiB) Skoðað 6169 sinnum
spjallid2.jpeg
spjallid2.jpeg (117.83 KiB) Skoðað 6169 sinnum
verdvaktin1.jpeg
verdvaktin1.jpeg (197.01 KiB) Skoðað 6169 sinnum
verdvaktin2.jpeg
verdvaktin2.jpeg (171.95 KiB) Skoðað 6169 sinnum



Skjámynd

Höfundur
GuðjónR
Stjórnandi
Póstar: 16567
Skráði sig: Fim 29. Ágú 2002 18:46
Reputation: 2135
Staðsetning: Hérna
Hafðu samband:
Staða: Ótengdur

Re: Skölun á bannerunum

Pósturaf GuðjónR » Fös 21. Apr 2023 23:51

Þetta tókst næstum því hjá mér með ChatGPT...
https://vaktin.is/scalableheader.html
Viðhengi
IMG_7458.jpeg
IMG_7458.jpeg (144.18 KiB) Skoðað 6068 sinnum