(Erledigt)prosilver Frage "Forumnahme" verschieben

[zx9r-treiber]

Ich benutze phpBB3.0.8
Es geht um den Styles prosilver
Einige Mod sind Eingebaut, aber mit denen hat es ja nix zu tun.
In den anderen Styles wie Subsilver2 und ProSilver wird es richtig dargestellt. Also muß doch im Styles eine Änderung erfolgen.
Über das "Endwicklertools" des IE 8 hab ich ja einiges herausgefunden, aber selbst von dort aus habe ich es nicht bewirkt das es verschoben wird. (Alles andere kann ich verschieben oder ändern)
Die "Suche" hier habe ich nun seid 3 Stunden durchsucht aber nix gefunden.

Erst mal siehe Bild

Der Forumnahme " ZX9R-Treiber Forum" soll weiter nach Rechts so das er mehr in der Mitte steht.

Herausgefunden habe ich ja das es sich um "h1" in der Styles/Theme/common.css handelt.
"h2" also den Text darunter konnte ich bearbeiten so das er ohne Zeilenumbruch dargestellt wird.
Aber welchen Wert muß ich ändern um den Inhalt von "h1" zu verschieben? Ist die commen.css überhaupt die richtige Datei zum verändern?

[Talk19zehn]

Hello zx9r-treiber,

in der HTML-Ausgabe = overall_header.html weise "h1" eine "Quasi-Zentrierung" zu:

Erste Idee:

Code: Alles auswählen

<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1 style="text-align:center">{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>

Da h1 jedoch bereits eine eigene Definition hat, ist der Text "leider nicht wirklich" zentriert. Erfüllt m.E. jedoch zunächst den Zweck, die Ausgabe dezent nach rechts zu verschieben.



Darum würde ich ggf. auf Absatz = " p " ausweichen und minimalistisch umbauen:
Nur eine zweite Idee......

Code: Alles auswählen

<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<p style="text-align:center"; style="font-family:Verdana,sans-serif; font-size:16px; color:white">{SITENAME}</p>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>	
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
<span class="corners-bottom"><span></span></span></div>
</div>

Der Absatz "bläht" die Headerbar ein wenig auf, so dass die Schriftgröße und eine Schriftart bedeutsam ist, denke ich. Natürlich ist hierbei m.E. die Textlänge auch von Bedeutung / je nach Auflösung.





Ich habe das jetzt alles dem Original-Prosilver entnommen, --- Bitte bedenke: Dem Bild war kein Code beigefügt........ - du hattest ja bereits umgebaut.



Ggf. hat jemand eine weitere Idee? Ich freue mich ebenso.



Viele Grüße

[Charlie_M]

Du meinst Prosilver?

Öffne common.css unf füge in <H1> dazu:

Code: Alles auswählen

text-align:center;

[zx9r-treiber]

Alles klar, habe ich gefunden.

Noch eine Frage da ich mich tot suche ...

Siehe Bild

Der Wert = "padding-left 11px " ist vorteilhafter, da er den unteren Text ein wenig nach rechts verschiebt.
In der common.css oder overall_header.html swe Stylesdateien finde ich diesen Wert allerdings als "padding-left 0px" erst gar nicht.

Wo zum Teufel holt das "Entwicklertools" diesen Wert her? Oder muß der eingebunden werden da er als "0" Wert nicht aufgeführt wird?

Kleiner Nachtrag

Ich vermute das in der common.css im Bereich "
#site-description h1 {
margin-right: 0;
}

der Wert da mit zugeschrieben werden muß.

[Charlie_M]

schau dir mal overall_header an:

Code: Alles auswählen

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>

SITENAME ist das was du schon geändert hast
SITE_DESCRIPTION ist also die Forum-Bezeichnung, vermutlich willst du das ändern. Kannst also via CSS ändern oder neue Eigenschaft zuweisen - oder wie schon erwähnt wurde direkt im html-File ändern.

Wobei ich da die Variante CSS bevorzugen würde.

[Talk19zehn]

Hallo, ihr Zwei - um welchen Style geht es eigentlich wirklich? Anhand des obigen Bildes tippe ich auf Prosilver. Auch ich finde im Prosilver das "padding-left 11 px" nicht. Wobei ich mir nicht sicher bin, ob ggf. gar "ProsSubsilver-Dev" gemeint sein könnte und man es dort deklariert wiederfindet ?

Nur für mich zum Verständnis:
<h1>{SITENAME}</h1> = Forumname = deinedomain.tld

Meine Deklarationen " h1 " im Style Prosilver / Theme: Der Abstand wird durch margin-right mit 200 px gesteuert.

Code: Alles auswählen

h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px; 
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}

Wenn Du nun margin-right ausnimmst und um eine Textzentrierung ergänzt, könnte dein Vorhaben m. E. evtl. funktionieren. Im Gegensatz zum vorherigen Beitrag, habe ich jedoch nicht getestet.
Es wäre zu prüfen, ob h1 nicht an anderen Stellen genutzt wird?! Es käme auf einen Versuch an.

Code: Alles auswählen

h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*  margin-right: 200px; */ 
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
text-align: center;
}

Und so sieht bei mir im Prosilver die Formatierung für die
<p>{SITE_DESCRIPTION}</p> = Forenbeschreibung = Ein kurzer Text, der dein Forum beschreibt

Code: Alles auswählen

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

#site-description h1 {
margin-right: 0;
}

aus.

Ungetestet: Ich könnte mir vorstellen, auch hier die Textzentrierung zu nutzen. Die gestrichelte Linie würde ich ggf. entfernen. Da je nach Auflösung der Text "umbrochen" wird.

Ich war der Auffassung, dass der Forenname für ein Prosilver und nicht Subsilver2 verschoben werden soll.


Viele herzliche Grüße

BTW:
Die Angaben in der HTML-Ausgabe < p > sind in der Erstantwort ebenso in CSS gehalten. Mir war leider unklar, welche CSS-Deklaration ggf. ... " besser gefallen " ... würde.

[zx9r-treiber]

Hallo, ihr Zwei - um welchen Style geht es eigentlich wirklich? Anhand des obigen Bildes tippe ich auf Prosilver. Auch ich finde im Prosilver das "padding-left 11 px" nicht. Wobei ich mir nicht sicher bin, ob ggf. gar "ProsSubsilver-Dev" gemeint sein könnte und man es dort deklariert wiederfindet ?

Sorry, zum besseren Verständnis.

Es dreht sich um Prosilver.
Dieses "Padding-left 11 xp" habe ich ja über das Entwicklertools auf meinem PC bereits geändert und bringt das gewünschte Ergebniss. Dieses findest du natürlich nicht in der Datei. Dort ist es nicht angegeben und ich will es ja hinzufügen.

Das margin-right: 200px; zu ändern, oder auch ganz raus zu nehmen brachte nicht das gewünschte Ergebniss.
Das einbringen von " text-align: center; " ist schon recht nahe dran.

Ich werde mal beide Texte, also den Forumnahmen und auch die dazugehörigen Text darunter auf "text-align: center; " setzen und die gestrichelte Linien raus nehmen, denn an die verschiedenen Auflösungen hab ich noch nicht gedacht.

[Talk19zehn]

Hello zx9r-treiber, OK - ich danke dir für die Erläuterung.

Stimmt, - das margin 200px heraus zu nehmen und lediglich align center zuzuweisen, reicht nicht. Align-Center wirkt sich dann m.E. lediglich auf die 70% in der Breite der gefloateten Elemente aus. Bei mir bringt ein padding von 11 px leider gar nichts. Ich kann deinen Vorschlag leider nicht nachvollziehbar "nachbauen".

Demnach würde ich tatsächlich auf Absatz " < p >" ausweichen.

Oder einen ganz eigenen Headerbereich kreieren? Sofern von Interesse, vgl. ggf. u.a. eine kleine Diskussion am Rande....

viewtopic.php?p=1178493#p1178493




Allerbeste Grüße und viel Glück


PS.: Über weitere Ideen freue ich mich nach wie vor. Ich lerne, wie immer, gerne dazu. Vielen herzlichen Dank.

[zx9r-treiber]

Also ich habe in der overall_header.html folgendes jetzt stehen =

<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1 style="text-align:center">{SITENAME}</h1>
<p style="text-align:center">{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>



Dann ist alles ohne viel Aufwand erledigt und auch bei verschiedenen Auflösungen definiert.

[Talk19zehn]

Ja, meiner Meinung ist dies einer der einfachsten Wege. Falsch ist es jedenfalls nicht. Bei mir sieht dein Beispiel gut aus!
Ich würde ggf. noch ausprobieren: Gib h1 eine andere Schriftgröße --- > 1.8em - anstatt der 2em?

ACP / Theme

Code: Alles auswählen

    h1 {
       /* Forum name */
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       margin-right: 200px;
       color: #000000;
       margin-top: 15px;
       font-weight: bold;
       font-size: 2em;
    }

Es ginge auch noch anstatt -- font-weight: bold;

Code: Alles auswählen

font-weight: lighter;

oder

Code: Alles auswählen

font-weight: normal;

Probiere es einfach aus. Die Effekte sind ganz schön.


LG