Laatst opende ik een topic over de achtergrond; maar ik wil eigenlijk iets heel anders met mijn achtergrond en omdat ik denk dat het nogal ingewikkeld zal zijn post ik er een nieuw topic over met uitgebreide informatie.
Allereerst de lay-out die ik gebruik:
http://www.phpbb.nl/stijlen_demo_NL/index.php?s=67
Iedereen gezien? Mooi!
Wat wil je met deze lay-out?
Ik wil in het vak waar ook de tekst staat (phpbb.nl stijlen demo Forum Index), dus onder het menu, een andere achtergrond invoegen, zeg maar het binnenste vak waar ook de verschillende hokken instaan.
Anders nog iets?
Ja, de achtergrond moet herhaald worden (dus alle ruimte moet opgevuld worden) en hij moet wel meebewegen als je naar benenden scrolled.
Ah, en wat is nu het probleem?
Ik heb zelf alle codes doorgenomen, maar heb geen flauw idee hoe ik het moet oplossen.
Dus?
Willen jullie me helpen?
Ok! Hoe heet het bestand?
Dat maakt niks uit, maar het heet bg6.jpg en staat in de map images van de template.
Moeten we nog meer weten?
Ik verwacht dat jullie de volgende twee bestanden nodig zullen hebben overall_header.tpl, fisubgrey.css, fisubgrey.cfg dus die voeg ik hieronder toe.
overall_header.tpl schreef:<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!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}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fisubgrey/{T_HEAD_STYLESHEET}" type="text/css" />
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body>
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="{U_INDEX}"><img src="templates/fisubgrey/images/phpbb2_logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="240" height="110" /></a></td>
<td align="center" width="100%"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="center" class="topnav"> <a href="{U_FAQ}">{L_FAQ}</a> • <a href="{U_SEARCH}">{L_SEARCH}</a>
• <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> •
<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
• <a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
• <a href="{U_PROFILE}">{L_PROFILE}</a> • <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
• <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
fisubgrey.css schreef:/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz - http://www.forumimages.com - last updated 26-06-03 */
/* The content of the posts (body of text) */
body{background:#f1f1f1;color:#333333;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c2c2c2;
scrollbar-arrow-color:#666666;
scrollbar-darkshadow-color:#c2c2c2;
scrollbar-face-color:#e2e2e2;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#e6e6e6;
scrollbar-track-color:#f1f1f1}
/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}
/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#999999}
/* General page style */
a:link,a:active,a:visited,a.postlink{color:#000000;text-decoration:none}
a:hover{color:#999999;text-decoration:underline}
/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#262626}
a.topictitle:hover{color:#999999}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}
hr{border:0px solid #ffffff;border-top-width:1px;height:0px}
/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;background:#f0f0f0 url(images/cellpic1.gif);
height:29px;text-indent:4px}
/* Main table cell colours and backgrounds */
.row1{background:#efefef}
.row2,.helpline{background:#e2e2e2}
.row3{background:#e9e9e9}
td.spacerow{background:#dbdbdb}
/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background:url(images/cellpic2.jpg) #ffffff repeat-y}
/* Table Header cells */
th{background:#d0d0d0 url(images/cellpic3.gif);color:#666666;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}
/* This is the border line & background colour round the entire page */
.bodyline{background:#f9f9f9;border:1px solid #666666}
/* This is the outline round the main forum tables */
.forumline{background:#ffffff;border:1px solid #333333}
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#999999}
.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}
/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{font-size:12px;line-height:125%}
/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#666666}
/* Quote blocks */
.quote{background:#fafafa;border:1px solid #666666;color:#444444;
font-size:11px;line-height:125%}
/* Code blocks */
.code{background:#fafafa;border:1px solid #666666;color:#006600;
font:12px Courier,"Courier New",sans-serif;padding:5px}
/* This is for the error messages that pop up */
.errorline{background:#999999;border:1px solid #333333}
/* Form elements */
form{display:inline}
input{font:11px Verdana,Arial,Helvetica,sans-serif}
select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}
input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}
input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}
input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}
input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}
a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}
/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}
/* This is the gradient background at the top of the page */
.topbkg{background:#efefef url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;background:#eeeeee url(images/cellpic_nav.gif) repeat-x;color:#999999;
height:21px;white-space:nowrap;border: 0px solid #999999;border-width: 1px 0px 1px 0px}
/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ffa34f}
.mod,a.mod,a.mod:visited{color:#006600}
a.admin:hover,a.mod:hover{color:#dd6900}
/* Specify the space around images */
.imgtopic,.imgicon{margin-left:3px}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}
/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}
fisubgrey.cfg schreef:<?php
//
// ** Configuration file for fisubgrey template **
//
// $Id: fisubgrey.cfg,v 1.11 2002/02/04 18:31:15 psotfx Exp $
//
// Please note that to enable support of different languages
// the {LANG} place holder is available. This will be replaced
// with xxx where xxx is the users selected language. If
// that language isn't available it will default to english.
// Therefore you MUST ensure you have at least a english
// directory if you choose to localise your template
//
//
// Do not alter this line!
//
define(TEMPLATE_CONFIG, TRUE);
$current_template_images = $current_template_path . "/images";
$topic_iw = '59';
$topic_ih = '18';
$post_iw = '82';
$post_ih = '25';
$icon_iw = '16';
$icon_ih = '18';
$folder_iw = '25';
$folder_ih = '25';
$folderbig_iw = '25';
$folderbig_ih = '25';
$images['template'] = "$current_template_path/";
$images['root'] = "$current_template_images/";
$images['root_lang'] = "$current_template_images/{LANG}/";
$images['icon_quote'] = "$current_template_images/{LANG}/icon_quote.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_edit'] = "$current_template_images/{LANG}/icon_edit.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_search'] = "$current_template_images/{LANG}/icon_search.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_profile'] = "$current_template_images/{LANG}/icon_profile.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_pm'] = "$current_template_images/{LANG}/icon_pm.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_email'] = "$current_template_images/{LANG}/icon_email.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_delpost'] = "$current_template_images/{LANG}/icon_delete.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['icon_ip'] = "$current_template_images/{LANG}/icon_ip.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['icon_www'] = "$current_template_images/{LANG}/icon_www.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_icq'] = "$current_template_images/{LANG}/icon_icq_add.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_aim'] = "$current_template_images/{LANG}/icon_aim.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_yim'] = "$current_template_images/{LANG}/icon_yim.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_msnm'] = "$current_template_images/{LANG}/icon_msnm.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['icon_minipost'] = "$current_template_images/icon_minipost.gif\" width=\"12\" height=\"9\" class=\"imgspace";
$images['icon_gotopost'] = "$current_template_images/icon_minipost.gif\" width=\"12\" height=\"9\" class=\"imgspace";
$images['icon_minipost_new'] = "$current_template_images/icon_minipost_new.gif\" width=\"12\" height=\"9\" class=\"imgspace";
$images['icon_latest_reply'] = "$current_template_images/icon_latest_reply.gif\" width=\"18\" height=\"9\" class=\"imgspace";
$images['icon_newest_reply'] = "$current_template_images/icon_newest_reply.gif\" width=\"18\" height=\"9\" class=\"imgspace";
$images['forum'] = "$current_template_images/folder.gif\" width=\"$folderbig_iw\" height=\"$folderbig_ih\" class=\"imgfolder";
$images['forum_new'] = "$current_template_images/folder_new.gif\" width=\"$folderbig_iw\" height=\"$folderbig_ih\" class=\"imgfolder";
$images['forum_locked'] = "$current_template_images/folder_lock.gif\" width=\"$folderbig_iw\" height=\"$folderbig_ih\" class=\"imgfolder";
$images['folder'] = "$current_template_images/folder.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_new'] = "$current_template_images/folder_new.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_hot'] = "$current_template_images/folder_hot.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_hot_new'] = "$current_template_images/folder_new_hot.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_locked'] = "$current_template_images/folder_lock.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_locked_new'] = "$current_template_images/folder_lock_new.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_sticky'] = "$current_template_images/folder_sticky.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_sticky_new'] = "$current_template_images/folder_sticky_new.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_announce'] = "$current_template_images/folder_announce.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['folder_announce_new'] = "$current_template_images/folder_announce_new.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['post_new'] = "$current_template_images/{LANG}/post.gif\" width=\"$post_iw\" height=\"$post_ih";
$images['post_locked'] = "$current_template_images/{LANG}/reply-locked.gif\" width=\"$post_iw\" height=\"$post_ih";
$images['reply_new'] = "$current_template_images/{LANG}/reply.gif\" width=\"$post_iw\" height=\"$post_ih";
$images['reply_locked'] = "$current_template_images/{LANG}/reply-locked.gif\" width=\"$post_iw\" height=\"$post_ih";
$images['pm_inbox'] = "$current_template_images/msg_inbox.gif\" width=\"$folder_ih\" height=\"$folder_ih\" class=\"imgfolder";
$images['pm_outbox'] = "$current_template_images/msg_outbox.gif\" width=\"$folder_ih\" height=\"$folder_ih\" class=\"imgfolder";
$images['pm_savebox'] = "$current_template_images/msg_savebox.gif\" width=\"$folder_ih\" height=\"$folder_ih\" class=\"imgfolder";
$images['pm_sentbox'] = "$current_template_images/msg_sentbox.gif\" width=\"$folder_ih\" height=\"$folder_ih\" class=\"imgfolder";
$images['pm_readmsg'] = "$current_template_images/folder.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['pm_unreadmsg'] = "$current_template_images/folder_new.gif\" width=\"$folder_iw\" height=\"$folder_ih\" class=\"imgfolder";
$images['pm_replymsg'] = "$current_template_images/{LANG}/reply.gif\" width=\"$post_iw\" height=\"$post_ih";
$images['pm_postmsg'] = "$current_template_images/{LANG}/msg_newpost.gif\" width=\"$post_iw\" height=\"$post_ih";
$images['pm_quotemsg'] = "$current_template_images/{LANG}/icon_quote.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['pm_editmsg'] = "$current_template_images/{LANG}/icon_edit.gif\" width=\"$topic_iw\" height=\"$topic_ih\" class=\"imgtopic";
$images['pm_new_msg'] = "";
$images['pm_no_new_msg'] = "";
$images['topic_watch'] = "";
$images['topic_un_watch'] = "";
$images['topic_mod_lock'] = "$current_template_images/topic_lock.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['topic_mod_unlock'] = "$current_template_images/topic_unlock.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['topic_mod_split'] = "$current_template_images/topic_split.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['topic_mod_move'] = "$current_template_images/topic_move.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['topic_mod_delete'] = "$current_template_images/topic_delete.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
$images['voting_graphic'][0] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][1] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][2] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][3] = "$current_template_images/voting_bar.gif";
$images['voting_graphic'][4] = "$current_template_images/voting_bar.gif";
//
// Vote graphic length defines the maximum length of a vote result
// graphic, ie. 100% = this length
//
$board_config['vote_graphic_length'] = 205;
$board_config['privmsg_graphic_length'] = 175;
//
// Top of Page Image
//
$images['icon_up'] = "$current_template_images/icon_up.gif\" width=\"$icon_iw\" height=\"$icon_ih\" class=\"imgtopic";
?>
Alvast heel erg bedankt!