Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

[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
avatar
Lios
Lehrling
Lehrling

Weiblich Beiträge : 199
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
2. Verwarnung
Firefox phpBB2

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.
avatar
LouiXIV
Kaiser
Kaiser

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

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/
avatar
Lios
Lehrling
Lehrling

Weiblich Beiträge : 199
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
2. Verwarnung
Firefox phpBB2

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.
avatar
LouiXIV
Kaiser
Kaiser

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

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^^.
avatar
Lios
Lehrling
Lehrling

Weiblich Beiträge : 199
Hinweis : Geht mir niemals auf den Geist!
Anmeldedatum : 16.04.11
2. Verwarnung
Firefox phpBB2

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-
avatar
Günther
Admin a.D.
Admin a.D.

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

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