Rounded Corners

Post custom hacks and enhancements for phpwcms here only. Maybe some of these things will be included in official release later.
Post Reply
User avatar
Chaffinch<
Posts: 52
Joined: Mon 30. Mar 2009, 18:36
Contact:

Rounded Corners

Post by Chaffinch< » Sun 8. Jan 2012, 07:44

Hallo an alle.
So erstellen Sie eine "Rounded Corners" für "container".
Beispiel:
http://webdesign-dp.de/pepes-sandbox/pe ... 2010.phtml
In der Firefox Ich habe "Rounded Corners"
In der Ie 8 nicht :-(
Vielen Dank im Voraus für eure Hilfe
Bogdan
Best Regards,
P.S. Sorry for my English or Deutsch.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Rounded Corners

Post by update » Sun 8. Jan 2012, 09:30

Pepes Lösung arbeitet mit CSS3 und nicht alle Browser unterstützen das. Aber alle neuen Browser sollten "border-radius" unterstützen

Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Chaffinch< wrote:In der Ie 8 nicht
Nein, erst ab IE9 gibt es mehr CSS3- Support
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

User avatar
Chaffinch<
Posts: 52
Joined: Mon 30. Mar 2009, 18:36
Contact:

Re: Rounded Corners

Post by Chaffinch< » Sun 8. Jan 2012, 12:11

claus wrote:Pepes Lösung arbeitet mit CSS3 und nicht alle Browser unterstützen das. Aber alle neuen Browser sollten "border-radius" unterstützen

Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Chaffinch< wrote:In der Ie 8 nicht
Nein, erst ab IE9 gibt es mehr CSS3- Support
Es ist schade, dass es keine Lösung für dieses Problem.
Vielen Dank für Ihre Antwort.
Freundlichen
Bogdan
Postscriptum.
Ich fand eine Version, die IE8 unterstützt
http://www.curvycorners.net/downloads/
Aber es ist noch ein Problem für mich, eine Implementierung für phpWCMS
Best Regards,
P.S. Sorry for my English or Deutsch.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Rounded Corners

Post by update » Sun 8. Jan 2012, 13:27

claus wrote:Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Hat das nicht funktioniert? Das ist doch für IE8 und so weiter (IE9 kann es ja)
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

User avatar
Chaffinch<
Posts: 52
Joined: Mon 30. Mar 2009, 18:36
Contact:

Re: Rounded Corners

Post by Chaffinch< » Sun 8. Jan 2012, 14:22

claus wrote:
claus wrote:Schau mal, hier gibt es eine Lösung für den IE<9
http://blog.panthera-it.com/2010/03/bor ... ssbrowser/
Hat das nicht funktioniert? Das ist doch für IE8 und so weiter (IE9 kann es ja)
Auf dieser Seite funktioniert.
I downloaded dieses Script.
Aber ich weiß nicht, wie zu installieren in meiner phpWCMS :-(
Für die Arbeit mit Pepes Template
http://www.krynica.malopolska.pl/index.php?test :-( :-(
Best Regards,
P.S. Sorry for my English or Deutsch.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Rounded Corners

Post by update » Sun 8. Jan 2012, 17:16

In Deine frontend-rounded.css:

Code: Select all

.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
Das heruntergeladene border-radius.htc kommt in /template/inc_css/special/border-radius.htc
Fertig. Testen...
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

User avatar
Chaffinch<
Posts: 52
Joined: Mon 30. Mar 2009, 18:36
Contact:

Re: Rounded Corners

Post by Chaffinch< » Mon 9. Jan 2012, 01:09

claus wrote:In Deine frontend-rounded.css:

Code: Select all

.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
Das heruntergeladene border-radius.htc kommt in /template/inc_css/special/border-radius.htc
Fertig. Testen...
Hi Claus
Ich habe eine Datei auf der border-radius.htc
.. /template/inc_css/specific/border-radius.htc und .. /template/inc_css/special/border-radius.htc
Ich merke nicht, Änderungen
Danke schön für Ihre Zeit
Best Regards,
P.S. Sorry for my English or Deutsch.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Rounded Corners

Post by update » Mon 9. Jan 2012, 09:04

claus wrote:In Deine frontend-rounded.css:

.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

User avatar
Chaffinch<
Posts: 52
Joined: Mon 30. Mar 2009, 18:36
Contact:

Re: Rounded Corners

Post by Chaffinch< » Mon 9. Jan 2012, 10:47

claus wrote:
claus wrote:In Deine frontend-rounded.css:

.rounded-corners {
border:1px solid #dddddd;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* für IE */
behavior: url(/template/inc_css/special/border-radius.htc);
/* bringen wir dem IE border-radius auch bei*/
}
Dear Claus
Verzeihen Sie mir bitte.
Ich verstehe nicht, Weisungen.
Ich bin begeistert von dem Skript, aber kein Programmierer.
Könnten Sie mehr einfach zu erklären
Sehr herzlich bitte
Bogdan
Best Regards,
P.S. Sorry for my English or Deutsch.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Rounded Corners

Post by update » Mon 9. Jan 2012, 12:37

Bitte einfügen in Deine frontend-rounded.css

Code: Select all

behavior: url(/template/inc_css/special/border-radius.htc);
Jetzt sieht der Inhalt der frontend-rounded.css so aus:

Code: Select all

/* =============================================================== */
/* frontend-rounded.css                  Version: 17.10.2009-18:00 */                                                                   
/* =============================================================== */


.rounded-corners-top {
   border: 1px solid #ddd; 

   -moz-border-radius-topleft:  6px;
   -moz-border-radius-topright: 6px;
   -webkit-border-top-left-radius:  6px;
   -webkit-border-top-right-radius: 6px;
}

.rounded-corners { 
/*   background: #e7ebef; */
   border: 1px solid #ddd; 
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   behavior: url(/template/inc_css/special/border-radius.htc);
}

.rounded-corners-bottom {
   border: 1px solid #ddd; 

   -moz-border-radius-bottomleft:  6px;
   -moz-border-radius-bottomright: 6px;
   -webkit-border-bottom-left-radius:  6px;
   -webkit-border-bottom-right-radius: 6px;



}
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

User avatar
update
Moderator
Posts: 6394
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: Rounded Corners

Post by update » Mon 9. Jan 2012, 15:27

Wenn es nicht geht, dann liegt das an der Pfadangabe, ich glaube, die behavior-Angabe braucht einen relativen Pfad:

Code: Select all

behavior: url(template/inc_css/special/border-radius.htc);
oder

Code: Select all

behavior: url(special/border-radius.htc);
Probieren!
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

Post Reply