> Forums > Active Social > Themes and Templates > Rounded Corners?
Last Post 28 Apr 2010 06:45 PM by mmoney. 9 Replies.
AddThis - Bookmarking and Sharing Button Printer Friendly
  •  
  •  
  •  
  •  
  •  
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
mmoney
Customers
mmoney
Post Count:150

--
27 Apr 2010 02:33 PM
    Hi,

    I'd like to add rounded corners to the Profile "hd" table, specifically around the icon, name, social bookmarks, etc. Does anyone know what class, id, style, etc. I'd have to apply to get this?

    Thanks
    Jason Peterson
    Customers
    Jason Peterson
    Post Count:525

    --
    27 Apr 2010 07:32 PM
    what template? using css or images?  looking at the active social theme something like this should get you started, I cannot see a background/border on any themes I have looked at so you would need to add a border weight/color or a background to actually see the edges:

    .shell #hd {moz-border-radius: 5px;webkit-border-radius:5px;border-radius:5px;}
    mmoney
    Customers
    mmoney
    Post Count:150

    --
    27 Apr 2010 08:09 PM
    Thanks for your reply. I had tried this code on .shell #hd and on a number of other tables, but I don't get any change. I've made sure to make a border and set to 1px and set a colour. Strange that it doesn't seem to have any affect. I must be missing something.
    Jason Peterson
    Customers
    Jason Peterson
    Post Count:525

    --
    27 Apr 2010 09:44 PM
    oops left out a couple hyphens sorry, just tried this in mine and it works

    .shell #hd {background:#000;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
    mmoney
    Customers
    mmoney
    Post Count:150

    --
    28 Apr 2010 11:57 AM
    Hi,

    Sorry again. It's still not working. I have the following line in there:
    div#amsocial .shell #hd {background:#000;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
    Don't know if anyone can spot a reason why it might not work? I've been fighting with this rounded corner thing for a while now and can't put my finger on the problem.

    Thanks.
    Tareq
    Customers
    Tareq
    Post Count:440

    --
    28 Apr 2010 01:52 PM
    I am not sure but I don't think this code works on IE but it does on Firefox, Chrome..

    Are you testing this is in IE?

    mmoney
    Customers
    mmoney
    Post Count:150

    --
    28 Apr 2010 02:46 PM
    I wondered about that too, but I tried it and it doesn't work in either for some reason.
    Will Morgenweck Forum Admin
    DotNetNuke Staff
    Will Morgenweck
    Post Count:7672

    --
    28 Apr 2010 03:03 PM
    This works in all browsers other than IE.
    
    div#amsocial .shell table#hd {width:100%;-moz-border-radius: 4px; -webkit-border-radius: 4px; display:block;border:solid 1px #ff0000;}
     
    Will Morgenweck
    Director of Product Management
    DotNetNuke Corp.
    Will Morgenweck Forum Admin
    DotNetNuke Staff
    Will Morgenweck
    Post Count:7672

    --
    28 Apr 2010 03:04 PM
    display:block is the important part when dealing with a table.
    Will Morgenweck
    Director of Product Management
    DotNetNuke Corp.
    mmoney
    Customers
    mmoney
    Post Count:150

    --
    28 Apr 2010 06:45 PM
    Thanks! I new there had to be something I was missing. Greatly appreciated.
    You are not authorized to post a reply.
    > Forums > Active Social > Themes and Templates > Rounded Corners?
    test
    Copyright 2012 by DotNetNuke Corporation / Terms of Use / Privacy