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;
}
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} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- 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> <!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> <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 --> <span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --> <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) --> <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 --> <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 --> <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 --> <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