Skinning Carbon

From

Revision as of 04:12, 1 October 2009 by Tidder (Talk | contribs)
(diff) ← Older revision | Current revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Currently the skinning support consists only of moving GUI objects around.

There are currently two skin files, osk.skin and main.skin.


Contents

[edit] Osk.skin

oskbutton,oneButton,80,0,60,60,"1","!",Ariel,18
oskbutton,twoButton,140,0,60,60,"2","@",Ariel,18
oskbutton,threeButton,200,0,60,60,"3","#",Ariel,18
oskbutton,fourButton,260,0,60,60,"4","$",Ariel,18
oskbutton,fiveButton,320,0,60,60,"5","%",Ariel,18
oskbutton,sixButton,380,0,60,60,"6","^",Ariel,18
oskbutton,sevenButton,440,0,60,60,"7","&",Ariel,18
oskbutton,eightButton,500,0,60,60,"8","*",Ariel,18
oskbutton,nineButton,560,0,60,60,"9","(",Ariel,18
oskbutton,zeroButton,620,0,60,60,"0",")",Ariel,18

oskbutton,qButton,100,60,60,60,"q","Q",Ariel,18
oskbutton,wButton,160,60,60,60,"w","W",Ariel,18
oskbutton,eButton,220,60,60,60,"e","E",Ariel,18
oskbutton,rButton,280,60,60,60,"r","R",Ariel,18
oskbutton,tButton,340,60,60,60,"t","T",Ariel,18
oskbutton,yButton,400,60,60,60,"y","Y",Ariel,18
oskbutton,uButton,460,60,60,60,"u","U",Ariel,18
oskbutton,iButton,520,60,60,60,"i","I",Ariel,18
oskbutton,oButton,580,60,60,60,"o","O",Ariel,18
oskbutton,pButton,640,60,60,60,"p","P",Ariel,18
oskbutton,backButton,700,60,100,60,"BckSpc","BckSpc",Ariel,18
oskbutton,aButton,120,120,60,60,"a","A",Ariel,18
oskbutton,sButton,180,120,60,60,"s","S",Ariel,18
oskbutton,dButton,240,120,60,60,"d","D",Ariel,18
oskbutton,fButton,300,120,60,60,"f","F",Ariel,18
oskbutton,gButton,360,120,60,60,"g","G",Ariel,18
oskbutton,hButton,420,120,60,60,"h","H",Ariel,18
oskbutton,jButton,480,120,60,60,"j","J",Ariel,18
oskbutton,kButton,540,120,60,60,"k","K",Ariel,18
oskbutton,lButton,600,120,60,60,"l","L",Ariel,18
oskbutton,enterButton,660,120,120,60,"Enter","Enter",Ariel,18
oskbutton,zButton,140,180,60,60,"z","Z",Ariel,18
oskbutton,xButton,200,180,60,60,"x","X",Ariel,18
oskbutton,cButton,260,180,60,60,"c","C",Ariel,18
oskbutton,vButton,320,180,60,60,"v","V",Ariel,18
oskbutton,bButton,380,180,60,60,"b","B",Ariel,18
oskbutton,nButton,440,180,60,60,"n","N",Ariel,18
oskbutton,mButton,500,180,60,60,"m","M",Ariel,18


oskbutton,shiftButton,0,180,140,60,"Shift","Shift",Ariel,18
oskbutton,lessThanbutton,560,180,60,60,"%comma%","<",Ariel,18
oskbutton,greaterThanbutton,620,180,60,60,".",">",Ariel,18
oskbutton,questionMark,680,180,60,60,"/","?",Ariel,18

The layout is as follows:

oskbutton,buttonname,x position, y position, width, height, normal character, character when shift is active, fontname, fontsize

  • oskbutton - object type (we will cover more object types later in this article)
  • buttonname )
  • x position - horizontal position (in pixel measurement from top left corner of the main window) of the object starting from the object's left top corner
  • y position - vertical position (in pixel measurement from top left corner of the main window) of the object starting from the object's left top corner
  • width - width of the object in pixels
  • height - height of the object in pixels
  • normal character - The key or character normally typed when the object is pushed
  • character when shift is active - The key or character typed when shift has been activated
  • fontname - Name of the system font to use to display the character on the object
  • fontsize - Size of the font used to display the character on the object

[edit] Special Notes

The comma has to be defined in the skin as "%comma%" otherwise skin errors will occur.

[edit] Main.skin

button,goButton,560,0,80,80,"Go",Ariel,18,web:go:%addresstext%;web:show;bookmarks:hide;downloads:hide
button,stopButton,480,0,80,80,"Stop",Ariel,18,web:stop
button,backButton,320,0,80,80,"Back",Ariel,18,web:back
button,forwardButton,400,0,80,80,"Forward,Ariel,18,web:forward
button,bookmarksButton,640,0,80,80,"Bookmarks",Ariel,18,bookmarks:showhide;web:showhide;downloads:hide
button,downloadsButton,720,0,80,80,"Downloads",Ariel,18,downloads:showhide;web:showhide;bookmarks:hide

web,mainWeb,0,100,800,500,1,0,100,800,180
//downloads,downloadsbName,x position, y position, width, height, 1 or 0 for shown or hidden
downloads,downloadList,0,100,800,500,0
//osk,oskName,x position, y position, width, height, 1 or 0 for shown or hidden
osk,oskWidget,0,280,800,320,0
//bookmarks,bookmarksName,x position, y position, width, height, 1 or 0 for shown or hidden
bookmarks,bookmarkWidget,0,100,800,450,0

//textbox,textboxName,x position, y position, width, height, 1 or 0 for shown or hidden,1 or 0 for editable or readonly, text variable to set OR text to show (dependant on editable),commands when return/enter is pressed,fontname,fontsize
textbox,statusText,0,550,800,50,1,0,%statustext%,,Ariel,18
textbox,addressText,0,0,300,45,1,1,%addresstext%,web:go:%addresstext%,Ariel,18

There are 6 different objects in this skin file. Button, web, download, osk, bookmarks, and textbox

[edit] Button

The layout for button is as follows.

//button,buttonName,x position,y position, width, height, "Text", Font Name, Font Size, Commands;To;Execute

  • button - object type
  • buttonName - name of the object (no spaces or special characters can be used here)
  • x position - horizontal position (in pixel measurement from top left corner of the main window) of the object starting from the object's left top corner
  • y position - vertical position (in pixel measurement from top left corner of the main window) of the object starting from the object's left top corner
  • width - width of the object in pixels
  • height - height of the object in pixels
  • "Text" - The caption of the object, make sure to use double quotes
  • Font Name - Name of the system font to use to display the "Text" on the object
  • Font Size - Size of the font used to display the "Text" on the object
  • Commands;To;Execute - The commands this object will execute once clicked, separated by semi-colons (;)

[edit] Web

The layout for the web object is as follows.

web,webName,x position, y position, width, height, 1 or 0 for shown or hidden, x minimized position, y minimized position, minimized width, minimized height

  • web - object type
  • webName - name of the object (no spaces or special characters can be used here)
  • x position - horizontal position (in pixel measurement from top left corner of the main window) of the object starting from the object's left top corner
  • y position - vertical position (in pixel measurement from top left corner of the main window) of the object starting from the object's left top corner
  • width - width of the object in pixels
  • height - height of the object in pixels
  • 1 or 0 for shown or hidden - Set to 1 if you want the object shown by default, set to zero to hide the object by default
  • x minimized position - horizontal position to set the object to when the OSK is being displayed
  • y minimized position - vertical position to set the object to when the OSK is being displayed
  • minimized width - width to set the object to when the OSK is being displayed
  • minimized height - height to set the object to when the OSK is being displayed
Retrieved from "http://www.revfe.org/index.php/Skinning_Carbon"
Personal tools
MediaWiki Appliance - Powered by TurnKey Linux