Þ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ð</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íða tölvu</a></td>
</table>
</td>
<td align='right'>
<font size='-2' class='whitetext'>vaktin.is er hýst hjá <a href='https://www.sensa.is' class='whitetext' target='_blank'><b>sensa.is</b></a></font>
</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>