I thought about doing this for a while now. As a Recognized Themer, I know the troubles and frustrations that went into learning just the basic theming skills to make my first skin a while back. In saying so, this thread is dedicated in teaching new themers or regular users that want to make their device a bit more colourful. The thread will be broken into lessons that will provide insight to typical theming, Do's and Don'ts, and some advanced theming along the way.
These tutorials are based on Sense 4+ skins for HTC. However, the concept can be applied to earlier versions of Sense and perhaps, some tips can be used for other Android devices.
I will answer all questions and provide help as best as I can for new users that wish to venture into the world of theming. As well, your suggestions, ideas, or even theming tricks are welcome as long as you provide simple instructions for the community to follow.
This is a learning thread and the primary goal to to educate and give back to the community.
All (well, mostly all) theming tutorials will be based on Photoshop CS6. I will provide links to specific STYLES that I used for theming my skins. If you have questions about other programs, I might not be able to answer however, the theming concept could probably be universal.
Enjoy and I hope to see some of your theming work soon.
Basic homescreen theming
Tutorial 1 - Theming the Home Navigation Dock PNG
First and foremost, you will need to decompile a skin. The best program available is from Diamondback
http://forum.xda-developers.com/showthread.php?t=1619473 (Consider buying a licence. It's an excellent tool with valuable resources)
Once you have downloaded and managed to get your first skin decompiled, you'll need to locate your first PNG that you want to theme. For this tutorial, I will be focusing on the home_nav_bg.png. This PNG is responsible for the dock on your homescreen. See the image below.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Once you have found that PNG (data/assets folder) you can open it up in Photoshop and begin theming. Below is a Youtube video that shows the theming instructions for the screenshot above.
http://www.youtube.com/watch?v=6FIy84qbKUU
This following ASL Style layer can be downloaded here. I am not the author of the ASL layer and I DO NOT take credit for this layer. Though it is public, you can find at http://www.deviantart.com/
ASL Style Download
https://dl.dropboxusercontent.com/u/87115952/Theming%20Thread/GLASS%20STYLES-New.rar
Tutorial 2 - Theming Common Headers and Footers
As you learn about theming, you will notice that a few PNG's will be responsible for several widgets. One such group of PNG's are the Common Header and Footer PNG's found in the assets folder. These PNG's can be found on the Calendar, People, and Social widgets to name a few.
There are about 8 PNG's that you will need to theme in the drawable folder and 4 in the drawable_land folder. They are all named common_header and common_footer. See the image on the Calendar widget below.
Theming these PNG's is quite easy. Basically you just need to open the PNG, theme it the way you want and save. For this turorial, I will be making the common_headers and common_footers using the same ASL Style provided in Tutorial 1.
Step 1
Step 2
Step 3
9png Files
Tutorial 1 - Theming the Common Panel
9png. files are very difficult to work with because these PNG's have a 1 pixel border that needs to remain intact. See image below.
For this tutorial, you can use the Vista glass ASL found at this site : http://lost--in--thought.deviantart.com/art/Vista-Glass-Style-54030653
However, one specific 9.png file that is responsible for several backgrounds on the homescreen is the common_panel.p.png, most noticeable with the music apk used on the homescreen. See image below,
A typical 9.png file will have a 1 pixel border that cannot be comprised. This leaves some difficult in theming with regular 9.png's but for some reason, this rule doesn't apply with the common_panel.9.png, therefore, complete theming can be applied.
I'm going to outline the basic procedures for editing the common_panel.9.png file followed by a video tutorial showing how to theme the PNG in Photoshop.
First, you need to open the image and select a border colour. See image below.
Once you have the image, you need to select all, go to edit, fill with your colour you have choosen. See image below.
Now we need to contract the border inside (2 pixels). Use the magic wand selection tool, click to select the outer edges. Go to Selection/Modify/Contract. You want to contract by 2 pixels. See image below.
Now we need to remove the selection from Layer top. See the image below.
Follow the remaining steps to add the transparent background to Layer 0 and fill in the missing edges in Layer top. See the image below.
For a complete video tutorial, watch the Youtube link below.
http://www.youtube.com/watch?v=3vC-6rDlceM
Weather Clock
Tutorial 1 - Transparent Clock Panels
One of the most asked request I've received has to do with the Weather Clock and more specifically, how I make my transparent clock panels. The clock panels themselves are not that difficult to work with, but the numbers can be tedious because there are 20 sets of PNG's, tops and bottoms. There are also 4 weather panels that can be themed.
The weather clock PNG's with full Sense skins are found in the assets folder. For Lite Sense skins, they can be located in the res/drawable/hdpi folder. Lite Sense skins are easier to work with because the clock panels and numbers are intact.
When working with weather panels, there flip lines that appear in the middle. These are elements of the flips but they can be removed if you edit the flips or use this No Gap Mode located here: http://forum.xda-developers.com/showthread.php?t=2054779 This mode removes the flip line. All credits go to Team 420 and the Band of Misfits for this mod.
For this particular tutorial, I will only be dealing with the stock weather clock and panels. What you will need are the following found in assets.
PNG's namely (weather panels) 9C324240, 71690667, DE32E328, EF60452E
PNG's namely (0 to 9 top and bottom)
PNG's namely clock_weather_panel.png, clock_weather_panel_l.png, clock_weather_panel_s.png, and clock_weather_panel_s_l.png
Vista ASL Layer posted earlier
I usually select a wallpaper first before making my weather clock. Transparent clocks are good because they go with any wallpaper. We're going to make something similar like the image below.
The instructions are found inside the screenshots below.
Step 1:
Step 2:
Step 3:
Step 4:
Step 5:
reserved for concepts
reserved just because I wanted to reserve
This is great ! Just about to start theming my sense , but don't know where to start
Sent from my HTC Sensation XE with Beats Audio Z715e using xda premium
Engrave lockring
Hey my friend great job on the guides, how about a little help with engraving lockrings, thank you
Thsnks, more coming tonight. Check back on how to make numbers later on.
Sent from my HTC One X+ using xda app-developers app
Great guide..
gonna try and develop my own theme..
Thanks
:victory::victory::victory:
New Tutorials
New tutorials are coming over the weekend. I got an issue with my device at the moment and I need to sort it out.
Look out for Lockrings, Numbers, and Press colours.
nice guide...
where I can find theme for sense 4+ ROM ViperX+ 1.0.9 ?
thank
kiank said:
nice guide...
where I can find theme for sense 4+ ROM ViperX+ 1.0.9 ?
thank
Click to expand...
Click to collapse
Look at my signature. There is a link to skins and things.
Related
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
80 Prada Plus Icons Specialized Icons can be created as well using this template.
More Games (Just Icons)
PNG Images in post 38
RENAISSANCE http://i297.photobucket.com/albums/mm227/rmingram/Renaissance.jpg PNG Images in post 38
World Flag Icons http://i297.photobucket.com/albums/mm227/rmingram/wf.jpg (Any requests?)
Internet Icons http://i297.photobucket.com/albums/mm227/rmingram/RegionCapture1-1.jpg
Game Icons http://i297.photobucket.com/albums/mm227/rmingram/RegionCapture2.jpg
SummerBoard Icons http://i297.photobucket.com/albums/mm227/rmingram/iFoley_Summerboard_Springtime_by_ra.jpg PNG Images in post 38
Comic Iphone Icons http://i297.photobucket.com/albums/mm227/rmingram/handdrawiphone.gif I know it it shows only 3 handmade icons, but in the file, there's close to 20 icons. PNG Images in post 38
Prada Icons http://i297.photobucket.com/albums/mm227/rmingram/prada.jpg PNG Images in post 38
(special note), "Calendar" Icon will not display as in pic, due the type of device. Only on a Iphone will it be displayed that way.
With the help and inspiration from Bluemetalaxe and many others here, I was able to create some icons for UL. All the icons are 48x48 pixels, which the size can be altered in the UL settings. Up to five 48x48 icons can be placed side by side and flushed on the bottom of your today screen.
What I suggest is creating a new "UL Icon" folder on your SD card, so that you can save and use as many icons as you'd like, without worrying about memory.
I also posted some PNG images and icons here as well http://forum.xda-developers.com/showthread.php?t=378260&page=4 post # 37, but from now on I'll be posting my releases here.
The application I use to make the icons (Icofx) can be located in post # 13. Also if you have any icon request, please let me know.
A Brief Tutorial about using UL icons is in Post #9
PC-Style
Transformer
Credit goes to luiggi for taking the time to convert these (PC- Style and Transformer) PNG images into ready-made UL icons.
Original Images are in Post #13
robosiris said:
I have these icons as well. If you'd like, I'll make any of these icons for you as well.
Click to expand...
Click to collapse
Nice icons robosiris, thanks, would love to have them.
Thanks
Very nice!
iggy said:
Nice icons robosiris, thanks, would love to have them.
Click to expand...
Click to collapse
Thanks iggy, still learning though. Which ones, lol? I have them in png now because I'm coming across some many pictures, and can possibly convert them all. But, if you'd like I can post them in png format and you can create the icons yourself.
karch4 said:
Very nice!
Click to expand...
Click to collapse
Glad you like them. There's more to come
I can only say "They are a beauty", man all of them are work of art. Thanks
the icons are simply gr8,.. but i dont know how to use them
kindly guide me... thanks
A brief tutorial on using and installing UL icons:
Bottom Task Bar: If you and when you want to disable the bottom task bar in your today screen, download and install dcinobar.exe, and place it in your windows\startup folder in your device, then reboot.
Scroll Bar in Today Screen: If you and when you want to disable the scroll bar on your today screen, (so you can place your UL icons on the bottom), go into the registry settings of your device, (HKLM\Software\Microsoft\Today\Items\Ultimatelaunch\" and change "Type" from "4" to "5”. This value locks the plugin to the today screen effectively, thus disabling (removing) the today screen scroll bar (then reboot so the setting will stick). Special note … you have to also Uncheck all your “today” plugins, which is located in your settings/today/Items folder, you want nothing but icons on your today screen like the pics in the first post.
Icons on the bottom of the screen: If and when you want the UL tabs/icons to sit against the bottom of the today screen, you have to go into the UL settings, then go into the “Display” folder like in the picture above. Pllease note the settings I currently have. Checking the "Fixed Plugin-height" box will enable you to adjust the space between the top and bottom tabs. The higher the number, the more space between and vice versa get it? Good!!. Now also make you choose "bottom" in the "Tab Headers position" drop down box as well.
The quickest and easiest way (for me) of placing these icons on my deivce is through active sync. Now go into your "Program Files/Ultimate Launch\Icons" folder in your device. This is where you place the icons.
(1) go into your UL settings on your phone, (for example) in the "Tab" folder,
(2) Highlight the first item and hit "change" which is the 3rd button on the right,
(3) Go to "tab" again, and you'll see XP-Icon button. Hit that and it'll browse your device/storage card. Look for where icon you placed it, which was in Program Files\Ultimate Launch\Icons folder. There you will find the icons.
Also remember, you can assign two images to one (.exe) an application, "Normal" and "Pushed'. This is a cool feature many other launchers don't have.
If anyone comes across anything significant I missed and should mention, please don't hesitate to tell me, and I'll update the tutorial.
MySpace Icon?
The icons look great man....Could you create a MySpace icon also?
robosiris said:
I have these PNG pictures and can convert them to icons as well. There's way too many to convert them all...
Click to expand...
Click to collapse
Maybe you could post them as png so long and some creative members can convert what they like to ico format, and share what they convert? This way, the burden is not all on you...
robosiris said:
Thanks iggy, still learning though. Which ones, lol? I have them in png now because I'm coming across some many pictures, and can possibly convert them all. But, if you'd like I can post them in png format and you can create the icons yourself.
Click to expand...
Click to collapse
Excellent, PNG would be fine.
Moe5508 said:
Maybe you could post them as png so long and some creative members can convert what they like to ico format, and share what they convert? This way, the burden is not all on you...
Click to expand...
Click to collapse
Good Idea
Below is the app I use to create/edit icons. Basically using this is fairly simple. If I can do it, you or anyone can too, lol.
I'm still learning how to use the application because the original picture size varies. Also, I included some ready-made icons as well (some of which are pictured above). Hopefully, this will spark many to create unusual and interesting new icons
Ya Boi D, I'm not sure if you're looking for something like this. You can see it on my today screen, and it's included in the random icon file. I'll keep searching. You know have the tools to create some yourself and share.
Very nice icons - Thanks
ico not as mamy as in the finger
I downloaded the summerboard zip and found few icos not exist in tne zip shown in your posted finger. How can i get them?Thanks
awesome! thanks for the great collections.
all i can say is wow ive probably downloaded over 300 icons for UL and none of them even hold a candle to these looks like im not gona sleep for a few days i hope i can figure out how to convert them or i might not ever leave my computer. but ive got no job and 2 cases of beer ill get em done thanks for some killer icons
To all, I'm glad you like the icons,
The "Summerboard" zip has been updated with the 4 missing icons. Thanks for bringing it to my attention.
Several icons on the bottom of my today screen are game icons, which I'm currently working on. I have 19 of them and will post them (in icon form) tomorrow at the latest.
is there a tutorial on how to install the skins?
first time using UL xD
Hi!
Excellent icons but can you you explain how you did the firts screen shots like iphone without windows task bars?
I use too UL but i still have the task bar...
Thanks
Hi guys,
The new TaskFacade 4.0 contains full support for theming. And it seems to me that its theme paradigma is now well-developed and complete.
SO, THE ONLY THING WE NEEDED IS YOU!
That would be great if we could provide TaskFacade with a full package of themes as soon as possible.
If you have some experience in graphics or inspiration in Task Facade's enhancement - please show up here, in this thread. I guarantee you prompt and full support.
---
Attached is the standard theme named "Original", that comes with TaskFacade, with its sources.
Please use it to get a clue on how to create your own themes.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
THEME CREATION GUIDELINES
--
What is a theme?
In Task Facade, a theme is a directory that contains the theme.xml configuration file and all the files referred in it.
The name of the directory is the name of a theme.
All TaskFacade themes are located in the directory, described in settings.xml file, "ThemesFolder" element.
The drawing sequence
This is how TaskFacade draws its surface:
1. Draw background (either a Wallpaper or SolidFill);
2. Draw each slot in memory:
-- Create a copy of a snapshot in memory;
-- Draw a Frame (Titled or Untitled, Selected or Usual) over it (using either alpha-blending or InnerTransparency color for transparency);
-- If necessary, draw a special Frame (CloseProcess or ProcessDead) over it (using either alpha-blending or InnerTransparency color for transparency);
-- If necessary, draw a title;
3. Copy the resulting slot's image to the background, using OuterTransparency color.
Theme elements
Please see the attachment.
--
reserved for further use
for further use
Reserved for further use
Will do Icons later. Here is a carbon fiber wallpaper with task facade logo:
gps-lover said:
MacOS theme:
Click to expand...
Click to collapse
it works with i780?
garsim said:
it works with i780?
Click to expand...
Click to collapse
Themes work everywhere. The only requirement is the latest TaskFacade 4.0 Alpha2.
All images in TaskFacade 4.x are scalable, so you need only 2 (portrait and landscape) to look nice in any resolution.
Kraize said:
Will do Icons later. Here is a carbon fiber wallpaper with task facade logo.
Click to expand...
Click to collapse
Thanks for the input, looks very nice!
Keep it up!
gps-lover said:
Themes work everywhere. The only requirement is the latest TaskFacade 4.0 Alpha2.
All images in TaskFacade 4.x are scalable, so you need only 2 (portrait and landscape) to look nice in any resolution.
Click to expand...
Click to collapse
thank u
i've posted this themes in my blog with link to this forum and to the official site of taskfacade
good work!
Theme Artists needed
Hi guys,
tommorrow I'm gonna publish TaskFacade 4.0 Alpha 3.
It contains full support for theming. And it seems to me that its theme paradigma is now well-developed and complete.
SO, THE ONLY THING WE NEEDED IS YOU!
That would be great if we could provide TaskFacade with a full package of themes as soon as possible.
If you have some experience in graphics or inspiration in Task Facade's enhancement - please show up here, in this thread. I guarantee you prompt and full support.
Thought I would give it a shot! Here you go! I call it, Liquid!
Mini Goldie
Theme: Mini Goldie
Theme is not yet updated to TF4
Description of theme elements updated. See the 1st post for the attachment.
I shall be joining in the creativity..
Will look into this in a moment come up with something soon.
God Bless
GODZSON said:
I shall be joining in the creativity..
Will look into this in a moment come up with something soon.
God Bless
Click to expand...
Click to collapse
hey GODZSON,
glad to see you here.
the only thing we all should consider: in most cases the user sees only the lower-right corner. sometimes the borderspace (top&bottomlines or left&rightlines depending on slots alignment in user's settings). the rest is only gapspace.
so don't rely too much on the middle of the wallpaper.
GODZSON said:
I shall be joining in the creativity..
Will look into this in a moment come up with something soon.
God Bless
Click to expand...
Click to collapse
by the way,
i wonder if you or other guys over here could fulfill a kind of a "request":
we definetely should have "Manilla" and "MacOS" themes in TaskFacade, and i know there are real profis in this area on the forum.
so guys, please show up!
Here is a WVGA skin that looks ok with manilla.
This is supposed to be used without titles and full screen.
I didn't bother changing the titled images from the original skin...
In fact, this is very lazy... all black background and a 1pixel frame (white/green depending on status).
I also corrected all the sizes, so that the stopped/killed program signs are round and not stretched.
I am dumping it here, perhaps someone else likes simplistic skins.
Thank you to the author for creating this awesome program.
new skin!
hey guys!
love this app, so i figured i would help out and create a skin!
i posted it here in my gloss theme:
http://forum.xda-developers.com/showthread.php?t=471649
find it in post 2 in that thread
screenshots in post 1 on that thread (or look below )
i skinned:
every icon/frame in the theme!
the screenshot shows a black background, but if you enable the wallpaper, i also skinned that!
put the theme into a cab, which also replaces your settings file to enable only the titlebar, disable menubar, fix some other little things
if you dont want to install via cab, simply move the folder in the zip to your taskfacade\themes folder on device! (i included both cab and folder)
i really like what i came up with, so hopefully you all do too!
enjoy
htctoucher
htctoucher said:
hey guys!
love this app, so i figured i would help out and create a skin!
i posted it here in my gloss theme:
http://forum.xda-developers.com/showthread.php?t=471649
Click to expand...
Click to collapse
hey htctoucher,
could you please update your skin a bit.
it's about sizes.
the principle is: maximal size of a wallpaper is screensize (e.g., 480x640 for vga).
however, for frames the maximal size is only quarter-screensize (240x320 for vga). it is because we never show 1 frame.
it will save good amount of memory for users of your skin.
3 new themes
here you go!
looks like this:
this is a mock up, because i didnt have time to take screenshots, but it looks like this (the only difference is that the titles go all the way across the snapshot instead of being bubbles) with support for landscape as well:
the top is the "gloss with title" and the bottom is the "gloss title below"
"gloss bottom title" has the title on the bottom of the snapshot just like the original gloss
"gloss bottom title" and "gloss with title" have small icons on the top right like above preview (first level) for dead and close icons
"gloss title below" has large close and dead icons like the preview above (second level)
also, if you want to use a solid background, it looks quite nice with 10,10,10 as the background color (offblack)
hope you like it!
its basically an updated gloss
if you make these default i will delete them from this post
thanks for the great app and for working with me to make these possible!
htctoucher
here is a preview of the macos update i am working on
and a full view of the wallpaper:
everything is made by me.. including the background wallpaper
i tried it on my qvga device.. but it doesnt look that great.. too much tearing.. maybe on vga itll look better
The skinnable version of Beautiful Widgets is now released to the Market. Visit the Market (QR Code below) to purchase, or check your Market updates if previously purchased for this exciting new version!
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
As some of you may know Beautiful Widgets has released their Skinnable version of Beautiful Widgets. I thought it would be great to have a place where we can share tips and skin files for this very popular Widget!
The new release of Beautiful Widgets will not only include a lot of popular skins built it, but you will be able to easily install skins made by others, or you can create your own unique look(skin).
Here is the link to the "Skin Development Kit" http://levelupstudio.com/addons/bw/skindevkit.zip (SkinDevKit.zip UPDATED 01/25, adds support for skinning AM/PM )that has sample files for creating skins. Download and extract the files to a directory of your choice. Please read the contents of the included Readme.txt file for skinning instructions.
Important: Let's please try to keep this thread on topic as a place to post/share BW Skins and tips/tricks of how to make them!
Also, this thread is for sharing BW skins with each other, not for promoting BW skins for sale. If you've got a BW skin and want to show it off, please do so, BUT PLEASE post the skins in a Zip file for others to enjoy too!
Source: 928Droid [Moderator] http://www.droidforums.net/forum/dr...ficial-beautiful-widgets-skinning-thread.html
Installation Process:
1) Create skin using development kit above.
2) Place folder on sd card: sdcard\data\beautifulwidgets\skins\
3) Long press screen and select "Widgets", then "Beautiful Home"/"Beautiful Smaller Home".
4) Select "Skins" at the bottom and then fine your skin within the "Installed Skins" tab.
5) Click "Apply" then "Save & Apply"
***If you already have the desired widget on your home screen, please skip step 6!***
6) Click "Save & Apply"
7) Enjoy!
Google Sense UI Skin - Created by me...
Download Link: GoogleSenseUI
Download Link: SenseUI
Download Link: SenseUI Charcoal
Credits: www.grfxp.com
Pink Floyd Theme: I have to put the .zip and the screenshot in the attachments since I can't post "outside links" yet...
About 500 downloads after a day in the Beautiful Widgets Skin Download menu...
if ur gonna carry this over from droidforums.net u got alot of work to do LOL
its weird..but it seems as if the skinning for bw is coming to a slow hault.
SoCalSpecialist said:
if ur gonna carry this over from droidforums.net u got alot of work to do LOL
its weird..but it seems as if the skinning for bw is coming to a slow hault.
Click to expand...
Click to collapse
Yeah, but I just figured out how to skin. It's a lot easier then I thought. No coding or anything like that. Just changing some .png's with photoshop and done. I will just continue to make my own little skins and keep it at that.
nice..
we need more skins for it anyways
no icons in home screen
hello,
i have installed beautiful widgets and added it to my home screen. i applied a skin but i doesn't show the icons of the sun or anything else.
i see the clock and the temperature but no icons. If i open it i see little icons in the bottom but not the big icon on top. i've downloaded some skin and applied them but still doesn't work.
What am i doing wrong? Can anyone help me please......
Gohann001 said:
hello,
i have installed beautiful widgets and added it to my home screen. i applied a skin but i doesn't show the icons of the sun or anything else.
i see the clock and the temperature but no icons. If i open it i see little icons in the bottom but not the big icon on top. i've downloaded some skin and applied them but still doesn't work.
What am i doing wrong? Can anyone help me please......
Click to expand...
Click to collapse
I would recommend uninstalling/reinstalling the app. Then see if the default skin shows the weather icon and other data. If so, follow rules listed above for proper skin installation. Hope this helps.
Louis Vuitton Black
Download Link: LouisVuitton_Black
SG_Shadow said:
I would recommend uninstalling/reinstalling the app. Then see if the default skin shows the weather icon and other data. If so, follow rules listed above for proper skin installation. Hope this helps.
Click to expand...
Click to collapse
i've installed it again but no icons. if i look in the skins and take a look at my standard skin it shows nothing???
Very strange....
Louis Vuitton
Download Link: LouisVuitton
Gohann001 said:
i've installed it again but no icons. if i look in the skins and take a look at my standard skin it shows nothing???
Very strange....
Click to expand...
Click to collapse
...yes, very strange. Download the attached zip file. Unzip and place both the folder and the bwa file in the following location: sd card\data\beautifulwidgets\
Home Failure
SG_Shadow said:
...yes, very strange. Download the attached zip file. Unzip and place both the folder and the bwa file in the following location: sd card\data\beautifulwidgets\
Click to expand...
Click to collapse
I flashed another rom and now it is working. I had an eclair rom and this doesn't seem to work on that one.
Anyway TNX for your help en keep up the good workssssssss.
Gtz Gohann
any ideas how bw organizes the .pngs of the numbers and am/pm...i've tried numerous sizes of the png's and i can't seem to get them numbers smaller without having huge spaces in between. Also the am/pm never lines up with the bottom of the numbers.
Gohann001 said:
I flashed another rom and now it is working. I had an eclair rom and this doesn't seem to work on that one.
Anyway TNX for your help en keep up the good workssssssss.
Gtz Gohann
Click to expand...
Click to collapse
Really weird, I'm running the latest Cyanogen Mod which is eclair as well... Glad it's working for ya!
jl8935 said:
any ideas how bw organizes the .pngs of the numbers and am/pm...i've tried numerous sizes of the png's and i can't seem to get them numbers smaller without having huge spaces in between. Also the am/pm never lines up with the bottom of the numbers.
Click to expand...
Click to collapse
Not 100% sure how they organize the .pngs but what I do is just take a working skin and keep the sizes of those. For example, the sense ui skin numbers are sized 88x112. So when I go into photoshop, I reduce the size of the font until it fits inside that area perfectly. Works for me. And the AM/PM thing is like that even in the default skin. I don't think it will ever be perfectly lined up.
Update: I stand corrected. I'm working on a coca-cola skin and it appears to allow me to have the am/pm on level with the numbers. I don't have time to get into the specifics, on the way to work, gotta go...
...always Coca-Cola!
Download Link: CocaCola
Burger King
Download Link:BurgerKing
dude that bk one is awesome with the transparency cranked up!
gracias..
either way heres another one, which seems to be liked by all.
they call this one "Black Cashemere" enjoy
Under construction....
All credits go to Pierre Hebert for an amazing Launcher and being an amazing friendly dev.
Lightning launcher has a new in built theme backup/sharing so I thought I would start this so we can share on xda too.
Themes are called templates and can be built into apks or shared as a backup file which just needs placing in the LightningLauncher folder on your sdcard or emulated SD card.
You must have latest LightningLauncher installed.
Get it here. free version
https://play.google.com/store/apps/details?id=net.pierrox.lightning_launcher
Also available is the LL extreme Version which is a paid app.
https://play.google.com/store/apps/details?id=net.pierrox.lightning_launcher_extreme
The launcher has a new inbuilt template engine that can create,search and apply templates.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Browse existing - will lead to the play store apks that are available to download and apply.
Apply - will apply any chosen template which is present in your LL folder on your sdcard/emulated SD.
I will link to all my current templates on post 2.
Apks and Normal files included.
Apks need to be installed then applied, other templates will need to be placed in your LL folder which is auto generated by the app.
Once there all that's needed is to go to the apply option and choose the desired template, accept the launcher to create widgets etc when promted.
!! PLEASE NOTE !!
Device specifics may lead to some templates not showing correct. All my templates are made on the nexus 4 so may look strange on other devices.
Further info and screens are available on the LightningLauncher G+ pages.
Re: [Themes] lightning launcher
Project is dead and buried due to losing all files and backups.
Re: [Themes] lightning launcher
Reserved
Re: [Themes] lightning launcher
Deleted due to new Original post update.
Re: [Themes] lightning launcher
Outdated
Re: [Themes] lightning launcher
Outdated
Sent from my Nexus 4
Art with a wink Theme
Home
Screen 1
Screen 2
I decided to share my Pinup theme it's a little more work but for sure it's worth it
So here come the explanation how to accomplish this theme
First the things you need.
LL Launcher of course https://play.google.com/store/apps/details?id=net.pierrox.lightning_launcher&feature=search_result#?t=W251bGwsMSwxLDEsIm5ldC5waWVycm94LmxpZ2h0bmluZ19sYXVuY2hlciJd
Uccw https://play.google.com/store/apps/details?id=in.vineetsirohi.customwidget&feature=search_result#?t=W251bGwsMSwxLDEsImluLnZpbmVldHNpcm9oaS5jdXN0b213aWRnZXQiXQ
The Uccw uzip files this include the weather and wallpaper, it also include the PSD for the pinup tiles and the wallpaper PSD
https://docs.google.com/file/d/0B_CuFN5jCNftNU5nb1g0Ul8wbm8/edit?usp=sharing
For other pinup files go to http://www.thepinupfiles.com/index.html#.UWzDI4n8J9A
You can of course also use other picture's or photo's instead.
Icons http://forum.xda-developers.com/showpost.php?p=30620371&postcount=2858
LL Theme https://docs.google.com/file/d/0B_CuFN5jCNftYnZfS2xkdHhPRDQ/edit?usp=sharing
I don't know sure if everything is packed in the theme so that's why I put everything with it and also a description how to accomplish this theme
Preparation
If you don't have Lightning launcher and/or uccw
Install them first
Unzip the uccw files and put them on your phone of course also put the wallpaper with it.
Wallpaper
This theme is for 1280X800, but because you have the PSD files you can adjust it to other sizes
Be sure only that you remember the sizes of your tiles because that will be importend in uccw.
UCCW
This you really have to check out when you adjusted the size of the wallpaper and/or tiles
Be sure that the background in the uccw editor have exactly the same size as the widgets (uzip) else you gone have trouble with aligning the widgets and also the hotspot of the widget will be very hard to get it right.
Lighting launcher settings
Current screen settings
Items>Text Display label off
Items>Icon Display the icon on, Enable reflection off
Rest of the Items no need to change
Wallpaper & Background> Display wallpaper
Wallpaper & Background> Select your wallpaper look up your wallpaper
Wallpaper & Background> Width 768
Wallpaper & Background> Height 1280
The rest of Wallpaper & Background stay the same
Behavior>Layout>Free mode on
Behavior>Layout> Dual position off
Behavior>Layout> Snapping none
Behavior>Zooming and scrolling>scrolling direction> Vertical only
Behavior>Zooming and scrolling> Scrolling speed 3.0
Behavior>Zooming and scrolling> Use scroll stops on
Behavior>Zooming and scrolling> Disable diagonal scrolling on
Behavior>Zooming and scrolling> rest of settings off
Behavior>Lost+found> Screen orientation > Portrait
Behavior>Lost+found> Hide the statusbar On
Appdrawer settings
Wallpaper & Background> Display wallpaper
Wallpaper & Background> Tint color (i made it black but you can pick what ever color you want)
Now the settings of lightning launcher are done and it's time to build up your screen
As you see the wallpaper have for the pinned widgets and icons (Weather, Time, Agenda, Frequent apps and missed) already aligned squars and there place
So that is gone be easy.
But first we have to put the pinup uccw widgets on there place because the alignment will be much easier.
Be sure that the hotspot of your uccw pinup widget is connected with the right app (if you have chanced it or in case i use a other app then you do)
Place the first one and go on from there it's a little hard to do but worth the effort.
When you have placed the first 3 the swipe with your fingers up or down to get to the top page or lower page to add the next 3.
When all this is done then add the pinned uccw widgets, you pin them by holding them a little longer then you get a menu in which you can pin them.
I hope you gone like the theme and it inspire to make your own or even better theme
Outdated
Outdated
Outdated
Hmmm why is this thread so short? I'll try to share my theme later. Can someone link me to the original lightning launcher main thread? Can't seem to find it.
adamlee011 said:
Hmmm why is this thread so short? I'll try to share my theme later. Can someone link me to the original lightning launcher main thread? Can't seem to find it.
Click to expand...
Click to collapse
I can't really answer that but I must say I have tried L.L. a few times and found it very confusing to use, I'm sure giving it a bit of time will yield good results but it was just a bit full on for my liking.
Cheers, LL13-
lamplighter13 said:
I can't really answer that but I must say I have tried L.L. a few times and found it very confusing to use, I'm sure giving it a bit of time will yield good results but it was just a bit full on for my liking.
Cheers, LL13-
Click to expand...
Click to collapse
Oh absolutely. If you have the time and desire though.... Well.....
Sent from my HTCONE using xda app-developers app
Certainly not for everyone. If you're looking for a lot of flexibility in customization in a more traditional launcher try ss launcher. I use that on my evo.
Sent from my HTCONE using xda app-developers app
Oh, someone else who likes the launcher
I'll try to post my homescreens soon. Most of them are also uploaded to the Theme Manager. My name there is Vinncorporated
WompusGalompus said:
Oh, someone else who likes the launcher
I'll try to post my homescreens soon. Most of them are also uploaded to the Theme Manager. My name there is Vinncorporated
Click to expand...
Click to collapse
http://forum.xda-developers.com/showthread.php?t=1667280 i'm excited to see another fan of ll too! This is supposed to be a theme thread. We're sharing at the above linked thread. Come on over!
I get by with a little help from my friends.
Hey slymobi
Sent from my Nexus 4 using xda app-developers app
Cannot install lighthing launcher theme manager
hi
i m getting error : Incompatible with other applications(s) using the same shared user ID. Plz help me to install lighthing launcher theme manager. Also without theme manager can v install these themes mentioned in this thread http://forum.xda-developers.com/showthread.php?t=2207662 ?? then how to install them ? thanks in advance ?
LightningLauncher now has a new sharing method where you can browse existing available templates from the launcher itself.
This thread is old now and the method here is outdated, I will update this thread soon with new links to my LL templates.
we are all just evolved organism's
Transvisions theme
https://www.youtube.com/watch?v=uXzZm7TNAa4&feature=youtube_gdata_player
Sent from my Nexus 4
Hi, all! Just wanted to share my process for creating my home screen layouts. It's pretty simple and it's been relatively the same way I've been making my home screen designs for many years. There's been a clear pattern I favor (one home screen page only) and it's been serving me well for a long time. Just wanted to include some more examples and share some tools that I use in case any of you wanted some help recreating some of my designs or to help inspire you to make something unique to your tastes. It's a really fun process, IMO.
The first and most important tool that I use is GIMP, which if you don't already know is a free image editing program that you can download here: https://www.gimp.org/
There's TONS of tutorial videos on YouTube on how you can use this program, it's not difficult to use so you'll get the hang of things pretty quickly, IMO. Theoretically, you can create my themes (with maybe more capabilities) solely using Zooper Widget and/or KLWP but for me using GIMP to make the background wallpapers, the color schemes and icons, basically everything but the widgets, is much easier to make on my laptop using GIMP.
Here's some screenshots of a quick process using layers on GIMP and how it all looks.
I start with the 12x12 grid template that I created to help move everything into its proper place, then add the layers on top and make adjustments as I go along.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Here's the 12x12 Nova Grid Template:
How about some color pallets to help make your choice of what color to use?
RED - PINK - PURPLE
DEEP PURPLE - INDIGO - BLUE
LIGHT BLUE - CYAN - TEAL
GREEN - LIGHT GREEN - LIME
YELLOW - AMBER - ORANGE
DEEP ORANGE - BROWN - GREY
BLUE GREY
I have a folder on my laptop full of icon packs that I've collected over the years. I just place them onto the wallpaper (as layers on GIMP) and use the grid template as a guide to put them in place. I use a blank Zooper Widget to make hotspots for every individual app in that area of the home screen, if you get what I'm saying.
This is my current layout that I'm using on my Note 8 - 12x12 Grid using Nova - Zooper Widget Pro - Power Toggles (Painless Apps)
Blank version without the icons
With the bottom icons only
Zooper file for the top widget that has the Time, Date and Storage Information - For the Micro SD info inside the Zooper Widget settings you need to find the name of your file path to your SD card, in my case it was simple "0000-0000". Use a file explorer to find your file path name to your card.
http://www.mediafire.com/file/n71zcm8rvtx58g8/New_Top_Widget.zw
Finally, here are some videos that I've made over the years to showcase some of my home screen creations. Some of them are a tutorial of sorts and the others are just showcasing a specific theme.
This first one I believe was my first video I made to show how I put together the final result of a layout. After all the editing is done on GIMP this is basically how things would get put together on the phone's end. I used to use Buzz Launcher for a long time before switching to Nova Prime I think when I got my Note 5. Most of these videos were made showing my layouts on Buzz Launcher but the principle is basically the same on Nova Launcher. Still using a 12x12 Grid.
S3 Layout
Enkel Lidenskab
I think this was made on my Note 3 or 4
SVART OCH VITT
This theme here was one of the few that I created that used more than one homescreen page. I believe it was made on my S3 or Note 4.
WIJH
This layout shows how I used to incorporate live wallpapers underneath my custom wallpaper. Latest versions of Buzz Launcher no longer allow you to do this and I haven't seen any examples of Nova allowing you to do this, either. That is, unless you just use a Zooper Widget to create the wallpaper in pieces but like I said, I prefer to just do that on my laptop using GIMP.
mjúk skýin
dybe skygger
Einfachheit+
milde skygger
Mobile Freedom
visiones antiqua
Well, that's basically it. I hope you've found this guide to be useful. If y'all have any comments or questions please feel free to post below. Have fun and see you around the forums!
Just wanted to share a few more details on how I put my themes together. For those of you using GIMP, here is the xcf file for my latest theme. When you open this in GIMP you'll get a better picture of how I put this all together.
http://www.mediafire.com/view/kt61g88at0ry5hg/07_Oct_2017.xcf
So I start with what do I need on my home screen. I need my most used apps, my favorite app folders, my power toggle widget and finally my combined widget for the time, date and storage info. I look at the 12x12 Grid Template and decide where I'm placing all of that.
This is how it looks with the lines so you can see how I managed things:
Just going by this recent layout I'm using, once I have everything placed where I need it I can start choosing the background wallpaper and save different versions so I can swap my phone's look throughout the week at my whim. The wallpaper doesn't have to be the exact size of the middle image space but you need to re scale it to at least 1122 pixel height and you can just drag it across to frame it how you'd prefer. If you've got this opened on GIMP you'll understand what I'm saying much clearer.
Here's another Zooper Widget template for my center clock layout in case anyone wants it:
http://www.mediafire.com/file/s5963dbch4d9oo6/Full_Circle_Roadie.zw
I hope these new details help. Keep sharing any questions you may have and thank you for all the kind words!
Amazing work
I truly appreciate this
visiones antiqua is one of the most amazing homescreens i've seen. This post pretty much epitomizes why I like Android. Bravo.
Thanks, guys! I really appreciate the kind words! Lotta work I put into these themes but they're fun to make and I enjoy helping out my community around here!
So, how do you change the main wallpaper? Do you go into GIMP every time and just re-upload it Nova?
How do you get each little section clickable in nova? Do you import it to KLWP?
DudeThatsErin said:
So, how do you change the main wallpaper? Do you go into GIMP every time and just re-upload it Nova?
How do you get each little section clickable in nova? Do you import it to KLWP?
Click to expand...
Click to collapse
I just save different versions of the same layout on my phone so that I can swap wallpapers depending on what I feel like.
The toggles on top is a widget
The time, date and storage info is a Zooper Widget
The folders in the middle (Tools/News/Media/Photography/Office/Games - I just drag from the the app drawer and make them transparent so the wallpaper comes through
The icon rows on the bottm launch from Zooper Widget hot spots.
This is fantastic. Thank you very much
Awesome work. Thanks
So I downloaded GIMP and also have PS. How am I to use your template considering it has the clock in it and all the other stuff? Or does that not matter?
Also, if I want to create my own template, whats the picture resolution supposed to be at ?
elite-fusion said:
So I downloaded GIMP and also have PS. How am I to use your template considering it has the clock in it and all the other stuff? Or does that not matter?
Also, if I want to create my own template, whats the picture resolution supposed to be at ?
Click to expand...
Click to collapse
You don't need to go by my recent layout example, you can just use the grid template to help make your own but you can take my screen shots and chop them up and use whatever part you want. The clock is a Zooper Widget and you can download it from the link in the first post. Let me fire up GIMP and provide a more detailed description of my current home screen layout so you can see what size is what and where. I'll update my first post when I'm done. Hang tight!
Great stuff, thanks for sharing.
Post #2 updated with further details and files. Hope that helps!
@roaduardo do you have the first post's wallpaper without any icons, but including the shadows of each layer?
Also please remind me which widget is the top toggles widget?
Thank you!
Warlord1981 said:
@roaduardo do you have the first post's wallpaper without any icons, but including the shadows of each layer?
Also please remind me which widget is the top toggles widget?
Thank you!
Click to expand...
Click to collapse
Here ya go! The top widget I made using Zooper Widget Pro, the template of which I've also included in the first post. Install Zooper Widget Pro if you haven't already and just use that template file I included. If you run into any issues let me know.
Thanks a lot! Will try & revert back in case I face any issues
Sent from my SM-N950F using Tapatalk
Well, here is my take on it
Warlord1981 said:
Well, here is my take on it
Click to expand...
Click to collapse
Nice!
Warlord1981 said:
Well, here is my take on it
Click to expand...
Click to collapse
That's awesome! Warms my heart to see others getting some use out of this thread! Well done!