Welcome, Guest
Username Password: Remember me
  • Page:
  • 1

TOPIC: link images

link images 13 years, 5 months ago #4445

  • bartcelona
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
How do I suppress the link images for phone & email
(external link image actually does not show but i guss should have)

the work arround I guess whoul dbe to create blank images of 1px... but was hoping to find more elegant way.

kind regards

Bart

Re: link images 13 years, 1 month ago #5750

I'm started looking into a way of doing this too. The css for this style is in 'basestyles.css' for mobile_pda template, But I think there might be some JS turning strings of numbers into a link, can't find where to disable yet thou..

Re: link images 13 years, 1 month ago #5786

Still stuck here, anyone know how to disable these links?

I can remove the ical, and sms images easily from basestyles.css in mobile_pda template but I can't find where to disable the actual email, phone, and sms links..
Last Edit: 13 years, 1 month ago by jamesthecat.

Re: link images 13 years, 1 month ago #5789

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
This images come from the following block in baseStyles.css:
/*
* 4. STYLIZED LINKS
* includes icon to represent the type of link
*/

/*external link*/
a.external {
    background: url(../images/img-link-external.png) no-repeat right top;
    padding-right: 1em;
}
 
/*links to ical data*/
/*see 'data-ical' in resources*/
a.ical {
    background: url(../images/img-link-ical.png) no-repeat right top;
    padding-right: 1em;
}
 
a[href^="mailto:"] {
    background: url(../images/img-link-email.png) no-repeat right top;
    padding-right: 1em;
}
a[href^="tel:"] {
    background: url(../images/img-link-tel.png) no-repeat right top;
    padding-right: 1em;
}
a[href^="sms:"] {
    background: url(../images/img-link-sms.png) no-repeat right top;
    padding-right: 1em;
}


To disable effect of this definitions, add the following lines to css/custom.css (hope you upgraded to recent 1.0RC4):
a.external, a.ical, a[href^="mailto:"], a[href^="tel:"], a[href^="sms:"] {
    background: none;
    padding-right: 0;
}
Last Edit: 13 years, 1 month ago by dryabov.

Re: link images 13 years, 1 month ago #5814

Hi thanks for the response.

I've already been able to remove the css styles, however strings of numbers MJ turns into a some kind of hyper-link, so when pressed it attempts to dial the number on a mobile device. It's this actual link I'm trying to disable. 

Re: link images 13 years, 1 month ago #5817

  • dryabov
  • OFFLINE
  • Administrator
  • Denis Ryabov, Lead Developer
  • Posts: 4867
  • Karma: 105
It does mobile browser, not MobileJoomla. E.g. in Mobile Safari and some other browsers it can be fixed with
<meta name="format-detection" content="telephone=no">

html tag in head. 

Re: link images 13 years, 1 month ago #5837

Thanks, I'll give it a try and post back the results.
  • Page:
  • 1
Time to create page: 0.19 seconds

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.