Ik heb hier een script voor mijn forum, alleen vind ik hem iets te groot (in de hoogte). Alleen zou ik begot niet weten hoe ik hem kan verkleinen, hieronder een link naar de tijdelijke testfora. Daarin zie je boven in meteen een vlak met: Welkom, Seizoen, Groepen, Affiliates & Updates.
Je zult zien dat boven en onder een grijs vlak is.
< Dat wil ik dus weg.
De code:
toevoeging op 21 december 2012, 20:47:19:
Link naar het testforum:
http://darius.actieforum.com/
Je zult zien dat boven en onder een grijs vlak is.
< Dat wil ik dus weg.
De code:
<div style="margin:auto;text-align:left;width:100%"><ul id="tabs">
<li><a href="#one"> | WELKOM </a></li>
<li><a href="#two"> | SEIZOEN </a></li>
<li><a href="#three"> | GROEPEN </a></li>
<li><a href="#four"> | AFFILIATES </a></li>
</ul><div id="one" class="tabContent"><table><tr><td align="left"><img src="http://i46.tinypic.com/2edmkjo.png" border="0" alt="" /></td><td align="left"><span style="font-size: 11px; line-height: normal">Darius, het grote koningkrijk waar alles liep zoals het hoorde te gaan. Oude vrouwen die afgestempeld werden als heks werden genadeloos op de brandstapel gegooid en oude wijze opgesloten werden omdat ze gek waren. Normaal? Totdat er een lichtflits Darius naderde in het midden van het rijk: Oftewel in Torsus. Het bleek geen schade aan te richten het was een vallende ster. Met een boodschap, die alles zou veranderen.
<br> <br>
Wanneer de vallende ster, ook wel genaamd Sarah, haar boodschap had gebracht is ze gelijk verdwenen. Ze was namelijk bang dat ze niet op prijs zou worden gestelt. Haar bericht dat Darius bereiken moest was kort geweest maar belangrijk. Sarah zelf kon er niets wijzer uit de drie woorden Ze komen eraan . Maar de toenmalige koning begreep de woorden en voor het eerst in zijn leven zou hij moeten smeken tegen de heksen en de oude wijze, smeken om hun hulp!
</span></td></tr></table></div><div id="two" class="tabContent"><table><tr><td align="left"><img src="http://i47.tinypic.com/32ziesi.png" border="0" alt="" /></td><td align="left"><span style="font-size: 11px; line-height: normal">
Het weer.
</span></td></tr></table></div><div id="three" class="tabContent"><table><tr><td align="left"><img src="http://i17.servimg.com/u/f17/17/75/97/51/roedel13.png" border="0" alt="" /></td><td align="left"><span style="font-size: 11px; line-height: normal">Winterbourne is een rpg site waarop alles mogelijk is, of je nou een dier speelt of een mens. Het maakt niet uit, Winterbourne staat voor iedereen klaar.<br /><br />
Leef je in een warm, koud, dichtbevolkt of dunbevolkt gebied, het maakt niet uit. <br /><br />
Deze RPG site is een site waarbij elk dier of mens in een land leeft waar magie ooit zijn intrek heeft genomen. En waar dus ook cht alles mogelijk is.</span></td></tr></table></div><div id="four" class="tabContent"><table><tr><td align="left"><img src="http://i17.servimg.com/u/f17/17/75/97/51/team_w10.png" border="0" alt="" /></td><td align="left"><span style="font-size: 11px; line-height: normal">Winterbourne is een rpg site waarop alles mogelijk is, of je nou een dier speelt of een mens. Het maakt niet uit, Winterbourne staat voor iedereen klaar.<br /><br />
Leef je in een warm, koud, dichtbevolkt of dunbevolkt gebied, het maakt niet uit. <br /><br />
Deze RPG site is een site waarbij elk dier of mens in een land leeft waar magie ooit zijn intrek heeft genomen. En waar dus ook cht alles mogelijk is.</span></td></tr></table></div>
<style>
ul#tabs {
font-family: sans-serif;
font-size: 10;
list-style-type: none;
margin: 10px 0px 0 0px;
padding: 00 0px 0px 0px;
width: 700px;
}
ul#tabs li {
float: left;
padding: 0px;
margin: 00 2px 0 0;
}
ul#tabs li a {
color: #cdcdcd;
margin: 0px;
padding: 0px 10px 0px 100px;
background-color: #2c2b2b;
border-top: 0px solid;
display: inline;
}
ul#tabs li a:hover {
color: #cdcdcd;
text-decoration: none;
}
ul#tabs li a.selected {
color: #cdcdcd;
background-color: #5d5d5d;
border-top: 0px #000000 solid;
border-bottom: 0px #000000 solid;
}
div.tabContent {
width: 670px;
clear: left
;
border: 0px #000000 solid;
padding: 10px;
margin: 0 0 0 0px;
}
div.tabContent.hide {
display: none;
}</style>
<script>
var tabLinks = new Array();
var contentDivs = new Array();
onload = function init() {
// Grab the tab links and content divs from the page
var tabListItems = document.getElementById(tabs).childNodes;
for ( var i = 0; i < tabListItems.length; i++ ) {
if ( tabListItems[i].nodeName == "LI" ) {
var tabLink = getFirstChildWithTagName( tabListItems[i], A );
var id = getHash( tabLink.getAttribute(href) );
tabLinks[id] = tabLink;
contentDivs[id] = document.getElementById( id );
}
}
// Assign onclick events to the tab links, and
// highlight the first tab
var i = 0;
for ( var id in tabLinks ) {
tabLinks[id].onclick = showTab;
tabLinks[id].onfocus = function() { this.blur() };
if ( i == 0 ) tabLinks[id].className = selected;
i++;
}
// Hide all content divs except the first
var i = 0;
for ( var id in contentDivs ) {
if ( i != 0 ) contentDivs[id].className = tabContent hide;
i++;
}
}
function showTab() {
var selectedId = getHash( this.getAttribute(href) );
// Highlight the selected tab, and dim all others.
// Also show the selected content div, and hide all others.
for ( var id in contentDivs ) {
if ( id == selectedId ) {
tabLinks[id].className = selected;
contentDivs[id].className = tabContent;
} else {
tabLinks[id].className = ;
contentDivs[id].className = tabContent hide;
}
}
// Stop the browser following the link
return false;
}
function getFirstChildWithTagName( element, tagName ) {
for ( var i = 0; i < element.childNodes.length; i++ ) {
if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
}
}
function getHash( url ) {
var hashPos = url.lastIndexOf ( # );
return url.substring( hashPos + 1 );
}</script>
<td width="30%" class="windowbg" valign="top" height="100%">
<table width="100%" cellspacing="0" cellpadding="4">
<tr>
<td class="windowbg" valign="top">
<td cellpadding="0" cellspacing="0" align="center"><img src="http://i17.servimg.com/u/f17/17/75/97/51/update16.png" width="200" height="47" alt=" " /><div style="width: 180px; height: 200px; overflow: auto; background-color: #2c2b2b; margin-bottom: 15px; text-align: left; padding: 10px;">
<span style="font-size: 11px; line-height: normal"><font color="#cdcdcd">Er zijn nog geen updates D;</font></span>
</div></td>
</td>
</tr>
</table>
</td>toevoeging op 21 december 2012, 20:47:19:
Link naar het testforum:
http://darius.actieforum.com/
