Meistens kommt es anders als man denkt - Weihnachts-Styleversuch

[Joyce&Luna]

Du kannst auch mal dieses versuchen

Code: Alles auswählen

<img onmouseover="Javascript: this.firstsrc= this.getAttribute('src'); this.secondsrc= '{URL2}'; this.setAttribute('src',this. secondsrc);" alt="" onmouseout="Javascript: this.setAttribute ('src',this.firstsrc);" src="{URL1}" />

Selber habe das nicht getestet, aber als BBCode funktioniert er Prima. Bild sollte aber gleiche Größe haben.

[Tastenplayer]

Selber habe das nicht getestet, aber als BBCode funktioniert er Prima. Bild sollte aber gleiche Größe haben.

Meinst Du das normale sowie das Hoverbild? Wo genau muss dieser Code hin? Ich nehm mal an in der Overall_header nur wo genau?

[Joyce&Luna]

Ja als Ersatz für das Logobild.

Wie das ganze funktioniert, siehst du hier in der Demo. Einfach mit der Maus drauf gehen https://phpbb-style-design.de/bbcodedemo/10/

Anke

[Tastenplayer]

Versuch ich am Sonntag mal - allerdings ist das Problem eben, dass das normale Bild immer stimmt - das Hoverbild jedoch nicht ganz. Denn bei dem normalen bild spielt Höhe und Breite nicht so eine grosse Rolle - beim Hoverbild jedoch sieht es doof aus, wenn es nicht über die ganze Breite angezeigt wird. Da besteht eben das Problem. Habe jetzt mal ein anderes Hoverbild installiert. Obwohl das Erste ganz klar, das beste Bild ist! Damit es jedoch mit dem Bild möglich wäre, werden um die 6 Bilder benötigt. Das finde ich irgendwie doof.

[ externes Bild ] Allerdings muss man bei diesem Hoverbild zwingend im Copyright den Link dazu setzen.

Code: Alles auswählen

<img onmouseover="Javascript: this.firstsrc= this.getAttribute('src'); this.secondsrc= '{URL2}'; this.setAttribute('src',this. secondsrc);" alt="" onmouseout="Javascript: this.setAttribute ('src',this.firstsrc);" src="{URL1}" />

betreffend diesem Code bleibt abzuwarten, ob das auch mit dem Header funktioniert. Mein Bild ist ja kein Logo, denn sonst würde die Searchbox aus dem Bild entschwinden. Die jedoch soll zwingend an ihrem normalen Prosilverstyle Platz bleiben(Jetzt wärs ziemlich gut mit dem Responsiven. Allerdings mit 6Header und 6Header_hover Bilder Zudem stimmt das Bild zwar bei 768x1024px nicht jedoch bei 1024x768) Kann sein, dass ich das nie ganz hinbekomme, ist einfach ziemlich schwierig. Für die Telefone hat es jetzt ein komplett anderes Bild [ externes Bild ][ externes Bild ]

Mit diesem, soeben gefundenen Bild, würde es in jeder Auflösung gut aussehen. Ohne irgendwelche responsive Einstellungen. Nur finde ich es zu dem Style nicht gerade so passend - ziemlich düster, oder??? [ externes Bild ] Hier noch das ganze Header_hoverbild [ externes Bild ] frei für kommerzielle Nutzung wäre es auch.

Jetzt scheint es in jedem Gerät einigermassen okay auszusehen. Habe wieder das Village Hoverbild genommen - soll ja modern sein. Vermutlich würde es noch zwei Bilder benötigen. Denn was ist, wenn einer die Seite nicht voll öffnet. Jetzt 4 Header- und 4 Hoverbilder. Mal sehen ob es nicht irgendwie anders hinzubekommen ist, sonst lade ich den wohl doch mal hoch. Klickbar ist der Header jetzt auch wieder. Muss dann noch die Bilder aussortieren(hat mittlerweile um die 40Headerbilder im Style) und alles nochmals kontrollieren, vor allem die diversen Ext. Anpassungen.
Jeden Tag ein anderes Headerbild wäre wohl schon machbar. Jedoch jeden Tag ein anderes Hover-Headerbild eher nicht! Selbst mit dem Headerbild dürfte es ziemlich kompliziert werden. Etliche sehen ziemlich doof aus, wenn es oben und unten dicken Rand hat. Was eben auch der Fall ist, wenn das Bild sich automatisch verkleinert. [ externes Bild ]
Die Hoverbilder [ externes Bild ]

Wenn man denkt der Style sei fertig, findet man bestimmt noch einen Fehler. Das kommt davon, wenn man sich nie einloggen muss. Das Quicklogin war überhaupt nicht zu sehen.
Jetzt habe ich das Problem, dass die Farbe für fieldset.quick-login a nicht angenommen wird, warum auch immer. Wäre auch kein Problem würde der Quicklogin Teil wie in meinen anderen Styles gleich dargestellt werden, so wie ein Forum. Nur wie mache ich das? Habe den ganzen Tag meine Styles unter die Lupe genommen und geändert, aber es wird nie so wie ein Forum angezeigt?

[Joyce&Luna]

Vergebe da einfach mal ein color: #000; oder eben deine Farbe die du da haben willst.

[Tastenplayer]

Vergebe da einfach mal ein color: #000; oder eben deine Farbe die du da haben willst.

habe ich doch

Code: Alles auswählen

fieldset.quick-login a {
	color: #f4f4f4 !important;
}

Angezeigt wird trotzdem das Dunkelgrau!

Ausserdem soll es wie ein Forum aussehen: [ externes Bild ]In allen anderen Styles ist das auch so(siehe unteres Bild) Ansonsten stimmen die Socialbuttons hinten und vorne nicht. Im Xmas Style wird nur der Punkt angezeigt. Anmeldung sowie Registrierung ist nicht zu erkennen Allerdings soll es ja eben wie ein Forum aussehen, dann würde die Farbe sowieso wieder stimmen.

[Joyce&Luna]

Suche mal das in der colours.css

Code: Alles auswählen

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

Gebe dort color an.

Bevor wir hier aneinander vorbei reden. Du meinst die Schriftfarbe wenn man sich anmelden möchte?!

Anke

[Tastenplayer]

Ich meine den Titel Anmeldung . Registration (Angezeigt wird da nur der Punkt)

Code: Alles auswählen

Anmelden  •  Registrieren

Wir reden irgendwie schon aneinander vorbei Es soll wie ein Forum aussehen, was einfach nicht klappt.

So soll es aussehen: [ externes Bild ] (sieht im Black-silver-split, im MyTaste sowie im Keyboard genauso aus!
Das wäre bei mir das [ externes Bild ]
Jedoch so sieht es aus bei mir momentan [ externes Bild ]

[Joyce&Luna]

Ach das meinst du.
Gut das ich gefragt habe, das hatten wir ja schon paar mal

Man könnte das per html machen.
öffne die index_body.html

Suche das

Code: Alles auswählen

						<dl id="icon">
							<dt><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></dt>

und ersetze es damit

Code: Alles auswählen

						<dl id="icon">
							<dt><a href="{U_LOGIN_LOGOUT}"style="color:#fff">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}"style="color:#fff">{L_REGISTER}</a><!-- ENDIF --></dt>

[Tastenplayer]

Ja gut, dann wäre das Farbenproblem behoben.

Ändert aber nichts daran, dass es nicht aussieht wie es soll! Wie mache ich das, dass es eben wie der Forabg aussieht und die Login Sachen im Kasten sind wie auf dem Bild - eben wie ein Forum. Das versuche ich die ganze Zeit zu machen.

Mittlerweile sieht es so aus [ externes Bild ] sollte aber aussiehen wie weiter oben im Bild Kategorie 1

Ich vermute mal schwer, dass das in irgend einer html Datei geändert werden müsste. Ich hatte das jetzt mal beim Headerspace geändert. Wie man sieht mit minimalem Erfolg

Code: Alles auswählen

.headerspace{
	background-color: #f0f0f0;	
	background-image: url("./images/forabg.png");
	background-repeat: repeat-x;
	border: 1px solid #f4f4f4;
	border-top: none;
	border-radius:  2px;
	margin-bottom: 20px;
	padding-top: 40px;
	font-family: Arial;
    color: #3c3c3c;
    font-size: 1.1em;
    font-weight: bold;
}

Allerdings ist es ja im Black-silver-split auch so, mit dem Login. Eben wie ein Forum. Nur ich komm nicht dahinter was ich ändern muss. Hab nichts gefunden. In keiner Datei hat es was anderes, als ich jetzt im Style habe. Deshalb vermute ich, dass es in einer html Datei geändert werden muss.