Welcome, Guest
Username Password: Remember me

media links
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: media links

media links 17 Mar 2010 08:34 #1984

Thanks for all the great work on this component.

I was just wondering whether you had considered adding the option of text links, rather than image links, to the media in future releases. I have never been able to make a media button with text on it that is unobtrusive and looks clear, but they look much better in CSS as in the picture below. THe component is already great. This would just make it easier for me to match in with the template.
CSSlinks.JPG

Re:media links 17 Mar 2010 08:43 #1985

  • Tom
  • OFFLINE
  • Administrator
  • Posts: 860
That's a great idea. Can you post the css for that?
"You shall know the truth and the truth shall set you free." JC

Re:media links 17 Mar 2010 09:41 #1986

Here is the CSS of the method used in the above example.

p.navbuttons a {
color: #000000;
text-decoration: none;
background-color: #A2AAB5;
display: inline-block;
padding: 5px 10px 3px 10px;
border-top: 1px solid #EEEEEE;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #EEEEEE;
background-repeat: no-repeat;
-moz-border-radius:10px; / Firefox / -webkit-border-radius:10px; / Safari and chrome / -khtml-border-radius:10px; / Linux browsers / border-radius:10px; / CSS3 / behavior:url(border-radius.htc); }

p.navbuttons a:hover, p.navbuttons a:active {
background-color: #333333;
color: #FFFFFF;
background-repeat: no-repeat;
}

With the html: <p class="navbuttons"><a href="anypage.htm">your link text</a></p>

It produces a box with rounded corners without the need for images or javascript in every browser. There is a problem though, IE doesn't use the border-radius tag. and draws these boxes with square corners. Does anyone know a better way that would cross all browsers?

Hope that is helpful.
Last Edit: 17 Mar 2010 09:47 by Paul Kosciecha.

Re:media links 17 Mar 2010 09:46 #1987

  • Tom
  • OFFLINE
  • Administrator
  • Posts: 860
Thanks so much, Paul.

I've put this in as a feature request. It'll probably have to wait for version 6.3, but if I get inspired and get my one major problem solved for 6.2 I may slip this in.

I'm guessing I'll make it a button option to use css instead of an image and provide a place for the user to put in some words for the label, or maybe a drop down with some suggested words and a text space for custom words for the link.

Tom
"You shall know the truth and the truth shall set you free." JC

Re:media links 18 Mar 2010 02:51 #1993

Thanks. I'm looking forward to 6.2
  • Page:
  • 1
Time to create page: 0.64 seconds