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.

How do you make a cpanel skin

Discussion in 'User Experience' started by mxweb, May 16, 2006.

  1. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    hi um i was wondering if anyone can tell me.

    how do i make a cpanel skin as ive always wanted to have a go at it but havnt got a clue how to make one
    please help me.
     
  2. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    download a tarball of the x theme you will have to modify that as the pages need to be the same and there are cpanel specific tags in the pages.

    avoid x2 like the plague because there are only a couple of files and the rest are symlinked into the x folder.

    be wary of creating skins though as I found out the hard way, with the introduction of CPAddons and a few minor tweaks to pages every time a major update is issued you will have to ammend your theme accordingly
     
  3. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    what do i open the tarball in as when i opend it in notepad i got the square rectangles come up (which means it doesnt understand the text)

    i opend it in wordpad and i got the same
    opend it in word and it all came aout in japanise writing appart from a bit of the code
    and i opend it in front page and it came up with frames that wouldnt open
    so how do i open it?
     
  4. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    a .cptheme file is infact a tar.gz you need to rename it to change the extension to .tar.gz then open it with an archiver, when you have extracted the files, rename the folder to your custom theme name and when your done editing you will have to add the folder to a tar.gz then rename the extension back to .cptheme so that you can install it

    (Dont forget to edit the Xskin conf file with the name of your theme)
     
  5. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    ahh thanks that worked

    im starting work on it right now but what files must i keep unchanged?
     
  6. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    all or at least most of them have cpanel tags in them, the tags need to be preserved as do the filenames otherwise the forms wont process properly.
     
  7. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    the images arnt displaying in the index.html page?
     
  8. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    The headers & footers are seperate files, the only thing the index contains is the info boxes and icons, the rest is done via cpanel include statements, reviewing the source code will highlight where the headers and footers come in
     
  9. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    hmm i open the headder and footer files and the images arnt displaying and when i click on image properties the image comes up saying cpanel branding= is it okay to change this to the logo i want to use?
     
  10. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    yeah its fine to remove the branding tags
     
  11. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    ok kwl also one more question as im making it in FP as dreamweaver wont show me the GUI only the html code

    when i open it in frontpage the images arent set like they are in the brower there all set in on long line how do i cange that to set it in the list like it is on the web?
    as it wont let me resise the table.
     
  12. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    I would say dont use frontpage, which version of dreamweaver are you using? MX, MX 2004 & 8 Render the files ok
     
  13. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    dreamweaver 8 also the css style shhet isnt showing up and in DW the pages only open in the code
    unless i put an <html> </html> tags at the beginning and end of the code
     
    #13 mxweb, May 18, 2006
    Last edited: May 18, 2006
  14. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    the css wont render as the stylesheet definition is in the header include, you will have to copy the statement into the top of your index page during development and then remove it when you are finished unless you wish to build the header on to all of the pages and remove the cpanel includes
     
  15. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    i forgot to mention, the tables wont display correctly either as the is a <cpaneltable 5> tag around them (for icons) which ever number is set there is how many will be displayed per row
     
  16. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    is it ok to use html tags at the beginning and end of the page as otherwise it will not open in dreamweaver, also couldnt i just attach the sytle sheet in dreamweaver?
     
    #16 mxweb, May 18, 2006
    Last edited: May 18, 2006
  17. nickp666

    nickp666 Well-Known Member

    Joined:
    Jan 28, 2005
    Messages:
    770
    Likes Received:
    2
    Trophy Points:
    18
    Location:
    /dev/null
    depends how you are going to do the headers and footers, you can remove the include statements from all the pages and hard code them in, in which case then it is fine to put html head tags and attach the stylesheet.

    otherwise you will have to put those in and them clean them up afterwards.


    during your skin creation process you will find some annoying elements to format for example the service status page, you can't access the code loop that does the output, therefore all rows have to be formatted the same (I wanted it alternating the background colour)
     
  18. Philserv

    Philserv Registered

    Joined:
    Sep 19, 2004
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    Philippines / L.A.
    As nick mentioned, It’s a good idea to create a separate file without cpanel tags for local viewing purposes. When testing the design just copy paste the code to its proper place (header, footer, index etc) and insert the cpanel tags back.
     
  19. mxweb

    mxweb Active Member

    Joined:
    Feb 16, 2006
    Messages:
    38
    Likes Received:
    0
    Trophy Points:
    6
    fist of all thanks for the info but u know the cpanel table you told me erlier um i cnded that to cpaneltable=2 and npo change happend why?
     
  20. Philserv

    Philserv Registered

    Joined:
    Sep 19, 2004
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    Philippines / L.A.
    No need to place = just use the following <cpaneltable 2>

    Off course you could just discard those tags and just fully customize your own tables or enclose them using div. ;)
     
Loading...

Share This Page