You are not logged in.

[WBB 3.1.x] Abrunden von verschiedenen Bereichen

blue fire

Member

  • "blue fire" started this thread

Posts: 297

  • Send private message

1

Thursday, February 16th 2012, 8:36pm

Abrunden von verschiedenen Bereichen

Hallo,
Ich möchte gerne diesen Bereich abrunden.


Statistik:
2 Mitglieder - 8 Themen - 18 Beiträge (1,38 Beiträge pro Tag)
Unser neuestes Mitglied heißt: ...

Wie geht das?

Zudem möchte ich den WoltLab Copyright abrunden bzw in einen extra Runden Kasten setzen.
Änlich wie beim Pure Chrome Stil.
Mit freundlichen Grüßen
blue fire

Harry.Fox

Member

  • "Harry.Fox" is male

Posts: 386

Location: Düsseldorf

Occupation: Beamter

  • Send private message

2

Saturday, February 18th 2012, 1:12am

Die dafür nötigen CSS-Befehle sind:

Cascading style sheet

 
1
2

-moz-border-radius:30px;
-khtml-border-radius:30px;

Wobei 30px schon eine starke Rundung ergeben, da musst du dich rantasten.

Allerdings sind das CSS3-Deklarationen, die nur von den aktuellen Browsern angezeigt werden. Ältere Versionen der Browser können das nicht und der InternetExplorer kann es auch in der aktuellen Version nicht.
Gruß
Harry.Fox

Wer einen Tippfehler findet, darf ihn behalten!

This post has been edited 1 times, last edit by "Harry.Fox" (Feb 18th 2012, 1:34am)

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,840

  • Send private message

3

Saturday, February 18th 2012, 1:21am

Quoted from "Harry.Fox"

Allerdings sind das CSS3-Deklarationen, die nur von den aktuellen Browsern angezeigt werden. Ältere Versionen der Browser können das nicht und der InternetExplorer kann es auch in der aktuellen Version nicht.
Alles falsch. ;)
Die von dir genannten Befehle haben noch Präfixe für ältere Browserversionen, finales CSS3 hat diese nicht. Außerdem werden diese Rundungen auch schon in Browserversionen angezeigt, die ein Jahr alt sind oder älter. Auch der aktuelle Internet Explorer 9 zeigt diese an, sofern er im entsprechenden Modus läuft.
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

Harry.Fox

Member

  • "Harry.Fox" is male

Posts: 386

Location: Düsseldorf

Occupation: Beamter

  • Send private message

4

Saturday, February 18th 2012, 1:33am

Oha wieder was gelernt. Wie schnell doch Wissen veraltet. Wie ist die Syntax denn nun richtig?
Gruß
Harry.Fox

Wer einen Tippfehler findet, darf ihn behalten!

Alexander Ebert

WoltLab Developer

  • "Alexander Ebert" is male

Posts: 4,772

Location: Berlin

  • Send private message

5

Saturday, February 18th 2012, 1:47am

Cascading style sheet

 
1

border-radius: 5px;
Alexander Ebert
Developer WoltLab® GmbH

Fr33chen

Member

Posts: 705

  • Send private message

6

Saturday, February 18th 2012, 2:06am

Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Ganz vollständig sieht das ganze übrigens so aus:

Cascading style sheet

 
1
2
3
4
5

-moz-border-radius:30px; /* Firefox */ 
-webkit-border-radius:30px; /* Safari/Chrome */ 
-khtml-border-radius:30px; /* Linux */
-o-border-radius:30px; /* Opera */
border-radius:30px; /* CSS3 */

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,840

  • Send private message

7

Saturday, February 18th 2012, 9:38am

Quoted from "Fr33chen"

Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Was ist bitte nicht valide?
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

blue fire

Member

  • "blue fire" started this thread

Posts: 297

  • Send private message

8

Saturday, February 18th 2012, 10:01am

Bei Safari unter iOS funktionniert es nicht.
Ich habe alle CSS Befehle genutzt.
Mit freundlichen Grüßen
blue fire

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,840

  • Send private message

9

Saturday, February 18th 2012, 11:09am

Dann hast du etwas falsch gemacht, denn die Rendering-Engine ist hier zum normalen Safari fast identisch und kann das auch problemlos darstellen.
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

blue fire

Member

  • "blue fire" started this thread

Posts: 297

  • Send private message

10

Saturday, February 18th 2012, 3:38pm

Es wird nicht gerundet.
Es bleibt eckig.
Also geht es nicht.
Ich habe es herauskopiert und es geht nichts.
Mit freundlichen Grüßen
blue fire

norse

Member

Posts: 8,575

  • Send private message

11

Saturday, February 18th 2012, 3:43pm

Quoted from "blue fire"

Ich habe es herauskopiert und es geht nichts.

Hast Du auch das richtige Element angesprochen oder etwa nur die bisher geposteten reinen Anweisungen ausprobiert?




Gruß norse

blue fire

Member

  • "blue fire" started this thread

Posts: 297

  • Send private message

12

Saturday, February 18th 2012, 3:57pm

Ich habe alle verwendet.
Es ist nicht abgerundet.
Mit freundlichen Grüßen
blue fire

norse

Member

Posts: 8,575

  • Send private message

13

Saturday, February 18th 2012, 4:37pm

Dann poste hier doch bitte mal, was genau Du in Dein zusätzliches CSS eingetragen hast.




Gruß norse

blue fire

Member

  • "blue fire" started this thread

Posts: 297

  • Send private message

14

Saturday, February 18th 2012, 4:52pm

Quoted from "Fr33chen"


Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Ganz vollständig sieht das ganze übrigens so aus:








Cascading Style Sheet




1
2
3
4
5



-moz-border-radius:30px; /* Firefox */
-webkit-border-radius:30px; /* Safari/Chrome */
-khtml-border-radius:30px; /* Linux */
-o-border-radius:30px; /* Opera */
border-radius:30px; /* CSS3 */





Quoted from "Alexander Ebert"










Cascading Style Sheet




1



border-radius: 5px;







Diese habe ich benutzt.
Mit freundlichen Grüßen
blue fire

Fr33chen

Member

Posts: 705

  • Send private message

15

Saturday, February 18th 2012, 5:01pm

Quoted from "Black Rider"

Quoted from "Fr33chen"

Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Was ist bitte nicht valide?
Der CSS-Validator meldet, dass die Browser-bezogenen Rundungen unter CSS 2.1 nicht vorhanden sind und damit nicht valide sind:

Quoted from "Fr33chen"

Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Ganz vollständig sieht das ganze übrigens so aus:

Cascading style sheet

 
1
2
3
4
5

-moz-border-radius:30px; /* Firefox */ 
-webkit-border-radius:30px; /* Safari/Chrome */ 
-khtml-border-radius:30px; /* Linux */
-o-border-radius:30px; /* Opera */
border-radius:30px; /* CSS3 */
"Valide" ist so gesehen nur letzteres - bei Verwendung von CSS 3.

Das es trotzdem "sauber" gecodet ist, ist eine andere Sache ;)

lg

norse

Member

Posts: 8,575

  • Send private message

16

Saturday, February 18th 2012, 5:04pm

Willst Du mich nicht verstehen oder hast Du wirklich überhaupt keine Vorstellung davon, wie eine funktionierende CSS-Anweisung aussieht?

Du hast jetzt nicht ernsthaft Zeilenangaben, Begriffe wie Cascading Style Sheet etc. dort verwendet, ohne auch nur irgendeine Id oder Klasse anzusprechen?

Du solltest Dich dringend mit der in CSS verwndeten Syntax auseinandersetzen, bevor Du weitere Versuche unternimmst.




Gruß norse

blue fire

Member

  • "blue fire" started this thread

Posts: 297

  • Send private message

17

Saturday, February 18th 2012, 5:08pm

Quoted from "Fr33chen"





Zitat von »Black Rider«






Zitat von »Fr33chen«



Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Was ist bitte nicht valide?
Der CSS-Validator meldet, dass die Browser-bezogenen Rundungen unter CSS 2.1 nicht vorhanden sind und damit nicht valide sind:


Zitat von »Fr33chen«



Wobei dies eben gemäß verwendeten CSS-Stil nicht valide ist.
Ganz vollständig sieht das ganze übrigens so aus:








Cascading Style Sheet




1
2
3
4
5



-moz-border-radius:30px; /* Firefox */
-webkit-border-radius:30px; /* Safari/Chrome */
-khtml-border-radius:30px; /* Linux */
-o-border-radius:30px; /* Opera */
border-radius:30px; /* CSS3 */





"Valide" ist so gesehen nur letzteres - bei Verwendung von CSS 3.

Das es trotzdem "sauber" gecodet ist, ist eine andere Sache

lg


Das geht auch nicht.
Keine Veränderung.
Mit freundlichen Grüßen
blue fire

norse

Member

Posts: 8,575

  • Send private message

18

Saturday, February 18th 2012, 5:16pm

Liest Du überhaupt, was man hier schreibt oder dient das Thema nur noch dazu, völlig unbrauchbare Zitate einzustellen?

CSS-Code kannst Du hier mit Hilfe dieser Schaltfläche im Editor darstellen.

Außerdem frage ich jetzt zum letzten Mal: Welche Klassen und/oder IDs sprichst Du an?




Gruß norse

Harry.Fox

Member

  • "Harry.Fox" is male

Posts: 386

Location: Düsseldorf

Occupation: Beamter

  • Send private message

19

Saturday, February 18th 2012, 5:27pm

Also ich glaube auch, dass hier grundkentnisse fehlen. Aber da waren wir doch alle mal...

Für die Statistik solltest du in deine CSS-Deklarationen eintragen:

Cascading style sheet

 
1
2
3

div.infoBoxStatistics {
border-radius:30px; 
}


Wie gesagt, die 30px sind evtl. etwas viel, aber man sieht erstmal, ob es geht.

Gruß
HarryFox
Gruß
Harry.Fox

Wer einen Tippfehler findet, darf ihn behalten!

Black Rider

Moderator

  • "Black Rider" is male

Posts: 26,840

  • Send private message

20

Saturday, February 18th 2012, 6:30pm

Quoted from "Harry.Fox"

Aber da waren wir doch alle mal...
Aber es waren sicherlich nicht alle so begriffsstutzig und wenn man etwas möchte, dann muss man sich eben auch selbst etwas beibringen. CSS hat gewisse Regeln, die man zuhauf im Internet nachlesen kann. Selbst die entsprechende Seite auf Wikipedia mit der richtigen Syntax hätte hier genügt.

Quoted from "Fr33chen"

Der CSS-Validator meldet, dass die Browser-bezogenen Rundungen unter CSS 2.1 nicht vorhanden sind und damit nicht valide sind:
Dafür gibt es eine entsprechende Option im Validator, um das zu deaktivieren. ;)
Mit freundlichen Grüßen
Best regards
KittBlog Stile - Ihr Kit für Stile, Software und Knowhow
Your kit for styles, software and knowhow
Erste Linkliste zu Erweiterungen und Support rund um Burning Board©
First linklist for plugins and support around Burning Board©

1 user apart from you is browsing this thread:

1 guests

Similar threads