Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

AeroBlue Grafiken im Header ersetzen

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 0
LesezeichenLesezeichen: 0
Zugriffe: 470

AeroBlue Grafiken im Header ersetzen

Beitrag#1von DirkS » 13.10.2012 16:54

Hallo !

Ich habe versucht den Header zu verändern, indem ich die Standardhintergründe, Suchefenster etc. im Template gelöscht habe und
eine Grafik eingesetzt habe. Leider wird die Grafik, je nach Auflösung des Bildschirms, nicht komplett angezeigt, oder sie wiederholt (kachelt) sich zum rechten Bildschirmrand hin.

Kann man evtl. eine Einstellung vornehmen, so daß die Grafik zentriert im Header dargestellt wird?

Diese Zeilen habe ich verändert/gelöscht:
[syntax lang="php" lines="f"]<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
{$TD_BORDER_TOP_LEFT}
{$TD_BORDER_TOP_CENTER}
{$TD_BORDER_TOP_RIGHT}
</tr>
<tr>
{$TD_BORDER_LEFT}
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="303" height="80" style="background:url('{T_THEME_PATH}/images/midl.png');"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a></div></td>
<td height="80" style="background:url('{T_THEME_PATH}/images/midm.png');"><span class="genmedw">{SITE_DESCRIPTION}</span></td>
<td width="470" height="80" align="right" valign="top" style="background:url('{T_THEME_PATH}/images/midr.png');">
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH --><div class="midlink"><div id="search-box"><form action="{U_SEARCH}" method="post" id="search"><fieldset class="nb"><input name="keywords" style="opacity:0.8;filter:alpha(opacity=80)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=80" type="text" class="inputbox search" id="keywords" title="{L_SEARCH_KEYWORDS}" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="50" /> <input class="nb" name="submit" type="image" src="{T_THEME_PATH}/images/search.png" align="absmiddle" /><br /><a class="genmedw" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}</fieldset></form></div></div><!-- ENDIF -->
</td>
</tr>
</table>
[/syntax]

Nach der Änderung sehen sie so aus:
[syntax lang="php" lines="f"]<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
{$TD_BORDER_TOP_LEFT}
{$TD_BORDER_TOP_CENTER}
{$TD_BORDER_TOP_RIGHT}
</tr>
<tr>
{$TD_BORDER_LEFT}
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1200" height="80" style="background:url(http://i49.tinypic.com/11qpb4p.jpg);"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a></div></td>
</tr>
</table>[/syntax]

Momentan sieht es so aus:
Bild
Benutzeravatar
DirkS
Foren Mitglied
Foren Mitglied
 
Beiträge: 101
Registriert: 09.2012
Barvermögen: 3.459,91 Points
Danke gegeben: 22
Danke bekommen: 10x in 8 Posts
Geschlecht: männlich

Re: AeroBlue Grafiken im Header ersetzen

Beitrag#2von tups » 13.10.2012 17:32

Suche mal diese Zeile in deinem neuen Code
Code: Alles auswählen
<td width="1200" height="80" style="background:url(http://i49.tinypic.com/11qpb4p.jpg);"><div class="logo"><a class="headw" href="{U_INDEX}">{SITENAME}</a></div></td>


ändere die mal in
Code: Alles auswählen
<td><img src="http://i49.tinypic.com/11qpb4p.jpg" width="100%"><td>


Damit wird der Hintergrund richtig und immer gleich angezeigt, egal bei welcher Auflösung.

Sieht dann so aus:
Hohe Auflösung
Aufzeichnen.JPG


Hier mal die zur Zeit meist genutzte Auflösung 1024x768
Aufzeichnen1.JPG
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Bild
Benutzeravatar
tups
Supporter im Ruhestand
Supporter im Ruhestand
 
Beiträge: 7019
Registriert: 06.2009
Barvermögen: 100.578,29 Points
Bank: 125.442,55 Points
Danke gegeben: 561
Danke bekommen: 1770x in 1468 Posts
Geschlecht: männlich
Forenstyle: X-Silver

folgende User möchten sich bei tups bedanken:

Re: AeroBlue Grafiken im Header ersetzen

Beitrag#3von DirkS » 13.10.2012 19:08

Klasse Tups, vielen Dank für Deine Unterstützung ! :thumbsup:
Benutzeravatar
DirkS
Foren Mitglied
Foren Mitglied
 
Beiträge: 101
Registriert: 09.2012
Barvermögen: 3.459,91 Points
Danke gegeben: 22
Danke bekommen: 10x in 8 Posts
Geschlecht: männlich


Zurück zu "phpBB3: Styles, Themes und Templates"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

phpbb header kachelt sich phpbb3 aeroblue logo