Verlinkte Grafik im Header

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.
Benutzeravatar
Chrishe
Mitglied
Beiträge: 28
Registriert: 01.03.2012 08:26
Wohnort: Köln
Kontaktdaten:

Verlinkte Grafik im Header

Beitrag von Chrishe »

Hallo liebe phpBB Gemeinde,

da ich mich nur bedingt mit php, html und CSS auskenne stehe ich gerade vor einem kleinen Problem.
Ich würde gerne 2 Dinge an userem "neuen" Forum http://www.themonkeys.de ändern.

1. Das Battlefield 3 Logo ganz oben auf der Seite möchte ich gerne als eigenständige Grafik "verlinkt" in die Seite einbinden "gleiche Stelle wie aktuell" (aktuell ist es nur eine Grafik die mit im Header "png" intrigiert ist).

2. Die Header Grafik verlinken... leider wird diese aus der CSS geladen.

CSS

Code: Alles auswählen

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subsilver2
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		psd-r  http://www.psd-resources.com 
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

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: #DADADA;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	background: #000000 url('./images/bg2.jpg') no-repeat top center;
	background-attachment:fixed;

}
.clr {
	clear: both;
}
#wrapheader {
	height: auto !important;
	padding: 0;
	width:1000px;
	margin:0 auto;
	white-space: nowrap;
}
#header {
	height: 318px;
	padding: 0;
	width:1000px;
	margin:0 auto;
	background: url('./images/header.png') no-repeat top center;
}
#wrapcentre {
	margin: 0 auto;
	width:1000px;
	background: url('./images/bg.jpg') repeat-y top center;
}
#wrapfooter {
	text-align: center;
	clear: both;
	height:340px;
	background: url('./images/footer.jpg') no-repeat top center;
}
#copy {
	text-align: center;
	clear: both;
	padding-top:60px;

}
#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #020202;
	border-width: 1px;
	border-style: solid;
	border-color: #230100;
}


#menubar {
	margin: 0 auto;
	height:36px;
	background: url('./images/menubar.jpg') no-repeat top center;
}

#datebar {
	padding-top:1px;
	padding-right:5px;
	color:#B3B7BA;
		line-height:25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #2f8dc0;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { width:900px; margin:0 auto; }
#pagecontent { }
.pagecontent_inner {padding-left:30px; }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: #E5CCA7;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: #D4D4D4;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: #2f8dc0;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 60px;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #D4D4D4;
}

.postdetails {
	color: #D4D4D4;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #E5CCA7;
	font-weight: bold;

}

.pagination {
	padding: 4px;
	color: #2f8dc0;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size:11px;
	padding-top:10px;
}
.genmed1 {
	margin: 1px 1px;
	font-size:11px;
	padding-left:60px;
	padding-top:5px;
}
.genmed2 {
	margin: 1px 1px;
	font-size: 1.1em;
	padding-right:40px;
	padding-top:5px;
}

.gensmall {
	margin: 1px 40px;
	font-size: 1em;
}
.gensmall_li {
	padding-left:370px;
	font-size: 1em;
}
.gensmall_re {
	padding-right:20px;
	font-size: 1em;
}
.copyright {
	color: #E2E2E2;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
	padding-left:40px;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #f8b419;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FE9504;
	background-image: url('./images/cellpic3.gif');
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #140500;
	margin:0 auto;
	width:94%;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #151716 url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: #151716 url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.row1 {
	background-color: #020406;
	background-image: url('./images/cellpic4.gif');
	background-repeat:repeat-x;
	padding: 4px;
}

.row2 {
	background-color: #020406;
	background-image: url('./images/cellpic4.gif');
	background-repeat:repeat-x;
	padding: 4px;
}

.row3 {
	background-color: #0A1416;
	padding: 4px;
}

.spacer {
	background-color: #020202;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #020202;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

a:link {
	color: #f8b419;
	text-decoration: none;
}

a:active,
a:visited {
	color: #f8b419;
	text-decoration: none;
}

a:hover {
	color: #fac43c;
	text-decoration: none;
}

a.forumlink {
	color: #2f8dc0;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #2f8dc0;
	text-decoration: none;
}

th a,
th a:visited {
	color: #f8b419 !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #f8b419;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #323735;
	background-color: #0E161C;
}

textarea {
	background-color: #0E161C;
	color: #f8b419;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #323735;
	padding: 2px;
}

select {
	color: #f8b419;
	background-color: #0E161C;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #323735;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: 151716;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #D4D4D4;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #101920;
	border: 1px solid #451700;
}

.btnmain {
	font-weight: bold;
	background-color: #1B1E1D;
	border: 1px solid #290000;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #1B1E1D;
	border: 1px solid #290000;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #1B1E1D;
	border: 1px solid #290000;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #101920;
	border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #323735;
	color: #F56608;
	background-color: #A9B8C2;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #323735;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FAFAFA;
	color: #4B5C77;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #323735;
	color: #F56608;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #323735;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #D4D4D4;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: #D4D4D4;
	background-color: #f8b419;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;

}

.username-coloured {
	font-weight: bold;
}
overall_header.html

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="Battlefield 3" />
<meta name="copyright" content="2012 Monkeys.de" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon" />

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

<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 per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

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

/**
* 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="header">
	<div id="datebar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="gensmall_li"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
			<td class="gensmall_re" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
		</tr>
		</table>
	</div>
		<div class="clr"></div>
</div>
	<div id="menubar">
		<table width="100%" cellspacing="0">
		<tr>
			<td class="genmed1">
				<!-- 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 and not (S_SHOW_COPPA or S_REGISTRATION) --> &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="genmed2" 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>

<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 or S_LOAD_UNREADS -->
		<span style="float: {S_CONTENT_FLOW_END};"><!-- IF S_LOAD_UNREADS --><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- IF S_USER_LOGGED_IN --> | <!-- ENDIF --><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><!-- ENDIF --></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

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

	<!-- INCLUDE breadcrumbs.html -->

	<br />

Ich hoffe Ihr könnt mir helfen, da es sehr unschön ist immer auf das" kleine" "Foren-Übersicht" klicken zu müssen um auf die Index Seite zu gelangen.
Die meisten Menschen sind es gewohnt über das Logo zur Indexseite zu gelangen.

VG Chrishe
Think different!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11943
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Crizzo »

Hi,

für gewöhnlich wird das Logo der Seite/des Forums mit diesem Code eingebunden:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
Dann ist er auch klickbar und führt zur Startseite des Forum (also zur Foren-Übersicht). (wie man dann dort ein eigenes Logo einsetzt steht hier: https://www.phpbb.de/kb/logo30x
Davon sehe ich nichts, das solltest du deshalb wie gewünscht abändern.

@2.: Und dann willst du noch diese: http://www.themonkeys.de/styles/themonk ... header.png Grafik verlinken, oder wie?
Benutzeravatar
Chrishe
Mitglied
Beiträge: 28
Registriert: 01.03.2012 08:26
Wohnort: Köln
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Chrishe »

Hallo BlackHawk,
danke für deine schnelle Antwort.

zu 1. Wo genau muss ich diesen Code einbauen und wie bekomme ich das Logo dann an die richtigen stelle?

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
zu 2. Ja genau, ich würde gerne den Header auch noch verlinken, da ich gerne den Link vom Battlefield 3 Logo zu Webseite von EA "Battlelog" führen lassen möchte.

Wenn das mit dem Header verlinken aber zu aufwändig wird, würde ich mich damit abfinden und das Battlefield 3 Log auf die Index Seite verlinken.
Think different!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11943
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Crizzo »

Kümmern wir uns erstmal um das erste. Danach kommt das andere.

Jetzt öffnest du mal die overall_header.html und setzt diese Zeile Code mal unter diese Zeilen hier ein:

Code: Alles auswählen

<div id="datebar">
          <table width="100%" cellspacing="0">
          <tr>
             <td class="gensmall_li"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
             <td class="gensmall_re" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
          </tr>
          </table>
       </div>
Der Schriftzug "Battlefield 3" gehört zu der großen Headergrafik, also musst du erstmal beide trennen und einzeln hochladen. Der große Teil überschreibt dieses: http://www.themonkeys.de/styles/themonk ... header.png und der kleine wird als header_logo.png oder sonst wie abgespeichert und als Logo eingesetzt. Wie steht im KB-Artikel.

Und dann schauen wir erstmal, wo das Logo jetzt ist.

Edit: Achtung, ich hab was geändert! Bitte beachten.
Benutzeravatar
Chrishe
Mitglied
Beiträge: 28
Registriert: 01.03.2012 08:26
Wohnort: Köln
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Chrishe »

stimmt... eins nach dem anderen. :-)

Ich habe jetzt den Code an die von dir angegeben Stelle gesetzt.
Leider passiert "nichts"!
Think different!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11943
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Crizzo »

Template aktualisiert und Cache geleert?
Benutzeravatar
Chrishe
Mitglied
Beiträge: 28
Registriert: 01.03.2012 08:26
Wohnort: Köln
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Chrishe »

Danke... Template aktualisieren hat es gebracht.

Jetzt muss ich nur noch die Stelle finden wo ich die Endung und die Position steuern kann.

Das Battlefield Logo ist eine png Datei (wegen transparenten Hintergrund) und das original phpbb Log eine gif Datei.
Think different!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11943
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Crizzo »

Chrishe hat geschrieben:Danke... Template aktualisieren hat es gebracht.

Jetzt muss ich nur noch die Stelle finden wo ich die Endung und die Position steuern kann.

Das Battlefield Logo ist eine png Datei (wegen transparenten Hintergrund) und das original phpbb Log eine gif Datei.
Position: das geht per CSS, ansprechen kannst du das Element so a#logo und dann platzieren.

Wie du die "Endung", Größe, Name usw. der Header-Logo-Datei bestimmen kannst, steht alles in dem Artikel unter Methode 1: https://www.phpbb.de/kb/logo30x
Dabei kann das Logo natürlich auch immer noch eine .png Datei sein. :wink:

Benutzeravatar
Chrishe
Mitglied
Beiträge: 28
Registriert: 01.03.2012 08:26
Wohnort: Köln
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Chrishe »

Danke BlackHawk,

wie ich die Endung und Große ändere habe ich bereits gefunden. :roll:

viewtopic.php?f=74&t=156466

Jetzt muss ich es nur noch positionieren (ich hoffe das ich das hin bekomme).

Und hast du auch eine Idee zu der Header Verlinkung, oder ist das hoffnungslos? :-? :lol:
Think different!
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11943
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Verlinkte Grafik im Header

Beitrag von Crizzo »

Chrishe hat geschrieben:Danke BlackHawk,

wie ich die Endung und Große ändere habe ich bereits gefunden. :roll:
:o
Du hast doch jetzt eine Grafikdatei z.B. header_logo.png, ergo hat die ".png" als Dateiendung, dass musst du dann auch in der imageset.cfg definieren. Die Größe wird dir in Windows in den Dateieigenschaften angezeigt. Ansonsten kann das jedes gute Grafikprogramm.

viewtopic.php?f=74&t=156466
Jetzt muss ich es nur noch positionieren (ich hoffe das ich das hin bekomme).

Und hast du auch eine Idee zu der Header Verlinkung, oder ist das hoffnungslos? :-? :lol:
Geht im Prinzip genauso, du musst nur die Grafik nicht per CSS-Einbinden, sondern per <img>-HTML-Element und dann per <a href=""..> </a> umschließen. Oder ein <a>-Element in <div id="header"> packen und das klickbar machen z.B. per "display:block" in CSS. :wink:
Antworten

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