Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.
von derforumde Heute um 18:19

» Das Plauderforum ist zurück!
von Eto Mo 25 Nov 2024 - 17:59

» Style-Wechsel funktioniert nicht mehr
von Miho Mo 25 Nov 2024 - 11:05

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von 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

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )


» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )


[phpBB2] Module Ecken abrunden

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Module Ecken abrunden

Beitrag von Lios Di 12 März 2013 - 4:21

Hallü,

ich bin nun auf der suche für einen Code um die Module an 2 Ecken abzurunden.
Habe zwar in meinem Testforum ( http://momori-no-desu.go-forum.net/ ) ein Design drin, wo dies schon vorhanden ist, jedoch ist mir da zu viel CSS und ich finde irgendwie den Code nicht dafür.
Man erkennt, das alle Bereiche Abgerundet sind, was ich aber nicht möchte.

Habe durch paar Themen die mit "Abgerundeten Ecken" geschaut, doch irgendwie hat es nicht so wirklich funktioniert.

Ich bitte um Hilfe.

gute Nacht oder morgen, je nach dem.

lg Lios


Zuletzt von Lios am Di 12 März 2013 - 13:05 bearbeitet; insgesamt 1-mal bearbeitet
Lios
Lios
Meister
Meister

Weiblich Beiträge : 263
Anmeldedatum : 16.04.11
1.Verwarnung
Mozilla Firefox phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von LouiXIV Di 12 März 2013 - 10:30

Den Code, der dafür verantwortlich ist siehst du hier:
Code:
.forumline {
    background: url("http://img17.imageshack.us/img17/2504/carr1y.png") repeat scroll left top transparent;
    border: 5px double #C79A92;
    border-radius: 3px 30px 3px 30px;
    font-family: helvetica;
    font-size: 11px;
    margin: 10px auto;
    max-width: 1200px;
    overflow: auto;
    padding: 4px;
}
Dabei entscheidend ist die Zeile
Code:
border-radius: 3px 30px 3px 30px;
Hier werden die Radien der Ecken definiert.

Aber dieser Code wirkt sich auf alle Felder aus, nicht nur auf die Module.
Ob du die Module alleine per CSS definieren kannst oder ob du dafür die Templates anpassen musst, kann ich dir leider nicht sagen.
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von Lios Di 12 März 2013 - 12:56

Danköö, hm..den Code eingefügt..nun sieht das Forum bescheiden aus^^"
Also welches ich bearbeiten will:

http://curst-city-rpg.forumieren.com/
Lios
Lios
Meister
Meister

Weiblich Beiträge : 263
Anmeldedatum : 16.04.11
1.Verwarnung
Mozilla Firefox phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von LouiXIV Di 12 März 2013 - 13:01

So bescheiden, finde ich, sieht es gar nicht aus. Ist aber Geschmacksache ....

Du kannst ja ein wening mit den Farben, der Ramenbreite, den Radius-Grössen herumexperimentieren, bis es dir gefällt.

Zumindest weisst du jetzt welchen Code du anpassen musst.
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von Lios Di 12 März 2013 - 13:05

Jap^^ dann teste ich mall weiter, danke dir für die schnelle Hilfe^^.
Lios
Lios
Meister
Meister

Weiblich Beiträge : 263
Anmeldedatum : 16.04.11
1.Verwarnung
Mozilla Firefox phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von Günther Di 12 März 2013 - 13:36

Da du hier das Erledigt-Icon gesetzt hast, werde ich nun schließen. Smile

Dazu aber noch kurz:
LouiXIV schrieb:Ob du die Module alleine per CSS definieren kannst oder ob du dafür die Templates anpassen musst, kann ich dir leider nicht sagen.
Unter BB2 können die Indexmodule mit diesem Eintrag unter
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"
gesondert abgerundet werden, ohne die weiteren forumline-Tabellen anzusprechen:
Code:
#left .forumline, #right .forumline {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
Wird die Standardaufstellung der Module verwendet und die Gestaltung wirkt sich so aus, dass die Abrundung des Außenrahmens alleine nicht ausreicht, dann muss der Code folgendermaßen eingesetzt werden:
Code:
#left .forumline, #right .forumline {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#left .catLeft, #right .catLeft {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
#left .row1, #right .row1 {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
Dadurch werden auch die Kopfzeile und die Inhalts-Zelle der Module mit abgerundet.
Wer den Code nicht manuell anpassen möchte, kann z.B. auch einen Generator verwenden: http://border-radius.com/

-closed-
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten