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
» [Klassische Version] Account löschen
von Joost Heute um 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

» Eigene Bildergalerie entfernen
von Skouliki Di 17 Sep 2024 - 11:13

» Neu: Grid layout-Design für AwesomeBB und ModernBB
von Joost Fr 16 Aug 2024 - 7:44

» [Invision] Profil Drop Down verschoben
von Skouliki Sa 20 Jul 2024 - 17:01

» [Invision] Erklärung PWA Aktivierung + Mobile Version Problem
von Skouliki Do 18 Jul 2024 - 23:47

» [Invision] Beschreibung der Kategore einfügen
von Joost Mi 17 Jul 2024 - 8:52

» [Invision] Gefällt mir Button erscheint nicht
von Joost Mo 15 Jul 2024 - 18:14

» Goldhauch´s Plauderforum
von Joost Fr 12 Jul 2024 - 19:34

» [Invision] User Style Änderung - Code geht nicht
von Skouliki Do 11 Jul 2024 - 23:03

» [PunBB] Forum aufsplitten/teilen - ist das möglich?
von Joost Mi 10 Jul 2024 - 17:46

» 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

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Grid-Layout für alle Forumversionen verfügbar
( 1 )


» Beitrag von Joost in [phpBB2] Admin Passwort nicht korrekt
( 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