Ausrichtung des Forums

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.
Knowhow-Sauger
Mitglied
Beiträge: 656
Registriert: 18.05.2012 07:06

Ausrichtung des Forums

Beitrag von Knowhow-Sauger »

Hallo,

wenn ich mir die meisten Webseiten und Foren so ansehe (wie z.B. auch dieses hier :) ), dann sehe ich links und rechts immer einen Rand.
Bei meinem Forum aber:
http://www.kurzehosenforum.com/

sehe ich keinen Rand.
Dabei habe ich diesbezüglich nichts verändert. Ist diese breite Ausrichtung also standard im PHPbb?
Empfiehlt ihr mir einen Rand links und rechts einzurichten?
Es soll ja auch Leute geben, die noch mit einem quadratischen Bildschirm ins Internet gehen.
Wenn ja, wie und wo kann man das einstellen?

Danke
Forum für Freunde kurzer Hosen: http://www.kurzehosenforum.com
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Ausrichtung des Forums

Beitrag von Crizzo »

Hi,

die Breite beim Standard prosilver wird so geregelt:

Code: Alles auswählen

#wrap {
    min-width: 650px;
    padding: 0 20px;
}
D.h. sowohl links als auch rechts sind 20px Platz, sofern das Browserfenster breiter ist als 690px.

Du hast bei dir z.B. das umfassende div#wrap nicht, obwohl es nach prosilver aussieht. Ka, hast du vielleicht weggemoddet. Aber du hast auch genug Elemente drin, die schon >1300px groß sind und da passt es z.B. bei vielen Bildschirm-Auflösungen nicht und die hängen auch hinaus, wenn man jetzt einfach dem <body> einfach mal padding: 0 20px; verpasst.

Deshalb solltest du diese Element dynamischer machen, damit es auch bei kleinen Display gibst und am besten das div#wrap wieder einbauen. Einfach mit prosilver vergleichen und dem kannst du dann padding/margin zu den Rändern geben.

Ich würde dir aber noch empfehlen, deinen Quelltext mal zu kontrollieren, da sind doch mittlerweile enorm viele Fehler reingerutscht: http://validator.w3.org/check?uri=http% ... ator%2F1.3

Grüße
Knowhow-Sauger
Mitglied
Beiträge: 656
Registriert: 18.05.2012 07:06

Re: Ausrichtung des Forums

Beitrag von Knowhow-Sauger »

Hallo Blackhawk,

danke für die Nachricht!

In welcher Datei kann ich die Ausrichtung denn ändern?
Dass einige Grafiken 1300 px Breite haben, macht nichts.
Das kann ich ändern.

Ist es eigentlich so wichtig, die Fehler die die Software anzeigt, zu beheben?
Weil das Forum läuft ja so auch... :-?
Forum für Freunde kurzer Hosen: http://www.kurzehosenforum.com
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 12123
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: Ausrichtung des Forums

Beitrag von Crizzo »

Knowhow-Sauger hat geschrieben:In welcher Datei kann ich die Ausrichtung denn ändern?
Welche?
CSS-Regeln stehen in den CSS-Dateien im Ordner "theme".
Ist es eigentlich so wichtig, die Fehler die die Software anzeigt, zu beheben?
Weil das Forum läuft ja so auch... :-?
Man kann einen Text auch lesen, obwohl er sehr viele Rechtschreibfehler enthält, aber schön und richtig ist anders. :wink:
Knowhow-Sauger
Mitglied
Beiträge: 656
Registriert: 18.05.2012 07:06

Re: Ausrichtung des Forums

Beitrag von Knowhow-Sauger »

Aber von den Fehlern merkt ja der Besucher nichts, oder?
Was würde sich konkret ändern, wenn ich alle Fehler bereinigen würde? Würde sich die Ladezeit z.B. verkürzen?

Und bist Du Dir sicher, dass man die Ausrichtung des Forums im Styles-Ordner macht?
Ich habe nämlich mehrere Styles und viele davon mit dem Color-Generator erstellt. Also da kann gar nichts weggemoddet worden sein.
Ich glaube eher, dass man die Ausrichtung global einstellen muss- also für ALLE Styles gleichermaßen und nicht einzeln.
Frage mich nur: wo.
Forum für Freunde kurzer Hosen: http://www.kurzehosenforum.com
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5036
Registriert: 08.06.2009 12:03

Re: Ausrichtung des Forums

Beitrag von Talk19zehn »

Hi, also ich bemerke die Fehler in der Darstellung schon. :wink:
Das Forum ist bspw. ab dem Bereich "navbar" verschoben. Im Quelltext, den ich mir via Firefox anschaue, fehlt es an der ID"Wrap"... und insofern greift ab dem Punkt ein Fehler in den anderen, so auch die Ausrichtung des Forums (common.css). Siehe selbst.... ( hier nur auszugsweise ) in deiner overall_header.html.

Code: Alles auswählen







<table border="0" width="1350" height="90" background="/startbg.png">
  <tr>


    <td width="82">

<center>
<img src="/styles/prosilver/kaffee.gif">
</center>

    </td>



    <td width="680">



    </td>




    <td width="414">


<p></p><a href="http://www.kurzehosenforum.com/viewforum.php?f=13"><img src="/winterlink.png"></a><a href="http://www.kurzehosenforum.com/viewforum.php?f=20"><img src="/lederhosenlink.png"></a>



    </td>




    <td width="174">


			<div id="search-box">
				<form action="./search.php?sid=3b7fba5db107a1b16d9d430eb13c2a7b" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="Suche nach Wörtern" class="inputbox search" value="Suche…" onclick="if(this.value=='Suche…')this.value='';" onblur="if(this.value=='')this.value='Suche…';" />
					<input class="button2" value="Suche" type="submit" /><br />
					<a href="./search.php?sid=3b7fba5db107a1b16d9d430eb13c2a7b" title="Zeigt die erweiterten Suchoptionen an">Erweiterte Suche</a> <input type="hidden" name="sid" value="3b7fba5db107a1b16d9d430eb13c2a7b" />

				</fieldset>
				</form>
			</div>
		

    </td>



 </tr>
</table>













		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="./index.php?sid=3b7fba5db107a1b16d9d430eb13c2a7b" accesskey="h">Foren-Übersicht</a> </li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="Ändere Schriftgröße">Ändere Schriftgröße</a></li>


<li class="rightside"> <img src="/crewlogo2.png"> <a href="http://www.kurzehosenforum.com/memberlist.php?mode=leaders&sid=47d257753eaeda95c7f209f34837b4e7"><b>Forum-Crew kontaktieren</b></a></li>


<li class="rightside"> <img src="/post.gif"> <b>e-Mail: admin@kurzehosenforum.com</b></li>


				
			</ul>

			

			<ul class="linklist rightside">
<li class="icon-chat"><a href="./123flashchat.php?sid=3b7fba5db107a1b16d9d430eb13c2a7b">Kurze-Hosen-Chat</a></li>

<li><img src="/buch.gif"></li> <li class="archiv"><a href="http://www.kurzehosenforum.de">Archiv (altes Forum)</a></li>

<li class="icon-faq"><a href="./faq.php?sid=3b7fba5db107a1b16d9d430eb13c2a7b" title="Häufig gestellte Fragen">FAQ</a></li>
				<li class="icon-members"><a href="./memberlist.php?sid=3b7fba5db107a1b16d9d430eb13c2a7b" title="Zeigt eine vollständige Liste aller Mitglieder an">Mitglieder</a></li><li class="icon-register"><a href="./ucp.php?mode=register&sid=3b7fba5db107a1b16d9d430eb13c2a7b">Registrieren</a></li>
					<li class="icon-logout"><a href="./ucp.php?mode=login&sid=3b7fba5db107a1b16d9d430eb13c2a7b" title="Anmelden" accesskey="x">Anmelden</a></li>
				

			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>
	<div id="page-body">
Die Auszeichnung eines phpBB-Forums ist strict-valide und von daher ist es wünschenswert, diese Auszeichnungen beizubehalten, um Fehlinterpretationen in den Browsern zu vermeiden. In der overall_header.html sind Teile abhanden gekommem und darum entstehen derartige Fehlerchen. Arbeite die Liste der Fehlermeldung W3C ab und bereinige deine overall_header.html indem du diese mit einem Original vergleichst. Mein Rat lautet: Prüfe sodann jede Änderung in den gängigen Browsern und in entsprechenden Auflösungen ( ab 1024er oder 800er oder gar kleiner in der Breite ).

Du kannst im Grunde als Seitenbetreiber und Anbieter nicht wissen, welchen Browser der Besucher nutzt und welche Auflösungen relevant sind. Empfehlen kann ich dir bspw. am Rande meine kontrollierende Ansicht in einer hohen Auflösung ( hier 1680x1050 im IE8 ). [ externes Bild ]

Auch im Footerbereich ist die Ausgabe verschoben, da du in der overall_header.html mit Fehlerchen beginnst.
Für mich persönlich soll eine Seite visuell auch im Design in Ordnung sein, - so oder so. :wink:
Ich bin jedoch kein Maßstab und auch bin ich niemals fehlerlos. Es gibt durchaus Fehlermeldungen, die man ignorieren oder vertreten kann, sofern die eine Browserwelt mit der anderen nicht konform geht, wie CSS2, CSS3 uvm. und dies sei auch nur nebenbei erwähnt. Die Browser arbeiten, rechnen u.U. sehr unterschiedlich.




Gruß
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Knowhow-Sauger
Mitglied
Beiträge: 656
Registriert: 18.05.2012 07:06

Re: Ausrichtung des Forums

Beitrag von Knowhow-Sauger »

So Freunde,
ich habe es nun geändert.
Das Wrap ist wieder da :grin: und somit auch der Rand rechts und links. :D

Vielleicht kann mal einer kurz auf mein Board schauen:
http://www.kurzehosenforum.com

und mir sagen, ob jetzt alles passt oder ob es noch mehr zu beanstanden gibt.

Danke!!
Forum für Freunde kurzer Hosen: http://www.kurzehosenforum.com
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5036
Registriert: 08.06.2009 12:03

Re: Ausrichtung des Forums / Logo

Beitrag von Talk19zehn »

Moin, moin,

das Headerlogo und das Banner im Footer wurden übersehen? Viel zu riesig und darum scrollt man rd. 45% nach rechts.
Weißfarbene Ecken?
Gruß

Edit:
Zur Thematik ein Logo der Auflösung ggf. anzupassen, siehe bei Bedarf: http://www.ongray-design.de/forum/viewt ... 2110#p2110

Oder auch alternativ: hierbei muss/sollte die Grafik für ein repeat-x geeignet sein... :wink: Bitte daher Auflösungen beachten, testen.
viewtopic.php?f=85&t=216426
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Knowhow-Sauger
Mitglied
Beiträge: 656
Registriert: 18.05.2012 07:06

Re: Ausrichtung des Forums / Logo

Beitrag von Knowhow-Sauger »

Talk19zehn hat geschrieben:Moin, moin,

das Headerlogo und das Banner im Footer wurden übersehen? Viel zu riesig und darum scrollt man rd. 45% nach rechts.
Weißfarbene Ecken?
Gruß

Edit:
Zur Thematik ein Logo der Auflösung ggf. anzupassen, siehe bei Bedarf: http://www.ongray-design.de/forum/viewt ... 2110#p2110

Oder auch alternativ: hierbei muss/sollte die Grafik für ein repeat-x geeignet sein... :wink: Bitte daher Auflösungen beachten, testen.
viewtopic.php?f=85&t=216426
Hallo,

also ich muss nicht scrollen.
Was habt ihr denn alle für einen Bildschirm??
Wie viel Pixel sollte denn das Bannerlogo haben?
Forum für Freunde kurzer Hosen: http://www.kurzehosenforum.com
hackepeter13
Valued Contributor
Beiträge: 3566
Registriert: 21.04.2004 12:22
Wohnort: Berlin
Kontaktdaten:

Re: Ausrichtung des Forums / Logo

Beitrag von hackepeter13 »

Knowhow-Sauger hat geschrieben:Wie viel Pixel sollte denn das Bannerlogo haben?
Wie soll man dir diese Frage beantworten, wenn jeder eine andere Bildschirmgröße/Auflösung nutzt? :roll:
Knowhow-Sauger hat geschrieben:Was habt ihr denn alle für einen Bildschirm??
Und was soll dir dann eine gesammelte Liste der Bildschrim-Auflösungen bringen?
Die gängisten Bildschirmauflösungen kannst du dir doch selber ausmalen.
Es gibt auch genügend Tools, um diese Werte von seinem Webseitenbesucher aufzuzeichnen (Google hilft dir bei der Suche solcher Tools und bietet sogar selber solch einen Dienst zum Auswerten solcher Angaben an).
Zumal was bringt dir unsere Auflösung, wenn von hier eh so gut wie niemand ein potenzieller Member in deinem Forum sein wird?

PS: Siehe auch einfach den Beitrag von Talk19zehn:
Talk19zehn hat geschrieben:Mein Rat lautet: Prüfe sodann jede Änderung in den gängigen Browsern und in entsprechenden Auflösungen ( ab 1024er oder 800er oder gar kleiner in der Breite ).

Du kannst im Grunde als Seitenbetreiber und Anbieter nicht wissen, welchen Browser der Besucher nutzt und welche Auflösungen relevant sind.
Nicht jeder nutzt einen 22 oder whatever Zoll Bildschirm - zudem sollte man bedenken das auch in der heutigen Zeit noch nicht alle eine X-tausend Mbit HighSpeed Internetleitung hat und der Seitenaufbau durch extrem große Grafiken verlangsamt wird, Folge der User geht weiter...
Soviel auch zu deinem anderen Thema, wie du aktive User bekommst. ;)
Antworten

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