Subsilver2 Hintergrunggrafik einbinden

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Subsilver2 Hintergrunggrafik einbinden

Beitrag von Mig »

Hallo ihr lieben ;-)
Ich habe schon viel in der Forensuche rumgestöbert und vieles ausprobiert.
Mein jetziger Wissensstand ist:
das wohl in meiner Stylsheet.css hier bei Background eine URL eingefügt werden muss:

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	[b]background-color: #FFFFFF; [/b]
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0 auto;
	width:850px; 
Wenn ich aber nun hinter background-color: #FFFFFF; meine URL setze oder es komplett erstetze passiert garnichts. Die Option wo der Forums cache geleert wird is an.

Desweiteren habe ich gelesen das ich wohl die overall_header.html verändern müsse. Da habe ich aber leider kein .bodyline oder ähnliches gefunden :-(

Code: Alles auswählen

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

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<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}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var perpage = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page > 0)
	{
		document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<div id="wrapheader">

	<div id="logodesc">
		<table width="100%" cellspacing="0">
		<tr>
			<td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
			<td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
		</tr>
		</table>
	</div>

	<div id="menubar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="genmed">
				<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF -->
				<!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}"><img src="{T_THEME_PATH}/images/icon_mini_login.gif" width="12" height="13" alt="*" /> {L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_USER_LOGGED_IN -->
						<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/icon_mini_message.gif" width="12" height="13" alt="*" /> {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
					<!-- ELSEIF S_REGISTER_ENABLED --> &nbsp;<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/icon_mini_register.gif" width="12" height="13" alt="*" /> {L_REGISTER}</a>
					<!-- ENDIF -->
				<!-- ENDIF -->
			</td>
			<td class="genmed" align="{S_CONTENT_FLOW_END}">
				<a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>
				<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/icon_mini_search.gif" width="12" height="13" alt="*" /> {L_SEARCH}</a><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/icon_mini_members.gif" width="12" height="13" alt="*" /> {L_MEMBERLIST}</a><!-- ENDIF -->
					<!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/icon_mini_profile.gif" width="12" height="13" alt="*" /> {L_PROFILE}</a><!-- ENDIF -->
				<!-- ENDIF -->
			</td>
		</tr>
		</table>
	</div>

	<div id="datebar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
		</table>
	</div>

</div>

<div id="wrapcentre">

	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

	<br style="clear: both;" />

	<!-- INCLUDE breadcrumbs.html -->

	<br />
Ich hoffe mir kann einer weiterhelfen!
LG
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Subsilver2 Hintergrunggrafik einbinden

Beitrag von JFooty »

Zur richtigen css-Syntax hier etwas Lesestoff. :wink:
Kein Support per PN!
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Re: Subsilver2 Hintergrunggrafik einbinden

Beitrag von Mig »

Dankeschön :-)
So weit so gut, der Link von Dir ist ja wirklich sehr gut und selbsterklärend.
Aber in welcher Datei muss ich diese Änderung denn vornehmen? Ich finde niergends ein <style>. Oder füge ich das einfach ein, aber das scheint auch nicht wirklich zu funktionieren :-(
LG
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Subsilver2 Hintergrunggrafik einbinden

Beitrag von JFooty »

Mig hat geschrieben:Aber in welcher Datei muss ich diese Änderung denn vornehmen?
Das hast du doch schon selbst herausgefunden. :wink:
Mig hat geschrieben:Mein jetziger Wissensstand ist:
das wohl in meiner Stylesheet.css hier bei Background eine URL eingefügt werden muss
Kein Support per PN!
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Re: Subsilver2 Hintergrunggrafik einbinden

Beitrag von Mig »

Hehe, manchmal muss man nur daran erinnert werden was man selber schon weiß, danke ;-)
So, es läuft jetzt auch erstmal, es wird angezeigt, aber ich krieg es nicht so hin das es sich nach y und x repeatet. mit -x nach X, mit -y nach Y, aber mit beiden Schaltern macht er garnichts. Geht das villeicht garnicht?
Ich hab schon dran gedacht ein Bild zu nehmen was breit genug ist es nach Y zu repeaten und dann in der mitte zu zentrieren, ist das wohl möglich oder Wunschdenken?
Hier mal mein Code:

Code: Alles auswählen

html {
	font-size: 100%;

}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background: red url(./images/hintergrund.jpg) fixed repeat-x;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0 auto;
	width:850px; 
}

#wrapheader {
LG :-)
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Subsilver2 Hintergrunggrafik einbinden

Beitrag von JFooty »

Mig hat geschrieben:...aber ich krieg es nicht so hin das es sich nach y und x repeatet. mit -x nach X, mit -y nach Y, aber mit beiden Schaltern macht er garnichts. Geht das villeicht garnicht?
Probier mal nur repeat (also ohne x und y). :wink:
Kein Support per PN!
Benutzeravatar
Mig
Mitglied
Beiträge: 25
Registriert: 10.01.2009 10:38

Re: Subsilver2 Hintergrunggrafik einbinden

Beitrag von Mig »

Der Nachteil ist:
- Ich komme mir dank Deiner Antworten ziemlich doof vor.

Der Vorteil:
- Es funktioniert

Alles fertig nun.
Danke ;-)
LG Mig, wenn ich mal eine Frage stelle die hier garnichts mit zu tun hat, sondern Bspw. über Joomla! handelt, nehmt es mir nicht übel, dann habe ich lange nicht geschlafen und das Forum verwechselt ;-)
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“