[gesplitst] kerstsfeer aanbrengen

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

[gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 12 dec 2014, 15:50

goedenmiddag,

ik ben de code aan eht proberen

ik wil alleen de hat gebruiken in de header amar ik krijg deze neit op de header geplaatst

in ACP heb ik het geenabled maar ik heb geen hoedje

http://offorum.net

dit is mijn overall_header.html

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>
<!-- DEFINE $SIDEBARS = 'off' --> <!-- Options: left | right | both | off -->
<!-- DEFINE $SIDEBAR_ON_PAGES = 'global' --> <!-- Options: global | index -->
<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="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<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 and 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_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<!-- IF S_NEW_DL_POPUP -->
<script language="Javascript" type="text/javascript">
// <![CDATA[
	window.open('{U_NEW_DOWNLOAD_POPUP}', '_blank', 'HEIGHT=225,resizable=yes,WIDTH=400');
// ]] >
</script>
<!-- ENDIF -->

<!-- IF S_DL_LYTEBOX -->
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/lytebox/lytebox.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}dl_mod/js/lytebox/lytebox.css" />
<!-- ENDIF -->

<!-- IF S_TOTAL_IMAGES -->
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/jquery/jquery-1.6.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/jquery/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}dl_mod/js/jquery/skins/tango/skin.css" />
<!-- ENDIF -->

<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" />
<!-- IF S_ENABLE_KERST --><link href="{T_THEME_PATH}/kerst.css" rel="stylesheet" type="text/css" media="screen, projection" /><!-- ENDIF -->

<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 -->

<!-- IF SITE_BG_IMG -->
<style type="text/css">
<!--
.headerbar {background:url("{SITE_BG_IMG}") repeat;}
-->
</style>
<!-- ENDIF -->

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.min.js"></script>

<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - Start //-->
<!-- INCLUDE ./../../abbcode/abbcode_header.html -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - End //-->


</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
		<div id="banner-xmas"></div>
			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1><font color="#f5dfaa">Hét forum voor al uw Office vragen en antwoorden</font></h1>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
		
			<div id="search-box">
	<!-- IF U_MCP --><font color="#FFFFFF"><a href="{U_MCP}">  {L_MCP1}  |</a></font><!-- ENDIF -->
	<!-- IF U_ACP --><font color="#FFFFFF"><a href="{U_ACP}">|  {L_ACP1}</a></font>	<!-- ENDIF -->				
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
				</fieldset>
				</form>
			</div>	
		<!-- IF FORUMTABS -->
		<div id="ftabs">
			<ul>
				<!-- BEGIN forumtabs -->
				<li<!-- IF forumtabs.ACTIVE --> class="activetab"<!-- ENDIF -->><a href="{forumtabs.LINK}" title="{forumtabs.NAME}" <!-- IF forumtabs.REL --> rel="{forumtabs.REL}"<!-- ENDIF -->><span>{forumtabs.NAME}</span></a></li>
				<!-- END forumtabs -->
			</ul>
		<!-- ENDIF -->
		<ul class="linklist frightside">
			<li class="frightside">
				<!-- IF S_DISPLAY_PM --><span class="hlinks"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> </span><!-- ENDIF -->	
				<!-- IF not S_IS_BOT -->
				<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
				<span class="hlinks"><a href="{U_REGISTER}">{L_REGISTER}</a> </span>
				<!-- ENDIF -->
				<!-- ENDIF -->	
				<span class="hlinks"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></span></li>			
			</li>			
		</ul>

		</div>		
			<span class="corners-bottom"><span></span></span></div>
			
<!-- IF $SIDEBAR_ON_PAGES == 'global' or ($SIDEBAR_ON_PAGES == 'index' and SCRIPT_NAME == 'index') -->
    <!-- IF $SIDEBARS != 'off' -->
        <div class="sidebarwrapper">
    <!-- ENDIF -->
    <!-- IF $SIDEBARS == 'left' -->
        <div class="fixedfluid-sidebar">
            <!-- INCLUDE sidebar_left.html -->
        </div>
       
        <div class="fixedfluid-content">
    <!-- ELSEIF $SIDEBARS == 'right' -->
        <div class="fluidfixed-sidebar">
            <!-- INCLUDE sidebar_right.html -->
        </div>
       
        <div class="fluidfixed-content">
    <!-- ELSEIF $SIDEBARS == 'both' -->
        <div class="fixedfluidfixed-left">
            <!-- INCLUDE sidebar_left.html -->
        </div>
       
        <div class="fixedfluidfixed-content">
    <!-- ENDIF -->
<!-- ENDIF -->

		<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>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --> <!-- BEGIN dl_nav --> <strong>&#8249;</strong> <a href="{dl_nav.U_DOWNLOAD}">{dl_nav.L_DOWNLOAD}</a><!-- END dl_nav --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" 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>

			<span class="corners-bottom"><span></span></span></div>
		
	<a name="start_here"></a>
	<div id="page-body">
		<!-- IF S_NEW_DL_MESSAGE -->
			<div id="message" class="rules">
				<div class="inner"><span class="corners-top"><span></span></span>
					{NEW_DOWNLOAD_MESSAGE}
				<span class="corners-bottom"><span></span></span></div>
			</div>
		<!-- ENDIF -->	
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
en voordat jullie zeggen je hebt de div van de kerst verkeerd staan

heb het daar ook al geprobeerd en geen verschil

en op het moment dat ik het op deze manier doe werkt het wel:

Code: Selecteer alles

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div class="headerbar">

			<div class="inner"><span class="corners-top"><span></span></span>
	            <link rel="stylesheet" href="./styles/prosilver/theme/christmas.css" type="text/css" />
                   <div id="banner-xmas">
                  <img alt="XMas hat" src="./styles/prosilver/theme/images/hohohat.gif" width="75%" />
               </div>
			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1><font color="#f5dfaa">Hét forum voor al uw Office vragen en antwoorden</font></h1>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
daarom dat ik het heel raar vind
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: kerstsfeer aanbrengen

Bericht door Theriddler » 13 dec 2014, 13:41

The_White_Eagle schreef:goedenmiddag,

ik ben de code aan eht proberen

ik wil alleen de hat gebruiken in de header amar ik krijg deze neit op de header geplaatst

in ACP heb ik het geenabled maar ik heb geen hoedje

http://offorum.net
Als ik jou kerst.css bekijk dan klopt dit niet meer van wat het was. je hebt de width en ook height bij sommige weggehaald waardoor er helemaal geen afbeelding meer getoond wordt, ook lijkt er iets mis te zijn met het ophalen van de afbeeldingen.
http://offorum.net/styles/prosilver/theme/kerst.css

Probeer het zo eens

Vervang alles wat al in kerst.css stond met:

Code: Selecteer alles

/* mini kerstmuts */

.hat {
background: url("http://offorum.net/styles/prosilver/theme/images/christmas_hat.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
width: 47px;
height: 47px;
position: absolute;
margin-top: -5px;
margin-left: -17px;
z-index: 1000;
}

/* Grote kerstmuts */
#banner-xmas {
background: url("http://offorum.net/styles/prosilver/theme/images/christmas_hatbig.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 128px;
margin-left: -51px;
margin-top: -13px;
position: absolute;
width: 128px;
z-index: 1000;
}

/* sneeuw op borders eg. forabg */
.forumbg, .forabg {
background: #084A8C url("http://offorum.net/styles/prosilver/theme/images/bg_listsnow.gif") repeat;
-webkit-box-shadow: inset 0 15px 13px -20px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0 15px 13px -20px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 15px 13px -20px rgba(0, 0, 0, 0.8);
}

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: kerstsfeer aanbrengen

Bericht door TWEagle » 13 dec 2014, 20:49

nice

dat werkt

wat ik wel nog zou willen hebben ma kweet niet hoe is in de header de sneeuw vallend hebben

ik heb tevens nu ook de bg_header aangepast

is het mogelijk om deze ook in die kerst.css te zetten en deze dan te disablen als ik de kerstsfeer er uit haal?
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: kerstsfeer aanbrengen

Bericht door Theriddler » 14 dec 2014, 00:20

The_White_Eagle schreef:nice

dat werkt

wat ik wel nog zou willen hebben ma kweet niet hoe is in de header de sneeuw vallend hebben
Bedoel je alleen in de header of over het gehele forum?

alleen in de header daar is een jquery script voor, dit werkt dan met div
voor het gehele forum kan ook met jquery en of java bijv (snowstorm)
voor het laatste kun je deze bestaande mod gebruiken: https://www.phpbb.com/customise/db/mod/snow_over_phpbb/
The_White_Eagle schreef:ik heb tevens nu ook de bg_header aangepast

is het mogelijk om deze ook in die kerst.css te zetten en deze dan te disablen als ik de kerstsfeer er uit haal?
Als je wijzigingen hebt gemaakt mbt bg_header en deze weer wilt terugdraaien bij het uitschakelen van het kerst thema, ja dat kan en kun je gewoon het aangepaste in kerst.css zetten en de originele code laat je ongemoeid.

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: kerstsfeer aanbrengen

Bericht door TWEagle » 14 dec 2014, 08:16

Theriddler schreef:
The_White_Eagle schreef:nice

dat werkt

wat ik wel nog zou willen hebben ma kweet niet hoe is in de header de sneeuw vallend hebben
Bedoel je alleen in de header of over het gehele forum?

alleen in de header daar is een jquery script voor, dit werkt dan met div
Dus alleen de header


Als je wijzigingen hebt gemaakt mbt bg_header en deze weer wilt terugdraaien bij het uitschakelen van het kerst thema, ja dat kan en kun je gewoon het aangepaste in kerst.css zetten en de originele code laat je ongemoeid
Hoe krijg ik die div er gezet en welke jquery code dien ik te gebruiken?
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: kerstsfeer aanbrengen

Bericht door Theriddler » 14 dec 2014, 14:20

The_White_Eagle schreef:Hoe krijg ik die div er gezet en welke jquery code dien ik te gebruiken?
Ik dacht dat ik ooit eens deze had gebruikt: https://github.com/loktar00/JQuery-Snowfall

Je upload het bestand: snowfall.jquery.js naar bijv een (nieuwe) map scripts
deze kun je vinden op: https://github.com/loktar00/JQuery-Snow ... master/src

Je laad het script:

Code: Selecteer alles

<!-- IF S_ENABLE_KERST --><script type="text/javascript" src="{ROOT_PATH}scripts/snowfall.jquery.js"></script><!-- ENDIF -->
je roept dan de sneeuw op met:

Code: Selecteer alles

<!-- IF S_ENABLE_KERST -->
<script type="text/javascript">
// <![CDATA[
$(function () {
$('#headersnow').snowfall({flakeCount : 800, maxSpeed : 5, maxSize : 5});
});
// ]]>
</script>
<!-- ENDIF -->
en van:

Code: Selecteer alles

<div class="headerbar"
maak je het volgende van:

Code: Selecteer alles

<div class="headerbar"<!-- IF S_ENABLE_KERST --> id="headersnow"<!-- ENDIF -->

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: kerstsfeer aanbrengen

Bericht door TWEagle » 14 dec 2014, 19:28

Theriddler schreef:
The_White_Eagle schreef:Hoe krijg ik die div er gezet en welke jquery code dien ik te gebruiken?
Ik dacht dat ik ooit eens deze had gebruikt: https://github.com/loktar00/JQuery-Snowfall

Je upload het bestand: snowfall.jquery.js naar bijv een (nieuwe) map scripts
deze kun je vinden op: https://github.com/loktar00/JQuery-Snow ... master/src

Je laad het script:

Code: Selecteer alles

<!-- IF S_ENABLE_KERST --><script type="text/javascript" src="{ROOT_PATH}scripts/snowfall.jquery.js"></script><!-- ENDIF -->
je roept dan de sneeuw op met:

Code: Selecteer alles

<!-- IF S_ENABLE_KERST -->
<script type="text/javascript">
// <![CDATA[
$(function () {
$('#headersnow').snowfall({flakeCount : 800, maxSpeed : 5, maxSize : 5});
});
// ]]>
</script>
<!-- ENDIF -->
en van:

Code: Selecteer alles

<div class="headerbar"
maak je het volgende van:

Code: Selecteer alles

<div class="headerbar"<!-- IF S_ENABLE_KERST --> id="headersnow"<!-- ENDIF -->
hey

ik heb dat op deze manier er in gezet maar ik krijg nu dit:

Afbeelding

my overall_header.html is the following:

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>
<!-- DEFINE $SIDEBARS = 'off' --> <!-- Options: left | right | both | off -->
<!-- DEFINE $SIDEBAR_ON_PAGES = 'global' --> <!-- Options: global | index -->
<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="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<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 and 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_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

<!-- IF S_NEW_DL_POPUP -->
<script language="Javascript" type="text/javascript">
// <![CDATA[
	window.open('{U_NEW_DOWNLOAD_POPUP}', '_blank', 'HEIGHT=225,resizable=yes,WIDTH=400');
// ]] >
</script>
<!-- ENDIF -->

<!-- IF S_DL_LYTEBOX -->
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/lytebox/lytebox.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}dl_mod/js/lytebox/lytebox.css" />
<!-- ENDIF -->

<!-- IF S_TOTAL_IMAGES -->
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/jquery/jquery-1.6.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}dl_mod/js/jquery/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}dl_mod/js/jquery/skins/tango/skin.css" />
<!-- ENDIF -->

<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" />
<!-- IF S_ENABLE_KERST --><link href="{T_THEME_PATH}/kerst.css" rel="stylesheet" type="text/css" media="screen, projection" /><!-- ENDIF -->
<!-- IF S_ENABLE_KERST --><script type="text/javascript" src="{ROOT_PATH}scripts/snowfall.jquery.js"></script><!-- ENDIF -->

<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 -->

<!-- IF SITE_BG_IMG -->
<style type="text/css">
<!--
.headerbar {background:url("{SITE_BG_IMG}") repeat;}
-->
</style>
<!-- ENDIF -->

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.min.js"></script>

<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - Start //-->
<!-- INCLUDE ./../../abbcode/abbcode_header.html -->
<!-- MOD : MSSTI ABBC3 (v{S_ABBC3_VERSION}) - End //-->

<!-- IF S_ENABLE_KERST -->
<script type="text/javascript">
// <![CDATA[
$(function () {
$('#headersnow').snowfall({flakeCount : 800, maxSpeed : 5, maxSize : 5});
});
// ]]>
</script>
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
		<div class="headerbar"<!-- IF S_ENABLE_KERST --> id="headersnow"<!-- ENDIF -->
			<div class="inner"><span class="corners-top"><span></span></span>
		<div id="banner-xmas"></div>
			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1><font color="#f5dfaa">Hét forum voor al uw Office vragen en antwoorden</font></h1>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
		
			<div id="search-box">
	<!-- IF U_MCP --><font color="#FFFFFF"><a href="{U_MCP}">  {L_MCP1}  |</a></font><!-- ENDIF -->
	<!-- IF U_ACP --><font color="#FFFFFF"><a href="{U_ACP}">|  {L_ACP1}</a></font>	<!-- ENDIF -->				
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
				</fieldset>
				</form>
			</div>	
		<!-- IF FORUMTABS -->
		<div id="ftabs">
			<ul>
				<!-- BEGIN forumtabs -->
				<li<!-- IF forumtabs.ACTIVE --> class="activetab"<!-- ENDIF -->><a href="{forumtabs.LINK}" title="{forumtabs.NAME}" <!-- IF forumtabs.REL --> rel="{forumtabs.REL}"<!-- ENDIF -->><span>{forumtabs.NAME}</span></a></li>
				<!-- END forumtabs -->
			</ul>
		<!-- ENDIF -->
		<ul class="linklist frightside">
			<li class="frightside">
				<!-- IF S_DISPLAY_PM --><span class="hlinks"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> </span><!-- ENDIF -->	
				<!-- IF not S_IS_BOT -->
				<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
				<span class="hlinks"><a href="{U_REGISTER}">{L_REGISTER}</a> </span>
				<!-- ENDIF -->
				<!-- ENDIF -->	
				<span class="hlinks"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></span></li>			
			</li>			
		</ul>

		</div>		
			<span class="corners-bottom"><span></span></span></div>
			
<!-- IF $SIDEBAR_ON_PAGES == 'global' or ($SIDEBAR_ON_PAGES == 'index' and SCRIPT_NAME == 'index') -->
    <!-- IF $SIDEBARS != 'off' -->
        <div class="sidebarwrapper">
    <!-- ENDIF -->
    <!-- IF $SIDEBARS == 'left' -->
        <div class="fixedfluid-sidebar">
            <!-- INCLUDE sidebar_left.html -->
        </div>
       
        <div class="fixedfluid-content">
    <!-- ELSEIF $SIDEBARS == 'right' -->
        <div class="fluidfixed-sidebar">
            <!-- INCLUDE sidebar_right.html -->
        </div>
       
        <div class="fluidfixed-content">
    <!-- ELSEIF $SIDEBARS == 'both' -->
        <div class="fixedfluidfixed-left">
            <!-- INCLUDE sidebar_left.html -->
        </div>
       
        <div class="fixedfluidfixed-content">
    <!-- ENDIF -->
<!-- ENDIF -->

		<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>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --> <!-- BEGIN dl_nav --> <strong>&#8249;</strong> <a href="{dl_nav.U_DOWNLOAD}">{dl_nav.L_DOWNLOAD}</a><!-- END dl_nav --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" 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>

			<span class="corners-bottom"><span></span></span></div>
		
	<a name="start_here"></a>
	<div id="page-body">
		<!-- IF S_NEW_DL_MESSAGE -->
			<div id="message" class="rules">
				<div class="inner"><span class="corners-top"><span></span></span>
					{NEW_DOWNLOAD_MESSAGE}
				<span class="corners-bottom"><span></span></span></div>
			</div>
		<!-- ENDIF -->	
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="information" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->
maar hoe moet ik de header dan alweer aanpassen dat als ik het in de acp weghaal (de kerst enable) dat mijn header vanboven ook geen sneeuw heeft?
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 15 dec 2014, 22:52

Ik kan helaas je screenshot niet zien, probeer het plaatje eens te uploaden met bijv https://neepic.com/

Dit:

Code: Selecteer alles

<div class="headerbar"<!-- IF S_ENABLE_KERST --> id="headersnow"<!-- ENDIF -->
Zorgt ervoor dat als kerst aanstaat hij aan de div class headerbar een id meegeeft met headersnow
Staat kerst uit dan wordt er geen id meegegeven aan die div class.

Maargoed ik zie dat er op je forum ook java ,scripting ,html ect als onderwerp hebt, en dit is niet echt meer phpBB.

Hopelijk heb ik je toch een duwtje in de goede richting kunnen geven.

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 16 dec 2014, 18:58

Theriddler schreef:Ik kan helaas je screenshot niet zien, probeer het plaatje eens te uploaden met bijv https://neepic.com/
https://neepic.com/X2QjOxnz
Dit:

Code: Selecteer alles

<div class="headerbar"<!-- IF S_ENABLE_KERST --> id="headersnow"<!-- ENDIF -->
Zorgt ervoor dat als kerst aanstaat hij aan de div class headerbar een id meegeeft met headersnow
Staat kerst uit dan wordt er geen id meegegeven aan die div class.
Theriddler schreef:Maargoed ik zie dat er op je forum ook java ,scripting ,html ect als onderwerp hebt, en dit is niet echt meer phpBB.
hoe bedoel je juist??

het forum heeft inderdaad met vanalles te maken maar voornamelijk office maar dat heeft hier niks mee te maken met dit probleem

dit is een probleem ergens in mijn code en ik vind hem niet
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 16 dec 2014, 20:15

Als je mij via PM de gegevens kunt sturen van ftp en een forum account met beheerdersrechten dan wil ik hier wel even naar kijken.

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 16 dec 2014, 20:43

verzonden en alvast heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeel erg bedankt
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 16 dec 2014, 23:07

The_White_Eagle schreef:verzonden en alvast heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeel erg bedankt
graag gedaan en inmiddels sneeuwt het in jou header ;)

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 16 dec 2014, 23:18

Wat had ik fout gedaan?
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 16 dec 2014, 23:26

The_White_Eagle schreef:Wat had ik fout gedaan?
Je had de snowfall.jquery.js verrkeerd geplaatst

deze:

Code: Selecteer alles

<!-- IF S_ENABLE_KERST --><script type="text/javascript" src="{ROOT_PATH}scripts/snowfall.jquery.js"></script><!-- ENDIF -->
Moet altijd onder de jquery library komen te staan,

Code: Selecteer alles

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
want eerst moet jquery geladen worden ,en daaronder de js scripts zoals snowfall.
Jij had snowfall nog boven de jquery library geplaatst en dan werkt het niet.
en krijg je in de error console van bijv firebug foutmelding jquery not defined en $ is not a function.

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 16 dec 2014, 23:30

Ik heb ook al geprobeerd met de bg_header_snow.gif om die alleen in de kerst thema te krijgen maar die geeft dan een slechte image te weer

Hoe zou dit komen?
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 16 dec 2014, 23:37

The_White_Eagle schreef:Ik heb ook al geprobeerd met de bg_header_snow.gif om die alleen in de kerst thema te krijgen maar die geeft dan een slechte image te weer

Hoe zou dit komen?
De afbeelding lijkt corupt te zijn, met welke software is deze gemaakt?
Als je de afbeelding wel op jou pc kunt bekijken dan ligt het aan het uploaden via ftp
maar kun je die afbeelding (mits je deze zelf wel kunt bekijken op je pc) uploaden naar neepic.

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 16 dec 2014, 23:40

Ik kan deze gewoon bekijken op pc
Is gemaal met Photoshop maar als ik deze image rechtstreeks aanroep in de colours.css komt die er te staan maar ik kan die niet laten verdwijnen als de kerst thema gedaan is
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 16 dec 2014, 23:42

The_White_Eagle schreef:Ik kan deze gewoon bekijken op pc
Is gemaal met Photoshop maar als ik deze image rechtstreeks aanroep in de colours.css komt die er te staan maar ik kan die niet laten verdwijnen als de kerst thema gedaan is
Je kunt de css code wel in kerst.css plaatsen en dan dezelfde class gebruiken als die in colours.css

In kerst.css zet je dan het volgende neer:

Code: Selecteer alles

.headerbar {
    background-image: url("http://offorum.net/styles/prosilver/theme/images/bg_header_snow.gif");
}
als ik de afbeelding bekijk zie ik het volgende:
De afbeelding “http://offorum.net/styles/prosilver/the ... r_snow.gif” kan niet worden weergegeven, omdat deze fouten bevat.

Als je filezilla gebruikt moet je eens kijken of deze op "Binair"staat bij instellingen > overdrachten > bestandtypes. zoniet moet je dat even doen en dan nogmaals proberen het gif bestand te uploaden.

TWEagle
Berichten: 782
Lid geworden op: 18 nov 2005, 19:45
Locatie: Peer
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door TWEagle » 17 dec 2014, 13:10

yes

dat werkt en het stondop ascii mijn ftp programma

dank u heel hard voor uw hulp Theriddler
Afbeelding
To see or to hear

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: [gesplitst] kerstsfeer aanbrengen

Bericht door Theriddler » 17 dec 2014, 16:46

Afbeelding

Plaats reactie