Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

[phpBB2] Module Ecken abrunden

3 verfasser

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.forumotion.com/ ) 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
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 138
Browser : Firefox
Anmeldedatum : 16.04.11

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 Anzahl der Beiträge : 5209
Hinweis : "Die Zensur ist die schändlichere von zwei Schwestern. Die ältere heißt Inquisition. Die Zensur ist das lebendige Eingeständnis der Herrschenden, daß sie nur verdummte Sklaven treten, aber keine freien Völker regieren können." - Johann Nepomuk Nestroy

Browser : Firefox
Anmeldedatum : 22.03.09

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
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 138
Browser : Firefox
Anmeldedatum : 16.04.11

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 Anzahl der Beiträge : 5209
Hinweis : "Die Zensur ist die schändlichere von zwei Schwestern. Die ältere heißt Inquisition. Die Zensur ist das lebendige Eingeständnis der Herrschenden, daß sie nur verdummte Sklaven treten, aber keine freien Völker regieren können." - Johann Nepomuk Nestroy

Browser : Firefox
Anmeldedatum : 22.03.09

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
Lehrling
Lehrling

Weiblich Anzahl der Beiträge : 138
Browser : Firefox
Anmeldedatum : 16.04.11

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
Administrator
Administrator

Männlich Anzahl der Beiträge : 15068
Browser : Firefox
Anmeldedatum : 16.07.08

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben

- Ähnliche Themen

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