Logo verschieben

Beitrag von **redbull254** » 31.05.2007 17:54

Scheinbar ist es nicht möglich, das Banner incl. der beiden Textzeilen so zu bearbeiten, das es in jeder Browsereinstellung 1280/1024 an seinem Platz bleibt, in diesem Fall eben mittig.

Beitrag von **Mahony** » 03.06.2007 16:50

Hallo redbull254

Versuchs mal so.

In der overall_header.html suche

Code: Alles auswählen

<div id="site-description">

und ersetze mit

Code: Alles auswählen

<div align="center" id="site-description">

In der common.css Suche

Code: Alles auswählen

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}

und ersetze mit

Code: Alles auswählen

#logo {
	float: none;
	width: auto;
	padding: 10px 13px 0 10px;
}

Suche

Code: Alles auswählen

/* Site description and logo */
#site-description {
	float: right;
	width: 70%;
}

und ersetze mit

Code: Alles auswählen

/* Site description and logo */
#site-description {
	float: none;
	width: 100%;
}

Grüße: Mahony

Beitrag von **redbull254** » 03.06.2007 16:59

Hallo, Mahony

Danke für die Hilfestellung. Werde ich nachher versuchen und an dieser Stelle dann berichten.

Edit: PERFEKT

MaFa · Beitrag von **MaFa** » 08.06.2007 16:05

Hi

SUPER!!!!!

genau das habe ich gesucht ...

Dankeschön ....

Gruß
MaFa

Schattis · Beitrag von **Schattis** » 18.08.2007 15:10

In welcher css muss man die Code´s suchen???

Beitrag von **nickvergessen** » 18.08.2007 15:25

common.css

Schattis · Beitrag von **Schattis** » 18.08.2007 15:29

Danke schön Nick.

Kleopatras_Sister · Beitrag von **Kleopatras_Sister** » 18.08.2007 16:41

Hallo

da hier das richtige Thema zu sein scheint, spare ich mir das eröffnen noch eines Themas dazu.

Ich habe folgendes Problem.

Ich nutze den Acid Style und habe in einem Thema hier gelesen das man in der Overall_header den Pfad zum Bild angeben kann. Dort habe ich mir jedoch was anderes einfallen lassen

und zwar habe ich den Eintrag

Code: Alles auswählen

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

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

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
	<td id="logorow" align="center"><div id="logo-left"><div id="logo-right">
		<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
	</div></div></td>
</tr>
<tr>

enteckt und dachte mir ich benenne die derzeitige Site_logo auf dem FTP zu .old (Backup) um und erstelle mein neues banner (ist nur vorläufig also ein Beispiel) mit dem selben Namen und schiebe es auf den FTP.

Getan und Cache geleert und es erscheint ok zu sein... wobei der alte Hintergrund wohl noch da ist, denn die Site_logo war vorher nur ein Reaktor Dreieck, aber dazu gleich.

So schaut es erst einmal Fehlerfrei aus.

[ externes Bild ]

Wenn man doch in den pm Ordner geht sieht man

[ externes Bild ]

also ist da doch was falsch oder anders als ich gedacht habe

Und das was man sieht ist der alte Hintergrund der vorher auch vorhanden war, jedoch in der Mitte dieses Reaktor Zeichen war, welches durch das ersetzen der Site_logo ja verschwand.

Wenn ich eine pm erstellen will, passt die Größe dann wieder.

Jemand Rat und Hilfe für mein Problem bzw. was habe ich falsch gemacht ?

MFG

-=ToReaDoR=- · Beitrag von **-=ToReaDoR=-** » 18.02.2008 17:37

Hallo Allerseits !

Ich möchte auch bei unserem Style das Logo in die Mitte schieben. Wenn ich die von Mahony aufgeführten Schritte umsetze, wird das Suchen-Eingabefeld aber runtergeschoben und steht dann unterhalb des zentrierten Logos und erhöht damit den Kopfbereich.
Gibt es da eine elegante Variante, das Logo in die Mitte zu bringen, und das Such-Feld dennoch daneben zu behalten ? Mir fiele da nun nur die Verwendung von Tabellen ein, wobei ich dabei auch nicht so recht wüßte, was wo hin müsste, ohne die Funktionalität einzuschränken.

Wichtig ist sicherlich die Information, daß ich die Forenbreite fixiert habe. Das Forum ist zu finden unter http://www.forum.supa-clan.de, wobei ich derzeitig das Logo wieder linksbündig gesetzt habe.

Der entsprechende Bereich in der overall-header.html:

Code: Alles auswählen

</head>

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

<table width="800" align="center" cellspacing="0" cellpadding="0" border="0">
        <tr>
          <td align="center" background="./styles/SUPA-2008/theme/images/bg_main_top.gif" width="800" height="20">
	    </td>
        </tr>
</table>

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div align="center" id="site-description">

				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" 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="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

Darüberhinaus habe ich - wenngleich es nicht so ganz hier her paßt - ein Darstellungsproblem im Firefox. Dieses betrifft den oberen Abschluß, der wie im code-Ausschnitt zu sehen, in Form des "bg_main_top.gif" vorliegt, welches in einer zentrierten Tabelle steckt. Im Firefox ist diese Tabelle nämlich schlichtweg nicht horizontal zentriert, sondern linksbündig. Kann mir Jemand sagen, woran das liegt ?

Vielen Dank schonmal im Voraus. Grüße,

-=ToReaDoR=-

Z-MANN · Beitrag von **Z-MANN** » 29.06.2008 20:31

nickvergessen hat geschrieben:common.css

Wo finde ich die denn???

phpBB.de

Logo verschieben

Mittiges Logo