Seite 2 von 3

Re: Headergrafik (prosilver SE)

Verfasst: 28.07.2013 22:03
von Talk19zehn
@Miriam,
danke habe mal editiert.

Hello HabNurNeFrage, :grin:
ja ich denke auch, das ginge und wenn die Klasse Headerbar nicht anderweitig im Einsatz ist, ist´s genial. Das sieht man ja schon am Code. Bin mir gerade nicht sicher, ob wie noch eine Höhe in der common.css brauchen? Danke dir für das Anschubpotential... :wink:

Grüße

Oben hat sich ein Semikolon zuviel eingeschlichen.

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 00:33
von HabNurNeFrage
Hi,

oops - jo, ein Strichpunkt reicht hinter dem zweiten 100% natürlich völlig aus :oops:

LG

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 21:51
von Z-MANN
Ich habe jetzt alles mögliche Ausprobiert und irgendwie hat es nicht so wirklich geklappt!? :roll:

Jetzt habe ich diese Variante probiert und das Logo ist auf einmal so wie ich es gerne haben wollte:

Vorher:

Code: Alles auswählen

<div id="page-header">
        		<div>
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<div style="text-align: center;">
                                   <a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a>
                                   <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
Vorher:

Code: Alles auswählen

<div id="page-header">
        		<div>
        			<div class="inner"><span class="corners-top"><span></span></span>
        
        			<div style="text-align: center;">
                                   <a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a>
</div>
<div id="site-description">
                                   <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
Nun kommt aber gleich das nächste Problem. :cry:

Jetzt ist links und rechts oben vom Logo ein kleines weißes Feld (kleines Dreieck) und ich bin am Rätseln wie ich nun diese weck bekomme???
Bin verzweifelt am suchen welche .gif Datei dafür verantwortlich ist!

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 22:00
von Talk19zehn
Das habe ich mir fast gedacht. Es sind wahrscheinlich diese Ecken:

Code: Alles auswählen

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

Code: Alles auswählen

<div class="inner"><span class="corners-bottom"><span></span></span>
-------- usw.
Post doch bitte dein overall_header.html ins pastebin. Da muss man jetzt genauer hinschauen. Steht das online zur Verfügung? Wenn nicht bitte einrichten, damit HelferInnen sich das anschauen können im Livebetrieb.

Grüße

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 22:34
von Z-MANN
Habe die Datein gefunden es sind "corners_left.png" und corners_right.png.

Wollte Clever sein und die weiße Ecke Transparent machen, das ende vom Lied, die Ecke war oben weck aber dafür hatten alle anderen Felder Spitze ecken. :roll:


Habe das mal mit dem Pastbin versucht, hoffe es hat geklappt!?

https://www.phpbb.de/support/pastebin.p ... iew&s=1312

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 22:53
von Talk19zehn
okay, so kann es funktionieren: die oberen Ecken müssen "wech".

suche, ersetze, teste, prüfe - es folgt nur der aktualiserte Teilbereich

Code: Alles auswählen

                                <div>

                                        <div style="text-align: center;">
                                           <a href="{U_INDEX}" title="{L_INDEX}">{SITE_LOGO_IMG}</a>
        </div>
        <div id="site-description">
                                           <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
        </div>

                                        <span class="corners-bottom"><span></span></span>
                                </div>
Die unteren Ecken brauchen wir für den Abstand.

LG

BTW: Deinen QT solltest du mal von Leerzeilen befreien und konform einrücken. Quasi aufräumen... :wink:

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 23:04
von Z-MANN
Habe eben einfach mal drauf hin probiert und

Code: Alles auswählen

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

Code: Alles auswählen

<span class="corners-bottom"><span></span></span>
gelöscht und muß sagen das ist es was ich wollte! :grin:

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 23:14
von Z-MANN
Ohje! Zu früh gefreut!
Jetzt hat er mir auf der Portal seite ein paar Kästen dunkel hinterlegt???

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 23:22
von Talk19zehn
Du nutzt im Portal die Klasse *)forabg für diese Module. Und diese ist bei dir dunkel. Da musst du schauen, was du da konzipiert hast. Deine jetzigen Änderungen haben m.E. damit nichts zu tun.
Der mittlere Block war bei mir schon immer *) dunkel und lesen kann man nix, - hm. Das musst du teils umstrukturieren. Das geht! Die Klasse forabg ist ein deinem Falle als Hintergrund teils ungeeignet. :wink:


Forum: sieht gut aus!! --- Naja du hast mehr gelöscht, - nämlich ein </div> mehr! Das geht natürlich auch! Nur "jetzt klebt" das Logo beinahe an der Navbar .... :wink: Das führt zu keinem Fehler, das ist richtig.

Schaue es dir noch einmal genau an, was ich machte. --> Einen Tick anders. Wenn du zufrieden bist, ist alles gut.

Viel Glück!

Re: Headergrafik (prosilver SE)

Verfasst: 29.07.2013 23:42
von Z-MANN
Talk19zehn hat geschrieben: Du nutzt im Portal die Klasse *)forabg für diese Module. Und diese ist bei dir dunkel. Da musst du schauen, was du da konzipiert hast. Deine jetzigen Änderungen haben m.E. damit nichts zu tun.
Der mittlere Block war bei mir schon immer *) dunkel und lesen kann man nix, - hm. Das musst du teils umstrukturieren. Das geht! Die Klasse forabg ist ein deinem Falle als Hintergrund teils ungeeignet. :wink:
Die Felder waren Hell unterlegt und ich weiß nicht was ich da verändert habe, war jednfalls keine Absicht!?
Jetzt frage ich mich wo ich das nur Rückgängig machen kann!?

Talk19zehn hat geschrieben:
Forum: sieht gut aus!! --- Naja du hast mehr gelöscht, - nämlich ein </div> mehr! Das geht natürlich auch! Nur "jetzt klebt" das Logo beinahe an der Navbar .... :wink: Das führt zu keinem Fehler, das ist richtig.

Schaue es dir noch einmal genau an, was ich machte. --> Einen Tick anders. Wenn du zufrieden bist, ist alles gut.

Viel Glück!
Wo finde ich das was du gemacht hast?