The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

short cut icons for touch device

Discussion in 'User Experience' started by PCZero, Jul 12, 2013.

  1. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    I am not sure if this is the correct section of the forums to ask this, I just could not find a place that seemed exactly right so here goes...

    As most of us are aware, we can create png files for use as short cut icons on iPhoens, iPads, Droid devices, etc. (URL Removed) talks about them to some extent.) As a rule of thumb I set these up for all of my site design and web hosting clients. Convention has them in the web root for web sites.

    What I want to do is design and use touch icons for the WHM and cPanel log in pages BUT I have no idea where on my server to put the png files once I create them. Can someone in the development team please address this for me?
     
    #1 PCZero, Jul 12, 2013
    Last edited by a moderator: Jul 12, 2013
  2. cPanelMichael

    cPanelMichael Forums Analyst
    Staff Member

    Joined:
    Apr 11, 2011
    Messages:
    30,694
    Likes Received:
    654
    Trophy Points:
    113
    cPanel Access Level:
    Root Administrator
  3. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    Michael thank you for that reference. It has a lot of very useful information in it. I am a bit perplexed though. I have gone through the steps to add the custom theme as described and set my default to the new theme. I then created the apple-touch-icon.png family of files and uploaded them to the images folder for the new theme. That alone did not give me the desired effect of having the png files used for shortcuts on touch devices.


    In my web development I use the file touch_icon.png and have the following tag in my <head> section of the page in question.

    <link rel="apple-touch-icon" href="http://www.mysite.com/touch_icon.png" />

    This set up works to correctly use the touch_icon.png file as the shortcut logo on all touch devices that I have tested.


    I am thinking that I need to add such a line to the <head> of the login page but I do not see what file I need to edit to do this. Any advice?
     
  4. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    Still trying to find this on my own... :)
     
  5. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    I think I am onto it now. Will report back shortly...
     
  6. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    Nope thought editing the header.html in /usr/local/cpanel/base/unprotected/cpanel-legacy would do it but so far no go.
     
  7. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    I finally got it
     
  8. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    OK one samll final issue... It seems I cannot find the style_optimized.css that controls the WHM login. I cloned cpanel_legacy to my custom theme. I have edited all three header.html and all three footer.html files as I need to add the functionality that I want. The oddity is as follows...
    The code for the style sheets in each of the three headers is:

    CPANEL
    <link rel="stylesheet" href="%MagicRevision(/unprotected/%login_theme%/style_optimized.css)%" type="text/css" />

    WEBMAIL
    <link rel="stylesheet" href="%MagicRevision(/unprotected/%login_theme%/style_optimized.css)%" type="text/css" />

    WHM
    <link rel="stylesheet" href="%MagicRevision(/unprotected/%login_theme%/style_optimized.css)%" type="text/css" />

    Note that all three are exactly the same...

    Yet when they are rendered in the log in pages for each only CPANEL and WEBMAIL pick up the magic revision info...

    example CPANEL stylesheet line
    <link rel="stylesheet" href="/cPanel_magic_revision_1373672860/unprotected/themename/style_optimized.css" type="text/css" />

    example WEBMAIL stylesheet line
    <link rel="stylesheet" href="/cPanel_magic_revision_1373672860/unprotected/themename/style_optimized.css" type="text/css" />

    example WHM stylesheet line
    <link rel="stylesheet" href="/unprotected/themename/style_optimized.css" type="text/css" />


    I have located and edited every style_optimized.css on the server by adding a dummy style such as one { } yet the stylesheet that is picked up and displayed when I view source for the WHM log in is not any of these files. I am at a loss... Any help on how to edit the stylesheet used by the WHM log in?
     
  9. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    OK I got that solved as well. Probably a cache issue but anyway here is what I did. After I updated the style_optimized.css file it was picked up right away by the cpanel and web mail log in screens. Not so with the WHM log in. I then created a new gzip for ths css file, cloned the css to another file, deleted the css, then copied it back (refreshing the WHM log in between each step). Finally after all that, the new css was used and I am all set.
     
  10. Infopro

    Infopro cPanel Sr. Product Evangelist
    Staff Member

    Joined:
    May 20, 2003
    Messages:
    14,453
    Likes Received:
    195
    Trophy Points:
    63
    Location:
    Pennsylvania
    cPanel Access Level:
    Root Administrator
    Twitter:
    While all the changes you made and how you made them are fresh to you, force a cPanel update and see how they hold up thru that. That was always the important part for me when I was modifying styles. Making sure it didn't get hit on updates, after I forgot all the steps.

    Just curious, have you looked into tweaking x4 yet at all?
     
  11. PCZero

    PCZero Well-Known Member

    Joined:
    Dec 13, 2003
    Messages:
    526
    Likes Received:
    33
    Trophy Points:
    28
    Location:
    Earth
    I have not dealt with X4 at all. X works perfectly well for me and all five of my custom user cpanel themes are based off of it. I of none of the standard user cpanel GUIs at all. As they say if it ain't broke don't fix it! :) Also X4 us still bets yes?

    Since I am using a custom theme for my logins, I am not sure an update would impact me. I have had the css part in effect for over a year now and none of the updates in that time impacted them. I do have backups of the css and the gzip of it just in case.
     
Loading...
Similar Threads - short cut icons
  1. donlange
    Replies:
    1
    Views:
    398

Share This Page