Lexi Help
Partner
www.forumieren.com

[phpBB2] Module Ecken abrunden

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Module Ecken abrunden

Beitrag von Lios am 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
Lehrling
Lehrling

Weiblich Beiträge : 183
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von LouiXIV am 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
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von Lios am 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
Lehrling
Lehrling

Weiblich Beiträge : 183
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von LouiXIV am 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
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

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

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

Lios
Lehrling
Lehrling

Weiblich Beiträge : 183
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Module Ecken abrunden

Beitrag von Günther am 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
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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