phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

Style Absolution aanpassen.

https://www.phpbb.nl/forums/viewtopic.php?f=54&t=58228

Pagina 1 van 1

Style Absolution aanpassen.

Geplaatst: 09 feb 2013, 02:12
door TheBryan
Beste,

Ik ben bezig met het opzetten van een community website.
De style die ik nu geinstalleerd heb is XandBlue.
Hierbij was het aanpassen van de header niet echt een probleem ook bij de style prosilver lukte het me nog.
Echter is de header van Absolution een stuk ingewikkelder en kom ik er dus niet uit..

mijn huidige forum: www.fifaholland.nl/forum/forum

ik wil nu dus hetzelfde idee als wat ik heb (gelijk aan mn homepage)
Echter dan in de style van:

http://www.awesomestyles.com/phpbb3-sty ... absolution

Hier de code van Overall Header

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE absolution_config.html -->
<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: Absolution
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by: Christian Bullock ( http://www.ChristianBullock.com/ )

	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<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>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/tooltip.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/dropdown.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 -->

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
<![endif]-->

</head>

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


<div id="page-wrap" style="width: {$ABSOLUTION_BOARD_WIDTH};">

<div id="main-sidebar"></div>
        
        <div id="main-content">

<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
<a id="top" name="top" accesskey="t"></a>

<div id="wrap">
    <div id="header">
	    <div id="header-left">
        <!-- IF $LOGO_TYPE == 'image' -->
        <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
		<!-- ENDIF -->
        <!-- IF $LOGO_TYPE == 'text' -->
		<div id="site-details">{SITENAME}<br />
        	<span>{SITE_DESCRIPTION}</span>
        </div>
        <!-- ENDIF -->
		</div><!-- /header-left-->
		<div id="header-right">
		    <div id="<!-- IF not S_USER_LOGGED_IN -->formbox<!-- ELSE -->header-search-box<!-- ENDIF -->">
			    <!-- IF not S_USER_LOGGED_IN -->
				    <form method="post" action="{S_LOGIN_ACTION}">
					    <input type="text" name="username" class="quick-login-form" title="{L_USERNAME}" value="{L_USERNAME}" onfocus="if (this.value == '{L_USERNAME}') {this.value = '';}" onblur="if (this.value == '') {this.value = '{L_USERNAME}';}" />
                        <input type="password" name="password" class="quick-login-form" title="{L_PASSWORD}" value="********" onfocus="if (this.value == '********') {this.value = '';}" onblur="if (this.value == '') {this.value = '********';}" />
                        <input type="submit" name="login" value="{L_LOGIN}" class="quick-login-button" /><br />
						{S_LOGIN_REDIRECT}
                       </form>
                       <!-- ENDIF -->
				    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
					    <form action="{U_SEARCH}" method="get" id="search">
						    <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="header-search-bar" 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="header-search-button" value="" type="submit" /><br /><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a>
						</form>
					<!-- ENDIF -->
			</div><!--/formbox / search-box-->
		</div><!--/header-right-->
	</div><!-- /header-->
	<div class="float-left breadcrumbs"><img src="{T_THEME_PATH}/images/house.png" width="16" height="16" alt="" />
	    <a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&raquo;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
	</div><!-- /float-left / breadcrumbs -->
	
	<div class="float-right">
	    <!-- IF U_RESTORE_PERMISSIONS --><span class="alert"><img src="{T_THEME_PATH}/images/error.png" width="16" height="16" alt="" /> <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></span><!-- IF U_RESTORE_PERMISSIONS and S_BOARD_DISABLED --> &bull; <!-- ENDIF --><!-- ENDIF -->
		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --><span class="alert"><img src="{T_THEME_PATH}/images/error.png" width="16" height="16" alt="" /> {L_INFORMATION}: {L_BOARD_DISABLED}</span><!-- ENDIF -->
		<span class="breadcrumbs"><img src="{T_THEME_PATH}/images/font_add.png" width="16" height="16" alt="" /> <a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a> &nbsp;<!-- IF U_EMAIL_TOPIC --><img src="{T_THEME_PATH}/images/email_add.png" width="16" height="16" alt="" /> <a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a> &nbsp;<!-- ENDIF --><!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF --><!-- IF U_PRINT_TOPIC --><img src="{T_THEME_PATH}/images/printer_add.png" width="16" height="16" alt="" /> <a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF --><!-- IF U_PRINT_PM --><img src="{T_THEME_PATH}/images/printer_add.png" width="16" height="16" alt="" /> <a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF --></span>
	</div>
	<div class="clear-both" style="margin-bottom: 6px;"></div>
	
	<div class="toolbar">
	    <div class="toolbar-left">
		    <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			    <img src="{T_THEME_PATH}/images/user_edit.png" width="16" height="16" alt="" /> <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
				<!-- IF S_DISPLAY_PM --><img src="{T_THEME_PATH}/images/<!-- IF S_USER_NEW_PRIVMSG -->email_open<!-- ELSE -->email<!-- ENDIF -->.png" width="16" height="16" alt="" /> <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF -->
                <!-- IF S_DISPLAY_SEARCH -->&bull; <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF -->
            <!-- ENDIF -->
        </div><!-- /toolbar-left -->
        <div class="toolbar-right">
	        <img src="{T_THEME_PATH}/images/help.png" width="16" height="16" alt="" /> <a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a>
            <!-- IF S_DISPLAY_MEMBERLIST and not S_IS_BOT --><img src="{T_THEME_PATH}/images/group.png" width="16" height="16" alt="" /> <a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a><!-- ENDIF -->
            <!-- IF S_DISPLAY_SEARCH --><img src="{T_THEME_PATH}/images/magnifier.png" width="16" height="16" alt="" /> <a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a><!-- ENDIF --> 
            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" /> <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
            <img src="{T_THEME_PATH}/images/<!-- IF not S_USER_LOGGED_IN -->key<!-- ELSE -->disconnect<!-- ENDIF -->.png" width="16" height="16" alt="" /> <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a>
        </div><!-- /toolbar-right -->
    </div><!-- /toolbar -->
	
	<div class="clear-both"></div>

	<a name="start_here"></a>
	<div id="page-body">
Iemand die mij hiermee kan helpen?

mvg,

Bryan

Re: Style Absolution aanpassen.

Geplaatst: 09 feb 2013, 17:04
door Pola
Absolution is een nogal lastige stijl om te customisen, omdat deze stijl sterk afwijkt van de standaard stijlen en de stijlen die daarop gebaseerd zijn.

Om te beginnen, raad ik je aan de style te downloaden van phpbb.com. De stijl uit de link die jij gaf, is namelijk een oudere versie, die niet helemaal goed zal werken met de laatste versie van de phpBB forumsoftware.

Vervolgens moet je in het bestand /absolution/template/absolution_config.html zoekn naar

Code: Selecteer alles

<!-- DEFINE $USE_IMAGESET_LOGO = '0' -->
en - zoals de instructies in het bestand ook aangeven - de 0 veranderen in een 1.

Je kunt nu een afbeelding in de header tonen door deze in /absolution/imageset/imageset.cfg te definieren:

Code: Selecteer alles

img_site_logo = logo.png*106*377
Pas hierin de naam van de afbeelding en de afmetingen (h*b) aan.

Als je knoppen wilt toevoegen onder de afbeelding (zoals Board Index, moet je in /absolution/template/navbar.html zijn.

Wat zijn jouw specifieke vragen/wensen? Wat lukt je wel en waar heb je hulp bij nodig?

Re: Style Absolution aanpassen.

Geplaatst: 10 feb 2013, 01:52
door TheBryan
Nou ik ben eigenlijk opzoek naar iemand die voor mij mijn forum kan aanpassen incl absolution style.
Naar hetzelfde idee als wat ik nu heb:

www.fifaholland.nl/forum/forum oftewel volledig header incl menu van de homepage www.fifaholland.nl erin verwerkt. maar ik vraag me af of dit dan wel mogelijk is? anders moet ik opzoek naar een andere style.

Re: Style Absolution aanpassen.

Geplaatst: 17 feb 2013, 00:43
door TheBryan
Middels geholpen door:

www.phpbbservice.nl!
Alle tijden zijn UTC+01:00
Pagina 1 van 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/