Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» [Invision] User Style Änderung - Code geht nichtvon Joost Heute um 8:49
» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
von Joost Mo 24 Jun 2024 - 17:20
» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52
» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26
» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35
» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49
» Nach Wartung Datenbankfehler
von Joost Mo 3 Jun 2024 - 12:34
» Wartung geplant Montag, 3. Juni 2024
von Joost So 2 Jun 2024 - 8:04
» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki So 12 Mai 2024 - 18:10
» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Skouliki in Lange Ladezeiten ( 2 )
» Beitrag von gnadenlos in Lange Ladezeiten
( 1 )
» Beitrag von Skouliki in Lange Ladezeiten
( 1 )
» Beitrag von Raine Kamiya in [phpBB2] Mystic - new beginning RPG
( 1 )
» Beitrag von Joost in Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
( 1 )
[phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
2 verfasser
Seite 1 von 1 • Teilen
[phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Ich wusste echt keine bessere Überschrift für mein Problem
Und zwar geht es um folgendes:
Mittels CSS-Eintrag
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 00scre11](https://i.servimg.com/u/f40/17/70/36/58/00scre11.png)
Bei den oberen Ecken wird ddie Außenlinie der Tabelle nicht angezeigt, und bei den unteren Ecken wird der Hintergrund, bei welchem es sich bloß um eine Hintergrundfarbe #0095FF handelt, nicht mit abgerundet, wodurch die abgerundete Außenlinie der Tabelle hier unterbrochen wird, egal welchen Pixelwert ich nehme. Wie kann ich da auch den Hintergrund entsprechend abrunden?
![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
Mittels CSS-Eintrag
- Code:
.bodyline {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
}
.forumline {
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
border-radius: 15px;
}
td.index, td.cat, td.catHead, td.catBottom, td.rowpic, .secondarytitle, .secondarytitle h2, th, .module-title, .catLeft, td.catSides {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10x 10px 10px;
border-radius: 10px;
}
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 00scre11](https://i.servimg.com/u/f40/17/70/36/58/00scre11.png)
Bei den oberen Ecken wird ddie Außenlinie der Tabelle nicht angezeigt, und bei den unteren Ecken wird der Hintergrund, bei welchem es sich bloß um eine Hintergrundfarbe #0095FF handelt, nicht mit abgerundet, wodurch die abgerundete Außenlinie der Tabelle hier unterbrochen wird, egal welchen Pixelwert ich nehme. Wie kann ich da auch den Hintergrund entsprechend abrunden?
Zuletzt von Mariofan13 am So 11 Nov 2012 - 10:26 bearbeitet; insgesamt 1-mal bearbeitet
Gast- Gast
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Wie wäre es, wenn du die Hintergrundfarbe einfach entfernst?
Die ist in dem Element hinter Forumline definiert.
Die ist in dem Element hinter Forumline definiert.
#Frank- Admin a.D.
-
Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Was meinst du mit "Element hinter forumline"?
ich weiß, wie ich den Hintergrund des Forums ausschalte- bei bodyline "Background-color: transparent" hinzufügen. Aber zu welcher Class gehört der Hintergrund der Forentabelle?
ich weiß, wie ich den Hintergrund des Forums ausschalte- bei bodyline "Background-color: transparent" hinzufügen. Aber zu welcher Class gehört der Hintergrund der Forentabelle?
Gast- Gast
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Ich habe von Günther gerade diesen Tip bekommen, was er dir wohl auch schon mal gesagt hat:
Günther schrieb:Ich hatte Mariofan bereits vor einiger Zeit schon mal gesagt, dass er die forumline in seinem Forum nicht einfach so abrunden kann.
Der Grund ist, dass diese bei ihm keinen Rahmen besitzt, sondern nur über den HTML-Wert cellspacing="1" der Eindruck eines Außenrahmens entsteht. Aber einen cellspacing-Wert kann man natürlich nicht abrunden und deshalb entsteht diese seltsame Anzeige.
Aus diesem Grund muss er zuerst der forumline überhaupt mal einen Rahmen zuweisen, bevor er diesen abrunden kann.
#Frank- Admin a.D.
-
Beiträge : 34614
Anmeldedatum : 13.08.08
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
ich habe nun im Template index_box die Rahmenlinien der Tabelle anzeigen lassen, indem ich den Wert 0 bei "Border" auf 1 änderte, und den Wert bei Cellspacing von 1 auf 0 geändert. Nun sehe ich den Rahmen der Tabelle, dennoch sehen die Abrundungen seltsam aus:
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 0000sc10](https://i.servimg.com/u/f40/17/70/36/58/0000sc10.png)
Auch eine zusätzliche Rahmenzuweisung im CSS ändert nichts![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 0000sc10](https://i.servimg.com/u/f40/17/70/36/58/0000sc10.png)
Auch eine zusätzliche Rahmenzuweisung im CSS ändert nichts
![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
Gast- Gast
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Wir haben uns besprochen und es ist für Frank in Ordnung, wenn ich hier noch meine Hintergrundgedanken kurz anspreche. ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Zunächst mal musst du im Template überhaupt nichts verändern, weil der cellspacing-Wert wichtig ist und du den Rahmen ggf. übers CSS definieren solltest, also in etwa so:
Stattdessen ist es auch möglich, einfach die betreffenden Zellen (inkl. der Forenicons) selbst abzurunden:
In diesem Fall würde das Ergebnis dann z.B. so aussehen:
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 11_11510](https://i.servimg.com/u/f49/13/29/54/75/11_11510.png)
Wenn du diesen Effekt auch auf andere forumline-Tabellen, wie z.B. die Startseitennachricht, anwenden möchtest, müsstest du diesen bestenfalls in den Templates eine zusätzliche Klasse zuweisen und sie dann mit einem passenden CSS-Eintrag ebenfalls dahingehend ansprechen. Daran musst du dich aber ggf. selbst versuchen, weil wir dir hier nur das Prinzip erklären.
Schau mal, ob du das verstehst und anwenden kannst. Wenn nicht, dann bleibt dir immer noch der Weg, dass du den Rahmen einfach nur sehr wenig abrundest und eine dickere Rahmenstärke wählst, sodass er auch relativ gut angezeigt wird.
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Zunächst mal musst du im Template überhaupt nichts verändern, weil der cellspacing-Wert wichtig ist und du den Rahmen ggf. übers CSS definieren solltest, also in etwa so:
- Code:
.forumline {
border: 1px solid #FF0000;
border-radius: 15px;
}
Stattdessen ist es auch möglich, einfach die betreffenden Zellen (inkl. der Forenicons) selbst abzurunden:
- Code:
.forumline tr:last-child .row3.over {
border-radius: 0 0 15px 0;
}
.forumline tr:last-child .row1:first-child, .forumline tr:last-child .row1:first-child img {
border-radius: 0 0 0 15px;
}
In diesem Fall würde das Ergebnis dann z.B. so aussehen:
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 11_11510](https://i.servimg.com/u/f49/13/29/54/75/11_11510.png)
Wenn du diesen Effekt auch auf andere forumline-Tabellen, wie z.B. die Startseitennachricht, anwenden möchtest, müsstest du diesen bestenfalls in den Templates eine zusätzliche Klasse zuweisen und sie dann mit einem passenden CSS-Eintrag ebenfalls dahingehend ansprechen. Daran musst du dich aber ggf. selbst versuchen, weil wir dir hier nur das Prinzip erklären.
Schau mal, ob du das verstehst und anwenden kannst. Wenn nicht, dann bleibt dir immer noch der Weg, dass du den Rahmen einfach nur sehr wenig abrundest und eine dickere Rahmenstärke wählst, sodass er auch relativ gut angezeigt wird.
Günther- Admin a.D.
-
Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
ich habe nun deinen CSS-Eintrag in meinem Forum eingesetzt, nun sieht es aber so aus:
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 0000sc11](https://i.servimg.com/u/f40/17/70/36/58/0000sc11.png)
Auch wenn ich einen Rahmen für .forumline im CSS definiere, sieht es nicht so aus, wie in Günthers Screenshot![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
eigentlich wollte ich ja, dass die Außenlinie abgerundet wird
Zudem sieht man diese "Abrundung" im Modul "nueste Themen" und bei der Startseitennachricht nur links, rechts nicht![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
Könnte man nicht irgendwie mittels CSS erzielen, dass der Rahmen VOR dem Hintergrund liegt, also wenn man ihn abrundet, den Hintergrund überschneidet?![scratch](https://2img.net/i/fa/i/smiles/icon_scratch.png)
![ecken abrunden - [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet 0000sc11](https://i.servimg.com/u/f40/17/70/36/58/0000sc11.png)
Auch wenn ich einen Rahmen für .forumline im CSS definiere, sieht es nicht so aus, wie in Günthers Screenshot
![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
eigentlich wollte ich ja, dass die Außenlinie abgerundet wird
![scratch](https://2img.net/i/fa/i/smiles/icon_scratch.png)
Zudem sieht man diese "Abrundung" im Modul "nueste Themen" und bei der Startseitennachricht nur links, rechts nicht
![Sad](https://2img.net/i/fa/i/smiles/icon_sad.gif)
Könnte man nicht irgendwie mittels CSS erzielen, dass der Rahmen VOR dem Hintergrund liegt, also wenn man ihn abrundet, den Hintergrund überschneidet?
![scratch](https://2img.net/i/fa/i/smiles/icon_scratch.png)
Gast- Gast
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Wie wäre es denn, wenn du meinen Beitrag genauer durchliest, selbst mal etwas darüber nachdenkst und herumprobierst?
Ein letztes Mal noch als Denkanstoß - so sieht der Eintrag aus, mit dem ich zu meinem Screenshot gekommen bin:
Und dazu...
Das Prinzip klappt einwandfrei, aber wenn du es nicht selbst nachvollziehen möchtest bzw. kannst und Eigeninitiative an den Tag legst, musst du auf solche Änderungen verzichten.
Ein letztes Mal noch als Denkanstoß - so sieht der Eintrag aus, mit dem ich zu meinem Screenshot gekommen bin:
- Code:
.forumline {
border: 1px solid #FF0000;
border-radius: 15px;
}
.forumline tr:last-child .row3.over {
border-radius: 0 0 15px 0;
}
.forumline tr:last-child .row1:first-child, .forumline tr:last-child .row1:first-child img {
border-radius: 0 0 0 15px;
}
Und dazu...
... habe ich dir bereits vorweg einen Hinweis gegeben:Mariofan13 schrieb:Zudem sieht man diese "Abrundung" im Modul "nueste Themen" und bei der Startseitennachricht nur links, rechts nicht
Du wirst eben auch in die Templates eingreifen müssen, um die entsprechenden Klassen zu ergänzen, und die CSS-Einträge auch für die anderen forumline-Tabellen anpassen müssen. Diese weiteren CSS-Codes musst du dir schon selbst erstellen.Günther schrieb:Wenn du diesen Effekt auch auf andere forumline-Tabellen, wie z.B. die Startseitennachricht, anwenden möchtest, müsstest du diesen bestenfalls in den Templates eine zusätzliche Klasse zuweisen und sie dann mit einem passenden CSS-Eintrag ebenfalls dahingehend ansprechen. Daran musst du dich aber ggf. selbst versuchen, weil wir dir hier nur das Prinzip erklären.
Das Prinzip klappt einwandfrei, aber wenn du es nicht selbst nachvollziehen möchtest bzw. kannst und Eigeninitiative an den Tag legst, musst du auf solche Änderungen verzichten.
Günther- Admin a.D.
-
Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Ich hatte den Code vorhin genauso ins CSS eingesetzt, es hat aber nicht funktionert, jetzt funktioniert es aber ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Gast- Gast
Re: [phpBB2]Abgerundete Ecken, "Hintergrund" wird nicht mitabgerundet
Nein, das hattest du nicht. Ich habe nebenbei mitverfolgt, welche Veränderungen du vorgenommen hattest.
Aber nun bist du zum Wunschergebnis gekommen, damit ist dieses Thema auch erledigt.
Du kannst dich mit der Umsetzung persönlich auseinandersetzen und versuchen, ob es dir gelingt, diesen Effekt über die Templates (zusätzliche Klassenzuweisungen...) auch auf andere forumline-Tabellen anzupassen. Das nötige Werkzeug hättest du nun bei der Hand.
Können wir hier abschließen?
Aber nun bist du zum Wunschergebnis gekommen, damit ist dieses Thema auch erledigt.
Du kannst dich mit der Umsetzung persönlich auseinandersetzen und versuchen, ob es dir gelingt, diesen Effekt über die Templates (zusätzliche Klassenzuweisungen...) auch auf andere forumline-Tabellen anzupassen. Das nötige Werkzeug hättest du nun bei der Hand.
Können wir hier abschließen?
Günther- Admin a.D.
-
Beiträge : 15349
Anmeldedatum : 16.07.08
![-](https://2img.net/i/empty.gif)
» Links abgerundete Ecken & Rechts abgerundete Ecken vergrößer und als Rahmen ...
» [phpBB2] Abgerundete Ecken
» [phpbb2] Abgerundete Ecken Farbe?
» [phpBB2] Abgerundete Ecken bei den Kategorien
» [phpBB2][Abgerundete Ecken]Thementitel-Hintergrundbild Anzeigefehler?
» [phpBB2] Abgerundete Ecken
» [phpbb2] Abgerundete Ecken Farbe?
» [phpBB2] Abgerundete Ecken bei den Kategorien
» [phpBB2][Abgerundete Ecken]Thementitel-Hintergrundbild Anzeigefehler?
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten