Om even te laten zien wat ik heb gedaan
Gehele footer
Code: Selecteer alles
<!--
We request you retain the full copyright notice below including the link to www.phpbb.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
forums may be affected.
The phpBB Group : 2006
//-->
</div>
</div>
</div>
<div class="clr"></div>
<div id="footer">
<div id="footer-l">
<div id="footer-r">
<div class="foot-float-l">
<span class="middletext">
<span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;">
<br />© IVEN /powered by <a href="http://www.phpbb.com/">phpBB</a><br />
Style created by <a href="http://www.mopampa.nl">
MOPAMPA </a>
</span></span>
</div>
<div class="foot-float-r">
<span class="middletext"> <br /><strong><a href="{U_INDEX}">
forumindex</a></strong><br /><!-- IF U_ACP --><strong><a href="{U_ACP}">
{L_ACP}</a></strong><!-- ENDIF -->
</span><br />
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div></div>
</div>
</div>
</div>
</div>
<div>
<!--bottom dock -->
<div class="dock" id="dock2">
<div class="dock-container2">
<a class="dock-item2" href="#"><span>Home</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/email.png" alt="contact" /></a>
<a class="dock-item2" href="#"><span>Portfolio</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>Links</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/link.png" alt="links" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/rss.png" alt="rss" /></a>
<a class="dock-item2" href="#"><span>RSS2</span><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/rss2.png" alt="rss" /></a>
</div>
</div>
<!--dock menu JS options -->
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
</div>
De JS bestanden (2stuks) heb ik in de theme/js upgeload
Style.css net als iepngfix.htc zijn in de theme upgeload.
De html bestanden css-dock heb ik dus in de header en footer verwerkt
Dit is de header
Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="style.css" rel="stylesheet" type="text/css" />
<title>CSS Dock Menu</title>
<script type="text/javascript" src="http://www.iven.nl/cafe/styles/Attriuum/theme/js/jquery.js"></script>
<script type="text/javascript" src="http://www.iven.nl/cafe/styles/Attriuum/theme/js//interface.js"></script>
<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var style_cookie_settings = '{A_COOKIE_SETTINGS}';
var onload_functions = new Array();
var onunload_functions = new Array();
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
var url = '{UA_POPUP_PM}';
window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
}
<!-- ENDIF -->
/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}
/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
}
window.onunload = function()
{
for (var i = 0; i < onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/animatedcollapse.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!--top dock -->
<div class="dock" id="dock">
<div class="dock-container">
<!--Board Index-->
<a class="dock-item" href="{U_INDEX}"><img src="{T_THEME_PATH}/images/home.png" alt="{SITENAME}" /><span>{SITENAME}</span></a>
<a class="dock-item" href="{U_FAQ}"><img src="{T_THEME_PATH}/images/faq.png" alt="{L_FAQ}" /><span>{L_FAQ}</span></a>
<a class="dock-item" href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/search.png" alt="{L_SEARCH}" /><span>{L_SEARCH}</span></a>
<!-- IF U_EMAIL_TOPIC --><a class="dock-item" href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}"><img src="{T_THEME_PATH}/images/email.png" alt="{L_EMAIL_TOPIC}" /><span>{L_EMAIL_TOPIC}</span></a>
<!-- ENDIF -->
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><!-- IF S_DISPLAY_PM --><a class="dock-item" href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/pm.png" /><span>{PRIVATE_MESSAGE_INFO}</span></a> <!-- ENDIF --><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><a class="dock-item" href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/memberlist.png" alt="{L_MEMBERLIST}" /><span>{L_MEMBERLIST}</span></a>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --><a class="dock-item" href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/profile.png" alt="{L_PROFILE}" /><span>{L_PROFILE}</span></a>
<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><a class="dock-item" href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/register.png" alt="{L_REGISTER}" /><span>{L_REGISTER}</span></a>
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not S_IS_BOT --><a class="dock-item" href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/loginout.png" alt="{L_LOGIN_LOGOUT}" /><span>{L_LOGIN_LOGOUT}</span></a><!-- ENDIF -->
<a class="dock-item" href="#"><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="http://www.iven.nl/cafe/styles/Attriuum/theme/images/rss2.png" alt="rss" /><span>RSS2</span></a>
</div>
</div>
<!--dock menu JS options -->
<script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
<div id="topbar">
<div id="header" class="wrapper">
<div id="toplinks">
<ul>
<li class="time"><!-- IF U_MCP --><p>{CURRENT_TIME}</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF --></li></ul>
</div>
<div id="searchbar">
<form action="{U_SEARCH}" method="post">
<input class="inputbox" type="text" name="keywords" value="{L_SEARCH}" onfocus="this.value = '';" onblur="if(this.value=='') this.value='{L_SEARCH}';" />
</form>
</div>
<div id="logo">
<a href="{U_INDEX}" title="{L_INDEX}"></a>
</div>
</div>
</div>
<div id="toolbar">
<div class="wrapper">
<ul id="topnav">
<li class="chosen"><a href="http://www.iven.nl/cafe">CAFE<br /><span>CAFE HOME</span></a><ul>
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
<li><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></li>
<li><a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<li><a href="{U_SEARCH}">{L_SEARCH}</a></li>
<li><a href="{U_FAQ}">{L_FAQ}</a></li>
<!-- IF U_RESTORE_PERMISSIONS -->
<li><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li>
<!-- ENDIF -->
<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" >{L_LOGIN_LOGOUT}</a></li></ul>
<li class="chosen"><a href="http://www.iven.nl/cafe">BEHEER<br /><span>BEHEER</span></a><ul>
<li><a href="mailto:cafe@iven.nl" title="CONTACT">Contact</a></li>
<!-- IF U_TEAM --><li><a href="{U_TEAM}">{L_THE_TEAM}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT --><li><a href="{U_DELETE_COOKIES}">Verwijder cookies</a></li><!-- ENDIF -->
<!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
<!-- IF U_ACP --><li><a href="{U_ACP}">{L_ACP}</a></li><!-- ENDIF --></ul>
<li class="chosen"><a href="http://www.iven.nl">BERICHTEN<br /><span>CAFE BERICHTEN</span></a><ul>
<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li><!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH_UNANSWERED}">Onbeantwoord</a></li><!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --><li><a href="{U_SEARCH_NEW}">Nieuwe berichten</a></li><!-- ENDIF -->
<li><a href="{U_SEARCH_ACTIVE_TOPICS}">Actieve topics</a></li><!-- ENDIF -->
<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li><a href="{U_MARK_FORUMS}" accesskey="m">Markeer als gelezen</a></li><!-- ENDIF --></ul>
<li class="chosen"><a href="http://www.iven.nl">IVEN HOME<br /><span>IVEN HOME</span></a><ul>
<li><a href="http://www.iven.nl/geluid" title="IVEN verhuur">IVEN verhuur</a></li>
<li><a href="http://www.iven.nl/verkoop" title="IVEN verkoop">IVEN verkoop</a></li>
<li><a href="mailto:info@iven.nl" title="IVEN Contact">IVEN Contact</a></li></ul>
<li class="chosen"><a href="http://www.vandenbrink-audio.nl">V db AUDIO<br /><span>V db AUDIO</span></a><ul>
<li><a href="http://www.vandenbrink-audio.nl" title="V db AUDIO">V db AUDIO</a></li>
<li><a href="mailto:info@vandenbrink-audio.nl" title="Contact">Contact</a></li></ul>
</ul>
</div>
</div>
<div class="clr"></div>
<div id="body-bg">
<div class="wrapper">
<div id="userbar-shad-l">
<div id="userbar-shad-r">
<div id="userbar-main2">
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
<div id="loginbox">
<script language="JavaScript" type="text/javascript" src="{T_TEMPLATE_PATH}/sha1.js"></script>
<form action="{S_LOGIN_ACTION}" method="post" class="smalltext">
<div id="ds-usernme">
<input id="usrnme" name="username" type="text" onfocus="if(this.value=='Username')value='';" onblur="if(this.value=='')value='Username';" value="Username" />
</div>
<div id="ds-passwrd">
<input id="psswrd" name="password" type="password" onfocus="if(this.value=='Password')value='';" onblur="if(this.value=='')value='Password';" value="Password" />
</div>
<input id="loginbutton" type="submit" name="login" value="" />
</form>
<div class="reminder">
<a href="ucp.php?mode=sendpassword">Forgot Password?</a>
</div>
</div>
<!-- ENDIF -->
<div id="news">
Welcome! <strong>{S_USERNAME}</strong>
</div>
</div>
</div>
</div>
<div id="body-shad-r">
<div id="body-shad-l">
<div id="mainbody">
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks">
<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
Wat ik ook probeer hij blijft op dezelfde plek staan. Als ik de code die nu in de footer staat in de header bijplaats staat hij ook op dezelfde plek.
Als ik kijk en ik sta gewoon (op welke pagina dan ook) bovenin het forum dan staat het menu onderin mijn beeldscherm. Wanneer ik naar beneden scroll blijft hij gewoon staan waar die stond. Hij scrollt dus ook niet mee naar beneden. Zou het ergens in de style.css of 1 van de andere bestanden moeten worden aangepast?
Als men te veel stapeld word men stapelgek.
