9850/9860 Theme "tutorial pack" - Page 2

koenberry · #16 01-09-2012, 01:50 AM

how can i skin icons like facebook, ubersocial ,twitter and stuff like that

dcburke789 · Thread Author #17 01-09-2012, 10:01 PM

you can't as far as I know

koenberry · #18 01-12-2012, 09:33 AM

Quote:

Originally Posted by dcburke789

Here are the icons, sized and named correctly....

Even icons that can't be skinned by ThemeStudio

here you said that it can be done

dcburke789 · Thread Author #19 01-13-2012, 05:32 AM

Quote:

Originally Posted by koenberry

here you said that it can be done

What I said was it contains icons you can't skin with theme builder...such as bb news, compass, bb protect, social feeds...

For some reason it won't skin twitter and Facebook.

Sent from my BlackBerry 9850 using Tapatalk

dcburke789 · Thread Author #20 02-24-2012, 09:04 AM

Bump for Ray

Sent from my BlackBerry 9930 using Tapatalk

davedev12 · #21 03-21-2012, 06:33 AM

hi there,

i'm pretty new to this, have tried following instructions but don't seem to be having much luck. would anyone be so kind as to post the amended svg files like bbthemes did for the 9900 for a standard layout? I've tried copying and pasting the svg code provided, but when i open in the simulator, it looks like it's trying to keep the torch 9800 sizes in both portrait and landscape.

thanks very much

dave

molson0 · #22 03-21-2012, 06:36 AM

Change the svg size to 480X80
re size all you banners to 480
re size the wallpaper to 480 X 800
re compile.

davedev12 · #23 03-21-2012, 11:52 AM

Quote:

Originally Posted by molson0

Change the svg size to 480X800
re size all you banners to 480
re size the wallpaper to 480 X 800
re compile.

thanks for the fast response molson. still doesn't seem to work for me, i know it's something i'm doing wrong. in a nutshell, here is what i've done...

1) created the .properties files as per your previous posts
2) created a 9850 theme in theme builder, changed icons and wallpaper etc, exported, caught it in the temp, etc (i've done this for the 9900, so i know i've got this bit right)
3) replaced with resized 92x92 icon images, correct sized wallpaper and banner
4) replaced the svg code for banner, homescreen, etc with the code given by dcburke
5) ran build.bat as with the 9900

In the simulator, the wallpaper and banners are in the top left, looks like they are in torch size. icons are also pixelated, so looks like it's reverted back to 68x68 rather than the 92x92 that i've used before compiling.

I REALLY appreciate your help on this, you guys rock!!!

Many thanks
Dave

molson0 · #24 03-21-2012, 12:44 PM

ok.

open homescreen-banner.svg

at the top there is an svg tag

like this

<svg width="480" height="80"> where 80= your banner height.

make sure it is NOT 360 X whatever

davedev12 · #25 03-22-2012, 06:53 AM

Quote:

Originally Posted by molson0

ok.

open homescreen-banner.svg

at the top there is an svg tag

like this

<svg width="480" height="80"> where 80= your banner height.

make sure it is NOT 360 X whatever

Hi Molson,

The widths were showing as 100%, so i've changed to fixed width (ie 480) as you suggested but still no luck.

i've tried the whole process again from scratch as i know it's something i've done wrong but it's still doing it. the strange thing is that it's also leaving the icons at 68x68 when i've changed them in theme builder and then changed them again in the output directory.

if you could cast any light on this for me i'd really appreciate it.

regards

dave

molson0 · #26 03-22-2012, 07:20 AM

Changing the icons in TB will not help. They will be exported to your "output" folder as 68X68.

You have to add the icons to the "output" folder in 92X92 format. (named the same as the 68X68 icons are)

As for the small screen size. PM me your homescreen-banner.svg (or post it here) and I will show you the small error you must be making.

davedev12 · #27 03-22-2012, 07:59 AM

Quote:

Originally Posted by molson0

Changing the icons in TB will not help. They will be exported to your "output" folder as 68X68.

You have to add the icons to the "output" folder in 92X92 format. (named the same as the 68X68 icons are)

As for the small screen size. PM me your homescreen-banner.svg (or post it here) and I will show you the small error you must be making.

Thanks for helping Molson,

Regarding the icons, i have added them to my output folder, with the same names, but in 92x92, but they're still coming out wrong. i've done the same thing with the 9900 and had no problems.

here's the svg...

Code:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<?plazmic pmeVersion="1.2" pmb="false"?>
<svg width="480"
      height="80"
      hotspot-wrap="false"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.w3.org/2000/svg http://www.plazmic.com/svg/schema/svg.xsd"
      xmlns:xlink="http://www.w3.org/1999/xlink">
  <rect id="bgRect"
        x="0"
        y="0"
        width="480"
        height="90"
        fill="none"/>
  <set xlink:href="#bgRect"
        attributeName="width"
        to="800"
        begin="custom(oc_to_landscape)"
        end="custom(oc_to_portrait)"/>
  <set xlink:href="#bgRect"
        attributeName="height"
        to="80"
        begin="custom(oc_to_landscape)"
        end="custom(oc_to_portrait)"/>
  <image id="banner-homescreen__Landscape"
      x="0"
      y="0"
      width="800"
      height="80"
      display="none"
      xlink:href="banner-homescreen__Landscape.png"/>
<set
      xlink:href="#banner-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
<image
      id="banner-home"
      x="0"
      y="0"
      width="480"
      height="90"
      xlink:href="banner-home.png"/>
<set
      xlink:href="#banner-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
<g
      id="hs_banner_focus_background">
  <image id="bannerFocusBackground-home"
        x="0"
        y="0"
        width="480"
        height="90"
        display="none"
        xlink:href="bannerFocusBackground-home.png"/>
  <set xlink:href="#bannerFocusBackground-home"
        attributeName="display"
        to="inline"
        begin="hs_banner_focus_background.focusin"
        end="hs_banner_focus_background.focusout"/>
</g>

<g id="hs_banner_focus_background_landscape">
  <image id="bannerFocusBackground-homescreen__Landscape"
        x="0"
        y="0"
        width="800"
        height="80"
        display="none"
        xlink:href="bannerFocusBackground-homescreen__Landscape.png"/>
  <set xlink:href="#bannerFocusBackground-homescreen__Landscape"
        attributeName="display"
        to="inline"
        begin="hs_banner_focus_background_landscape.focusin"
        end="hs_banner_focus_background_landscape.focusout"/>
</g>
<set
      xlink:href="#hs_banner_focus_background"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
<set
      xlink:href="#hs_banner_focus_background_landscape"
      attributeName="display"
      to="none"
      begin="custom(oc_to_portrait)"
      end="custom(oc_to_landscape)"/>
	  
<g id="homescreen_svg_portrait">	  
<image id="BannerTime-home"
      x="99"
      y="4"
      width="282"
      height="50"
      xlink:href="x-object:/CurrentDateTime?clocktype=time&amp;width=282&amp;height=50&amp;font-family=theme_p9981-0&amp;font-style=plain&amp;font-size=50&amp;fill=fefefe&amp;align=center&amp;altFont=BBMillbank&amp;ampmSize=16"/>	  
<set
      xlink:href="#BannerTime-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="alarm-display-home"
      x="54"
      y="5"
      width="21"
      height="21"
      xlink:href="x-object:/AlarmIndicator?width=21&amp;height=21&amp;align=center"/>
<set
      xlink:href="#alarm-display-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="BannerDate-home"
      x="2"
      y="50"
      width="134"
      height="28"
      xlink:href="x-object:/CurrentDateTime?clocktype=date&amp;width=134&amp;height=28&amp;font-family=BBAlpha Sans Condensed&amp;font-style=plain&amp;font-size=28&amp;fill=fefefe&amp;lowercase&amp;align=left"/>
<set
      xlink:href="#BannerDate-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="BannerCoverage-home"
      x="414"
      y="26"
      width="65"
      height="28"
      xlink:href="x-object:/Coverage?width=65&amp;height=28&amp;font-family=BBAlpha Sans Condensed&amp;font-style=plain&amp;font-size=28&amp;fill=fefefe&amp;valign=top&amp;align=right"/>
<set
      xlink:href="#BannerCoverage-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="BannerEons-home"
      x="305"
      y="50"
      width="174"
      height="28"
      xlink:href="x-object:/SystemStatus?width=174&amp;height=28&amp;font-family=BBAlpha Sans Condensed&amp;font-style=plain&amp;font-size=28&amp;fill=fefefe&amp;align=left"/>
<set
      xlink:href="#BannerEons-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="banner-display-home"
      x="1"
      y="3"
      width="50"
      height="25"
      xlink:href="x-object:/BatteryLevel?width=50&amp;height=25&amp;img=-homenet_rim_Ribbon_BatteryLevel-icons50x25&amp;align=center"/>	 
	  
<set
      xlink:href="#banner-display-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<text
      id="wifi_bullets"
      x="399"
      y="40"
      visibility="hidden"
      font-size="26"
      fill="#F7F7F7"
      font-family="BBAlpha Sans Condensed">
  &#xF8EB;
</text>
<set xlink:href="#wifi_bullets"
      attributeName="visibility"
      to="visible"
      begin="custom(wifi_bis_and_bes_connect)"
      end="custom(wifi_bis_and_bes_disconnect)"/>
<set
      xlink:href="#wifi_bullets"
      attributeName="visibility"
      to="visible"
      begin="custom(wapi_bis_and_bes_connect)"
      end="custom(wapi_bis_and_bes_disconnect)"/>

<set
      xlink:href="#wifi_bullets"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>	  
<image
      id="signal-display-home"
      x="429"
      y="4"
      width="49"
      height="19"
      xlink:href="x-object:/SignalLevel?width=49&amp;height=19&amp;xOfs=0&amp;yOfs=0&amp;img=-homenet_rim_Ribbon_SignalLevel-icons49x19&amp;align=center"/>
<set
      xlink:href="#signal-display-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
<image
      id="signalwifi-display-home"
      x="403"
      y="4"
      width="22"
      height="18"
      xlink:href="x-object:/WLANSignalLevel?width=22&amp;height=18&amp;xOfs=0&amp;yOfs=0&amp;img=-homenet_rim_Ribbon_WlanSignalLevel-icons22x18&amp;align=center"/>
<set
      xlink:href="#signalwifi-display-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="gpsmode-display-home"
      x="2"
      y="30"
      width="43"
      height="24"
      xlink:href="x-object:/GPSMode?width=43&amp;height=24&amp;align=center"/>
<set
      xlink:href="#gpsmode-display-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="bluetooth-display-home"
      x="47"
      y="30"
      width="15"
      height="25"
      xlink:href="x-object:/GridIndicators?area=1&amp;width=15&amp;height=25&amp;specificindicator=:bluetooth:&amp;align=center"/>	  
<set
      xlink:href="#bluetooth-display-home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
	  
<image id="wifi_hotspot_home"
      x="157"
      y="61"
      width="32"
      height="24"
      xlink:href="x-object:/GridIndicators?area=1&amp;font-family=BBAlpha Sans Condensed&amp;font-size=24&amp;fill=white&amp;width=32&amp;height=24&amp;specificindicator=:wlanindicator:&amp;align=center"/>	  
<set
      xlink:href="#wifi_hotspot_home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
	  
<image id="bridge_home"
      x="64"
      y="30"
      width="25"
      height="24"
      xlink:href="x-object:/GridIndicators?area=7&amp;font-family=BBAlpha Sans Condensed&amp;font-size=24&amp;fill=white&amp;width=25&amp;height=24&amp;specificindicator=:bridge:&amp;align=center"/>
<set
      xlink:href="#bridge_home"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>	
</g>

<set  xlink:href="#homescreen_svg_portrait"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
	  
<g id="homescreen_svg_landscape">	  
<image
      id="BannerTime-homescreen__Landscape"
      x="259"
      y="5"
      width="282"
      height="50"
      display="none"
      xlink:href="x-object:/CurrentDateTime?clocktype=time&amp;width=282&amp;height=50&amp;font-family=theme_p9981-0&amp;font-style=plain&amp;font-size=50&amp;fill=fefefe&amp;align=center&amp;altFont=BBMillbank&amp;ampmSize=21"/>
<set
      xlink:href="#BannerTime-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="alarm-display-homescreen__Landscape"
      x="54"
      y="5"
      width="21"
      height="21"
      display="none"
      xlink:href="x-object:/AlarmIndicator?width=21&amp;height=21&amp;align=center"/>
<set
      xlink:href="#alarm-display-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="BannerDate-homescreen__Landscape"
      x="2"
      y="32"
      width="134"
      height="28"
      display="none"
      xlink:href="x-object:/CurrentDateTime?clocktype=date&amp;width=134&amp;height=28&amp;font-family=BBAlpha Sans Condensed&amp;font-style=plain&amp;font-size=28&amp;fill=fefefe&amp;lowercase&amp;align=left"/>
<set
      xlink:href="#BannerDate-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="BannerCoverage-homescreen__Landscape"
      x="681"
      y="1"
      width="65"
      height="28"
      display="none"
      xlink:href="x-object:/Coverage?width=65&amp;height=28&amp;font-family=BBAlpha Sans Condensed&amp;font-style=plain&amp;font-size=28&amp;fill=fefefe&amp;valign=top&amp;align=left"/>
<set
      xlink:href="#BannerCoverage-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="BannerEons-homescreen__Landscape"
      x="548"
      y="32"
      width="250"
      height="28"
      display="none"
      xlink:href="x-object:/SystemStatus?width=250&amp;height=28&amp;font-family=BBAlpha Sans Condensed&amp;font-style=plain&amp;font-size=28&amp;fill=fefefe&amp;align=right"/>
<set
      xlink:href="#BannerEons-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="banner-display-homescreen__Landscape"
      x="1"
      y="3"
      width="50"
      height="25"
      display="none"	  
      xlink:href="x-object:/BatteryLevel?width=50&amp;height=25&amp;img=-homenet_rim_Ribbon_BatteryLevel-icons50x25&amp;align=center"/>	  	  
<set
      xlink:href="#banner-display-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<text
      id="wifi_bullets-landscape"
      x="660"
      y="15"
      visibility="hidden"
      font-size="26"
      fill="#F7F7F7"
      font-family="BBAlpha Sans Condensed">
  &#xF8EB;
</text>
<set xlink:href="#wifi_bullets-landscape"
      attributeName="visibility"
      to="visible"
      begin="custom(wifi_bis_and_bes_connect)"
      end="custom(wifi_bis_and_bes_disconnect)"/>
<set
      xlink:href="#wifi_bullets-landscape"
      attributeName="visibility"
      to="visible"
      begin="custom(wapi_bis_and_bes_connect)"
      end="custom(wapi_bis_and_bes_disconnect)"/>
<set
      xlink:href="#wifi_bullets-landscape"
      attributeName="display"
      to="none"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>		  
<image
      id="signal-display-homescreen__Landscape"
      x="750"
      y="5"
      width="49"
      height="19"
      display="none"	  
      xlink:href="x-object:/SignalLevel?width=49&amp;height=19&amp;xOfs=0&amp;yOfs=0&amp;img=-homenet_rim_Ribbon_SignalLevel-icons49x19&amp;align=center"/>	  
<set
      xlink:href="#signal-display-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
<image
      id="signalwifi-display-homescreen__Landscape"
      x="617"
      y="6"
      width="22"
      height="18"
      display="none"	  
      xlink:href="x-object:/WLANSignalLevel?width=22&amp;height=18&amp;xOfs=0&amp;yOfs=0&amp;img=-homenet_rim_Ribbon_WlanSignalLevel-icons22x18&amp;align=center"/>	  
<set
      xlink:href="#signalwifi-display-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="gpsmode-display-homescreen__Landscape"
      x="91"
      y="3"
      width="43"
      height="24"
      display="none"
      xlink:href="x-object:/GPSMode?width=43&amp;height=24&amp;align=center"/>
<set
      xlink:href="#gpsmode-display-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image
      id="bluetooth-display-homescreen__Landscape"
      x="136"
      y="3"
      width="15"
      height="25"
      display="none"
      xlink:href="x-object:/GridIndicators?area=1&amp;width=15&amp;height=25&amp;specificindicator=:bluetooth:&amp;align=center"/>
<set
      xlink:href="#bluetooth-display-homescreen__Landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<image id="wifi_hotspot__landscape"
      x="157"
      y="33"
      width="25"
      height="24"
      display="none"	  
      xlink:href="x-object:/GridIndicators?area=1&amp;font-family=BBAlpha Sans Condensed&amp;font-size=25&amp;fill=white&amp;width=25&amp;height=24&amp;specificindicator=:wlanindicator:&amp;align=center"/>	  
<set
      xlink:href="#wifi_hotspot__landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>
	  
<image id="bridge__landscape"
      x="153"
      y="3"
      width="25"
      height="24"
      display="none"	  
      xlink:href="x-object:/GridIndicators?area=1&amp;font-family=BBAlpha Sans Condensed&amp;font-size=25&amp;fill=white&amp;width=25&amp;height=24&amp;specificindicator=:bridge:&amp;align=center"/>	  
<set
      xlink:href="#bridge__landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>	  
</g>
<set  xlink:href="#homescreen_svg_landscape"
      attributeName="display"
      to="inline"
      begin="custom(oc_to_landscape)"
      end="custom(oc_to_portrait)"/>

<switch>
  <foreignObject x="0"
        y="0"
        width="0"
        height="0"
        xlink:href="dummy"
        requiredExtensions="x-object:/FontManager"
        display="none">
    <group xmlns="dummy">
  <altFont font-family="BBMillbank"/>
  <items ids="banner_Date;banner_Coverage;banner_SystemStatus;banner_Date;banner_Coverage;banner_SystemStatus"/>
</group>

  </foreignObject>
</switch>

  </svg>

thanks again. my aim is to have a standard layout, but change the icons and wallpaper for my company, so the 9900 tutorial pack was really useful.

thanks

dave

davedev12 · #28 03-22-2012, 08:17 AM

I've just tried something which means i'm probably barking up the wrong tree. i've just changed the wallpaper within my output folder and it didn't change in the simulator once i re-ran the build.bat. i must have a setting wrong with my properties. i used the code kindly provided by molson to create the .properties files (9850.properties file and 9850BlackBerry6.properties) and placed them in the /devices/blackberry folder and /theme/BlackBerry6_360x480 folders respectively. ran the rest as per the 9900 tutorial.

hopefully you can point out my glaring error, i can't see it for looking!

thanks

molson0 · #29 03-22-2012, 08:20 AM

ok, first.

i forgot you have landscape on 9850.

your svg must be 800X80 not 480.

second: change all the 90 height to 80 on your banner images.

ie: <rect id="bgRect"
x="0"
y="0"
width="480"
height="90" change to 80 (and make sure the png image is 80 aswell)

This may be why your getting odd sized images. The svg is shrinking your png based on the fact it is calling for 90 height in an 80 height svg . If that makes sence.

Start there and let me know.