Round corners for user2 module

More
11 years 4 months ago #31552 by ivan.milic
You have to use some additional steps for IE < 10.
See:

davidwalsh.name/css-rounded-corners

Please Log in to join the conversation.

  • joa
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 4 months ago - 11 years 4 months ago #31556 by joa
Replied by joa on topic Round corners for user2 module
Ok and the general code?
how do I have to use rounded? I did not quite understand
Is the following correct in template.css.css for every moduletable for eg advert1 to 4

.rounded1 .advert1 .moduletable {
margin:5px;
padding-bottom:3px !important;
padding-top:3px !important;
background-color:#343594;
-moz-border-radius:10px 10px 10px 10px; /* Firefox */
-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
behavior: url(/css/border-radius.htc);
border-radius:10px; /* IE9 */
}

I did but nothing changed (the blue block below the pictures with spalding etc)
Last edit: 11 years 4 months ago by joa.

Please Log in to join the conversation.

More
11 years 4 months ago #31560 by ivan.milic
Add this meta tag in head section in index.php of template:
Code:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

and use:

border-radius: 5px 5px 5px 5px; instead of border-radius: 5px;

Please Log in to join the conversation.

  • joa
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 4 months ago #31582 by joa
Replied by joa on topic Round corners for user2 module
Sorry but no change, this is what I added to the section <head> in the index.php
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

and this is what I added in template css.css

.header_menu > IMG{
position: absolute;
margin-left: -1000px;
margin-top: -10px;
}

.rounded1 .advert1 .moduletable {
margin:5px;
padding-bottom:3px !important;
padding-top:3px !important;
background-color:#343594;
-moz-border-radius:10px 10px 10px 10px; /* Firefox */
-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
border-radius:10px 10px 10px 10px; /* IE9 */
}
but the block under advert1 is still without rounded corners?

Please Log in to join the conversation.

  • joa
    Inactive member
  • Topic Author
  • Member
  • Member
More
11 years 4 months ago #31584 by joa
Replied by joa on topic Round corners for user2 module
Would it be possible that you check my code on the site directly by sending you the admin credentials for joomla.bcmarburg.de?

Please Log in to join the conversation.

More
11 years 4 months ago #31589 by ivan.milic
For extra thing not included in original template which is not bug you would have to pay for custom job. Like 20eur since it's rely small change. If you want that send contact email using "Report to moderator"

Please Log in to join the conversation.

Time to create page: 0.136 seconds
Powered by Kunena Forum