Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblemvon Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
» [Klassische Version] Gründer/Admin Passwort vergessen / Forum löschen
von Skouliki Di 17 Sep 2024 - 11:14
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
[phpBB3] Image im Border einfügen
3 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
[phpBB3] Image im Border einfügen
Hallo, brauche eine kleine CSS Hilfe. Wie im folgenden Bild habe ich die Ecken bereits selbst einfügen können, hab aber keine(n) Code(s) gefunden wo ich für jede Seite (oben, unten, rechts, links) extra ein Bild einfügen kann, der die Ecken miteinander verbindet, sodass ein Rahmen entsteht.
Vielen Dank schonmal.
- Spoiler:
Vielen Dank schonmal.
Nocturnis- Lehrling
- Beiträge : 10
Anmeldedatum : 21.09.14
Re: [phpBB3] Image im Border einfügen
Ich denke mal, das das so sowiso nichts wird, da je nach Bildschirmauflösung, sich die Breite dieses Feldes ändert.
Das Einzige was wirklich gehen sollte, ist das du mittels CSS einen Rahmen mit abgerundeten Ecken einsetzt.
Der kommt dann ohne Grafiken aus und würde auch bei allen Auflösungen vernünftig angezeigt werden.
Was hast du denn bis jetzt für dieses Ergebnis in dein CSS eingesetzt?
Das Einzige was wirklich gehen sollte, ist das du mittels CSS einen Rahmen mit abgerundeten Ecken einsetzt.
Der kommt dann ohne Grafiken aus und würde auch bei allen Auflösungen vernünftig angezeigt werden.
Was hast du denn bis jetzt für dieses Ergebnis in dein CSS eingesetzt?
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB3] Image im Border einfügen
Ginge das nicht mit einer repeat Funktion, dass sich der Rahmen dann je nach Breite und Höhe anpasst? Ansonsten werd ich wohl auf die Alternativlösung ausweichen.
Bisher hatte ich das hier verwendet:
Bisher hatte ich das hier verwendet:
- Code:
span.corners-top {
background-image: url("http://i39.servimg.com/u/f39/18/99/97/52/block_15.gif");
}
span.corners-bottom{
background-image: url("http://i39.servimg.com/u/f39/18/99/97/52/block_17.gif");
}
span.corners-top span {
background-image: url("http://i39.servimg.com/u/f39/18/99/97/52/block_16.gif");
}
span.corners-bottom span {
background-image: url("http://i39.servimg.com/u/f39/18/99/97/52/block_14.gif");
}
Nocturnis- Lehrling
- Beiträge : 10
Anmeldedatum : 21.09.14
Re: [phpBB3] Image im Border einfügen
Hallo,
dein CSS-Code bewirkt nichts anderes, als diese Grafiken auszutauschen:
AB -> Anzeige -> Bilder & Farben -> Bilderverwaltung (Fortgeschrittene Methode)
Links abgerundete Ecken
Rechts abgerundete Ecken
Dazu wäre also nicht mal ein CSS-Code nötig, sondern das geht über die Bilderverwaltung. Aber erstens werden diese Ecken jetzt überall im Forum agzeigt, was natürlich nicht gut aussieht - schau mal im Index:
http://nocturnis.forumieren.net/
Und zweitens hat dir Frank schon gesagt, wie man einen dynamischen Rahmen mit CSS erstellt:
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/%C3%A4u%C3%9Fere_Gestaltung/Rahmen/border
Spezielle Effekte:
http://border-radius.com/
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/%C3%A4u%C3%9Fere_Gestaltung/box-shadow
Damit erreichst du perfekte Rahmen mit CSS, die schnell geladen und gerendert werden und sich immer anpassen.
Deine Idee über wiederholende Hintergrundbilder ist nicht sinnvoll und noch dazu bei einem solchen Rahmen, wie deine Ecken aussehen, nicht nötig - das bekommst du besser mit CSS hin als mit einer Grafik.
dein CSS-Code bewirkt nichts anderes, als diese Grafiken auszutauschen:
AB -> Anzeige -> Bilder & Farben -> Bilderverwaltung (Fortgeschrittene Methode)
Links abgerundete Ecken
Rechts abgerundete Ecken
Dazu wäre also nicht mal ein CSS-Code nötig, sondern das geht über die Bilderverwaltung. Aber erstens werden diese Ecken jetzt überall im Forum agzeigt, was natürlich nicht gut aussieht - schau mal im Index:
http://nocturnis.forumieren.net/
Und zweitens hat dir Frank schon gesagt, wie man einen dynamischen Rahmen mit CSS erstellt:
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/%C3%A4u%C3%9Fere_Gestaltung/Rahmen/border
Spezielle Effekte:
http://border-radius.com/
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/%C3%A4u%C3%9Fere_Gestaltung/box-shadow
Damit erreichst du perfekte Rahmen mit CSS, die schnell geladen und gerendert werden und sich immer anpassen.
Deine Idee über wiederholende Hintergrundbilder ist nicht sinnvoll und noch dazu bei einem solchen Rahmen, wie deine Ecken aussehen, nicht nötig - das bekommst du besser mit CSS hin als mit einer Grafik.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB3] Image im Border einfügen
Ja, das mit den Ecken hatte ich hinterher gemerkt, es dann aber so belassen, statt sie erneut über die Bilderverwaltung einzufügen.
Genau aber dort wo die Ecken zu sehen sind, wollte ich allerdings auch jeweils einen Rahmen haben. Wo ich den CSS-Code für die Beiträge einzufügen habe, weiß ich, nicht aber für Themen, Kategorie und Navi.
Genau aber dort wo die Ecken zu sehen sind, wollte ich allerdings auch jeweils einen Rahmen haben. Wo ich den CSS-Code für die Beiträge einzufügen habe, weiß ich, nicht aber für Themen, Kategorie und Navi.
Nocturnis- Lehrling
- Beiträge : 10
Anmeldedatum : 21.09.14
Re: [phpBB3] Image im Border einfügen
Bei einem CSS-border sind natürlich auch Ecken enthalten. Wenn du möchtest, sogar abgerundete (border-radius).Nocturnis schrieb:Genau aber dort wo die Ecken zu sehen sind, wollte ich allerdings auch jeweils einen Rahmen haben.
Du erstellst mit Firebug die CSS-Codes und fügst sie, wie üblich, dort ein:Nocturnis schrieb:Wo ich den CSS-Code für die Beiträge einzufügen habe, weiß ich, nicht aber für Themen, Kategorie und Navi.
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB3] Image im Border einfügen
Die Lösung ist tatsächlich besser ... vielen Dank ^^
Ich komme mir immer sehr lästig vor, so einfache Fragen zu stellen ...
Ich komme mir immer sehr lästig vor, so einfache Fragen zu stellen ...
Nocturnis- Lehrling
- Beiträge : 10
Anmeldedatum : 21.09.14
Ähnliche Themen
» [PunBB] Border einfügen?
» [PunBB] Border einfügen? (Hab was vergessen)
» [phpBB2] Image ganz unten einfügen
» [phpBB3] Beitrag border bzw. umradung
» [phpBB3] (nur) Forentitel mit einem Border-bottom auszustatten
» [PunBB] Border einfügen? (Hab was vergessen)
» [phpBB2] Image ganz unten einfügen
» [phpBB3] Beitrag border bzw. umradung
» [phpBB3] (nur) Forentitel mit einem Border-bottom auszustatten
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten