[LAYOUT] Scrolling Dock Banner/Icon (Howto) - Android Themes

Ok, so few people asked me how I placed a Banner like Icon in-place of my dock. I wanted to answer directly but thought why not share it with everyone else. So here a tutorial on how to do it.
First, this is how it looks like
{
"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"
}
And a demo Vid
If you think its cool, then read on.
It's fairly easy, but quite tricky. Here we go.
What you need:
Launcher Pro
Banner/Icon (Template links later)
Desktop Visualizer
1. Set your home-screen row to 7 (for a 6 row home-screen setup). (This seems to be the most efficient value for me)
2. Now add a desktop visualizer 4x1 widget
3. With desktop visualizer, select your desired banner/template as your image and set the action as none (as seen on the video below)
4. Place the new widget on the bottom most part of your home-screen.
5. Now back to LPP preferences, set your home-screen row back to 6.
6. Might take long to load but there you have it, a scrolling banner on your dock.
Notes:
I believe you can use any number of homescreen rows from 4 up to 9 but I havent tested it yet and I only have a template for a 6 row homescreen.
In the video, I used a 5 column x 6 row setup opposed to the 4 x 6 setup on the tutorial to lessen the changes from stock layout.
forgot to mention, for best results, use transparent dock ang dock-shortcut icons.
Banner templates:
4x1 (right click and "save as")
5x1 (right click and "save as")
The Grey part is what the dock covers, blank part should always stay transparent. Just paste your banner over the gray part and make sure that nothing overlaps then delete the grey part entirely.

Cant seem to make youtube link to work, just click here and here to watch the vids

Thanks for the tut. You gave me an Idea on a cool homescreen. Mind sharing the text icons used on the vid?

Here is your video:

Related

BlueDock - LauncherPro Dock

Hope you guys like this. I have two versions, one with a center 'Phone' icon, and one without. Screenshots below
I'll take requests for different colors too! just ask
Colors so far:
Blue
Black
With Center Phone Icon(Change Center Icon to provided blank icon)
{
"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"
}
Without Center Phone Icon
looks great
wonderful dock.
how to install?
extasy88 said:
how to install?
Click to expand...
Click to collapse
extract files to SD card
make sure phone re-scans media
[in launcherpro] options - preferences - appearance settings - dock background
i'll take requests now for different colors, just ask
I would like to see a black one that matches the rest of the UI
wstahlhut said:
I would like to see a black one that matches the rest of the UI
Click to expand...
Click to collapse
i'll look into making a black/gray/white version
edit:
made it, check the attachments.
I like the dock. How do I set the center icon to be the phone application without putting another icon on top of it? I'm not sure if the issue I'm having is clear. Basically, when I assign the center button to be a shortcut to the phone, it makes me choose an icon for it. The icon I choose lays on top of the phone icon that you have in your image file. How can I fix this?
i provided an blank icon that you can pick
I downloaded the BlueDock.zip file. In it, I see 3 Images:
BlueDock.png
BlueDock_nobutton.png
screenshot_2.png
I don't see any blank icon. Am I missing something?
Also, May I suggest that instead of using a blank icon, can the colorful phone Icon be provided seperately and used on top of the noicon image? That way when you scroll through docks, the phone Icon will scroll with the other icons. Also, this would give the option of not having the phone be the center Icon on every dock.
just noticed the first zip had the wrong file in it! added now!
Where u get that wallpaper?
Nice docks, I'm using the blue one now!

[Theme] Clear and clean theme for LauncherPro and Weather & Toggle Widget

Okay, so I got inspired to do this:
{
"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"
}
...after looking around in this thread here:
http://forum.xda-developers.com/showthread.php?t=761517
I especially liked the cleaner looking themes, but wanted something even more streamlined. So I started by doing the following:
I thought that the samurai wallpaper was awesome, so I found it via Google here:
http://www.outlawdesignblog.com/wp-content/uploads/2008/04/samurai_me_by_patleeart.jpg
..and hit it with the sepia filter in Photoid. That darkened it up enough for me.
The dock I found on Deviant Art here:
http://kimboprice.deviantart.com/gallery/#/d2ydmvn
...and ran it through GIMP. The only part that remained was the app drawer icon. I made the borders on the app drawer icon bolder, erased the rest and made new text icons and the simple white upper border.
For clock I used the DigiTrans clock skin for Weather & Toggle Widget that is available for free on the Market, and modified the widget background (simple white border and clock underline with a 25% transparency), AM icon and PM icon in GIMP.
To use any of it, just put the clock skin ZIP on your SD card in the appropriate folder and select it through the widget skin wizard in your Weather & Toggle Widget settings menu; the wallpaper is a no brainer; for the dock, using LauncherPro select preferences>appearance>dock background>custom image and choose it from the gallery, then use the included blank icon for the app drawer, phone and task manager apps.
There are two docks in the ZIP, a black one for lighter wallpapers and a white one for darker wallpapers.
Mods, please feel free to close this thread or remove any of my attachments if anything is not in line or if I've left out any credits. Everything I used was found on the web or in the market for free, except Weather & Toggle Widget which folks will have to download from the market on their own.
Hope some of your guys will like this theme.

[TILES][WP7][Metro UI]

Recently the "Metro UI" Launcher in the market has vastly improved save the fact of disappointing amounts of icons, and real proportion in relation to the actual Metro UI.
I've compiled the best white on blue icons for my use, along with full color tiles (WP7 isn't ALL blue tiles with white icons) using the "use image as background" option in the Metro UI selection interface.
To make use of these icons:
Step 1) Extract folder to Internal/External SD card on Android handset
Step 2) When Adding corresponding tile check "Image as background"
Step 3) For "Select Icon" choose "custom" then click select Icon
Step 4) Use file manager of choice to go to directory where icons where extracted
Step 5) Choose and enjoy!
http://www.dropbox.com/gallery/10275021/1/Metro UI?h=45404e
http://dl.dropbox.com/u/10275021/Metro UI.rar
Now I present my current Interface
{
"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"
}
Attached are the mentioned icons
Enjoy!
The tiles for Phone, texts, and gmail are set as icon and not image
they look nice, testing them out now. would it not be easier to make them transparent pngs so the user can still use their own colour? or doesn't metro ui liek png's?
I would, save the fact that metro ui automatically resizes icons to a smaller size not proportional, and big like the actual WP7 Metro UI
this thread is very similar in nature with this one
http://forum.xda-developers.com/showthread.php?t=913747
With different icons though
Sent from my SAMSUNG-SGH-I897 using XDA App
Would you guys like the transparent icons?
Launcher 7 works very well also
ThtOthrPrsn said:
Launcher 7 works very well also
Click to expand...
Click to collapse
I think Metro UI is smoother (like slide for app drawer, the app listing looks better) and it's just more "professional"
hey guys wanted to say this looks really good. im using metro ui pro and i was wondering if someone could make a dungeon wonders icon for a 1x1 tile with whole image as the background.
thanks in advance.

[Zooper] [KLWP] [Boot Animations] Ph0enix_216's Widgets & Things

Hey all
Over the past three or four years I've done a wee bit of theming, starting with my iPod touch 4th Gen (I swear Apple makes it harder and harder to theme with every iOS update!) and now with Android. I've gotta say, I like Android much better in terms of theming things. I've used Zooper Widget and Kustom Live Wallpaper, and this is just a spot to share the stuff I've made as I go and as I learn. Anything new I create will be uploaded to Box.
Some notes:
I use Nova Launcher Beta as my launcher
Please don't download something of mine and republish it as your own. I'm just like everyone else here and I like to be credited for my work and if you inspire me to create something, I too will give you credit
Constructive criticism of my stuff is welcome, but please don't be rude.
If a link isn't working and you want to download something, shoot me a PM. I can't promise that I'll get back to you right away (I work 35-50 hours a week at a Wendy's in my home town and I also have classes at a nearby community college), but I will do my best
Box folders:
Zooper Widgets - https://app.box.com/s/moqjbj14ux6t73e34sjf0orekgay96i7
KLWP Komponents - https://app.box.com/s/c6w66vpy59pg5b9npi23za4nm3bw40yi
Boot Animations - https://app.box.com/s/y9lh4qcm5oyu1hilibpdmy36at2ivz1e
Happy Easter everyone! If that's your thing at least
Just a couple KLWP Komponents:
First one is based on the Rising Bars Cydget by Patrick Muff. The second one is just a variation of it (links to Box included).
{
"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"
}
Link: https://app.box.com/s/4vg3e9br2zrlj549zlkgfepv9r82b710
Link: https://app.box.com/s/xkodv4oy7x6uec9fzxabd1d3waena14k
Dock Battery Meter for App Drawer
Something I've had for Zooper for a while now. A 3x1 widget that sets centered in the dock, with the app drawer icon resting between the circle that displays the battery level (I don't really use it now because I have an Xposed mod that changes the home icon on my navigation bar to a battery meter).
Link to widget: https://app.box.com/s/cjk28ykkwdha4oe9fkbdv16i6ace24px
Circle Clock
Okay, I think this setup will work for today at least A KLWP with a pie that fills in the circle with every second that goes by
Link: https://app.box.com/s/80elsmw549jdfk8ntqfyl1cgatilnrm3
A boot animation.
It's pretty basic, as it just has the Skillet logo and then adds a loading bar at the bottom (I'm a Panhead by the way)
Link: https://app.box.com/s/zewsy3gcwfsgvj7o0kbdc8wevv8xwsau
Red analog clock
Download here

One way to make App Drawer appear "Off Center" in Nova Launcher.

Ok, it's a little crude and you loose the labels, but it is simple and no need for any programming or special skills.
So, my Tab 2 P3100 is now running CyanogenMod 12.1 with Nova Launcher and Theme is Black Accent.
In Nova you can't rearrange the icons in the App Drawer in so many ways.
This is a way to be a liitle more creative.
You need an Icon pack that gives you the option to not have an icon at all.
In my case it's Lines.
However, I want other icons, so I also have Monoic.
You also need a number of apps that you never will use.
How it looks in my Tab:
{
"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"
}
Ordinary Lock Screen
..................................................
Left Home Screen.......Middle(default).......Right Home Screen
As you can see my Home Screens are off center to the right, but that is easy since Nova let's you place the icons how ever you want.
So I chose an app grid with 1 extra unused column. I can have labels here, but I don't want to.
....................
Drawer coming up...........Up
To get the same look and keep the icons from the red lines I need an extra column here too.
But Nova will put icons there. And in alphabetical order...
I have renamed apps that I don't use or need and with Lines Icon Pack they got an empty space instead of an image.
In the last row I made one more app "invisible" to center the icons under the others.
Later I may add 2 usable apps to get a full bottom row.
Depending on widgets and number of apps and also the background image, it takes some trial'n'error to find
what app grid you need.
You might even need to install some small garbage app just to make it invisible :laugh:
Edit:
Another way to use the drawer with hidden icons is probably covered somewhere, but if you have your ordinary drawer, apps'n'all...
You can take a screenshot and use that as background (but now your home screen is affected).
Make all icons hidden and you get a transparent "activation sheet" that needs to be pulled upp to use the apps you see in the background.

Categories

Resources