Develop Bugs

Find On Page / Forward / View Source bookmarklets

UPDATE: New incremental search on page ("Next" button)!
So, one thing that has annoyed me about Mango are the changes to IE's user interface. I love the new rendering and JavaScript engines, but the UI is a pain. It wasn't enough to hide away the Tabs and Favorites options; they completely removed the "Find on page" and "Forward" menu options.
However, these can be (somewhat) implemented in JavaScript, and stored as Favorites (sometimes called "bookmarklets") that execute the script instead of navigating to a page. This is the approach that was used for iOS 3 and below, for example (which also lacked Find on Page). It also works on the desktop, incidentally.
Together with XDA member @byobge, I set out to create bookmaklets that would reimplement these features on Mango.
Forward was easy. You can simply create a Favorite from any page, change the Name (I use "! Forward" to help it stand out), and set the Web Address box:
Code:
javascript:history.forward()
Find On Page was a lot trickier. For one thing, it's a more complicated action that doesn't have a built-in JS function like Forward. For another thing, IE on WP7 doesn't support the JS prompt() function, for no discernable reason (Mobile Safari does, which is how their version was implemented). To fix this, we created a pseudo-prompt that puts a highlighted bar with a text box and a button at the top of the current web page view. The actual searching and highlighting code was taken from multiple sources through various attempts to make this work, with the final version being borrowed from Jesse Ruderman’s bookmarklet collection on his blog.
UPDATED VERSION: Now adds incremental searching to the page, so it will auto-scroll you between them using a "Next" button!
Just like Forward, create a Favorite on any page, change the name (I used "! Find On Page"), and change the Web Address (Copy/Paste are your friends; make sure you get all of it!):
Code:
javascript:eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(4(){4 e(s){b B.1z(s)}4 8(s){b B.1r(s)}4 12(){5 o=w.1w;b o==F?p.1v:o}4 Y(){5 o=w.1P;b o==F?p.1I:o}4 z(s){s.1J=\'1p\';s.1m=\'1M\';s.1i=12()+\'14\';s.1h=Y()+\'14\'}4 G(){5 2=e(\'2\'),9=e(\'9\');k(F==2){2=8(\'T\');2.r=\'2\';5 s=2.7,l=8(\'v\');z(s);s.1g=\'1e%\';s.y=\'#1f\';9=8(\'v\');9.r=\'9\';9.t=\'1d\';2.f(9);l.t=\'1k\';l.u=\'1o\';l.H=4(){P(9.u)};2.f(l);p.f(2)}10{2.7.O=\'S\';a=0}}4 P(s){e(\'2\').7.O=\'1l\';k(s===\'\')b;5 n=D(B.R,s.x(),s.Z),m=8(\'v\'),d=8(\'T\'),c=8(\'v\');1c(s+": "+a);2.13.18(2);d.r=\'U\';z(d.7);d.7.O=\'S\';m.t=\'16\';m.u=\'1b\';m.H=4(){N()};d.f(m);c.t=\'16\';c.u=\'1j\';c.H=4(){1L.1K()};d.f(c);p.f(d);i=a-1;N();b n}4 N(){5 s=e("J"+i),Q=-V,M=-V;s.7.y="X";++i;i%=a;s=e("J"+i);s.7.y="1G";1H{Q+=s.1q;M+=s.1R}1Q(s=s.1O);w.1N(Q,M);z(e(\'U\').7)}4 D(6,K,L){5 q,A,g,h,17,E;A=0;k(6.11==3){q=6.1u.x().1t(K);k(q>=0){g=8("1s");g.r="J"+a;g.7.y="X";h=6.15(q);17=h.15(L);E=h.1x(1y);g.f(E);h.13.1D(g,h);++a;A=1}}10{k(6.11==1&&6.I&&6.W.x()!="1A"&&6.W.x!="1B"){1C(5 j=0;j<6.I.Z;++j){j=j+D(6.I[j],K,L)}}}b A}5 a=0,i=0;5 w=1E,C=B;5 p=C.R;5 1a=C.19;G();C.1n(\'1F\')})()',62,116,'||pf||function|var|nd|style|dce|qt|ct|return|||gebi|appendChild|sp|mN|cur|ch|if|sb|nx|||db|pos|id||type|value|input||toUpperCase|backgroundColor|PAT|skip|document|doc|sN|mC|null||onclick|childNodes|fsp|te|len|yo||display||xo|body|inline|div|dv|30|tagName|red|PXO|length|else|nodeType|PYO|parentNode|px|splitText|button|eB|removeChild|documentElement|dde|Next|alert|text|100|FFFF00|width|left|top|Cancel|submit|none|zIndex|execCommand|Find|absolute|offsetLeft|createElement|SPAN|indexOf|data|scrollTop|pageYOffset|cloneNode|true|getElementById|SCRIPT|STYLE|for|replaceChild|window|stop|yellow|do|scrollLeft|position|reload|location|99|scrollTo|offsetParent|pageXOffset|while|offsetTop'.split('|')))
Older version:
Code:
javascript:(function(){function G(){var pf=doc.getElementById('pf');var qt=doc.getElementById('qt');if(null==pf){pf=doc.createElement('div');pf.id='pf';var s=pf.style;s.position='absolute';s.zIndex='99';s.top=(scT||scBT)+'px';s.left=(scL||scBL)+'px';s.width='100%';s.backgroundColor='#FFFF00';pf.appendChild(doc.createTextNode('Search: '));qt=doc.createElement('input');qt.id='qt';qt.type='text';pf.appendChild(qt);var sb=doc.createElement('input');sb.type='button';sb.value='Find';sb.onclick=function(){P(qt.value)};pf.appendChild(sb);doc.body.appendChild(pf);}else{pf.style.display='inline';count=0;}}function P(s){document.getElementById('pf').style.display='none';if(s==='')return;var n=srchNode(document.body,s.toUpperCase(),s.length);alert("Found "+count+" occurrence"+(count==1?"":"s")+" of '"+s+"'.");pf.parentNode.removeChild(pf);return n;}function srchNode(node,te,len){var pos,skip,spannode,middlebit,endbit,middleclone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){spannode=document.createElement("SPAN");spannode.style.backgroundColor="red";middlebit=node.splitText(pos);endbit=middlebit.splitText(len);middleclone=middlebit.cloneNode(true);spannode.appendChild(middleclone);middlebit.parentNode.replaceChild(spannode,middlebit);++count;skip=1;}}else{if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!="SCRIPT"&&node.tagName.toUpperCase!="STYLE"){for(var child=0;child<node.childNodes.length;++child){child=child+srchNode(node.childNodes[child],te,len);}}}return skip;}var count=0,scL=0,scT=0,scBL=0,scBT=0;var w=window,doc=document;if(typeof doc.body!='undefined'&&typeof doc.body.scrollLeft!='undefined'){scBL=doc.body.scrollLeft;scBT=doc.body.scrollTop;}if(typeof doc.documentElement!='undefined'&&typeof doc.documentElement.scrollLeft!='undefined'){scL=doc.documentElement.scrollLeft;scT=doc.documentElement.scrollTop;}G();})()
Improvements are totally welcome to this! Neither of us write JS professionally (or at least, I haven't in many years), and there are probably improvements that we haven't even thought of. There are also probably other useful bookmarklets that could be created. Go wild!
New script from @Martin7Pro to view the current page source:
Code:
javascript:h=document.documentElement.outerHTML;document.open("text/plain").write(h).close()
Note that this will "navigate forward" to the source view; you can return to the actual page just by hitting Back. If somebody finds a way to get it to open in a new tab, that would be awesome. window.open() doesn't seem to work as expected on WP7.
From @roqstr, a simple bookmarklet to jump to the top of the page:
Code:
javascript:scroll(0,0)
A few things to keep in mind:
Mobile IE doesn't support CSS position:fixed. Thus the shenanigans with figuring out the current view box.
Bookmarklets must be kept below 2048 characters in the mobile browser, thus the compacted form. You could definitley compress it further, though (for example, replace "document.getElementById" with a single-character variable).
Features that would be cool:
A way to find text that crosses an element boundary. This version only finds matches that occur entirely within a single text element.
A way to un-highlight without needing to refresh the page (although, in Mango, the Refresh button *is* sort of right there all the time).
Hope this is useful!
EDIT: Some additional bookmarklets for the phone that may be useful, such as translation and removal of non-mobile-friendly content, can be found here: http://www.1800pocketpc.com/bookmarklets-for-windows-phone/22429/. Thanks @the0ne for the link!
EDIT2: A nice way to get the bookmarklets in an easy-to-copy way is to visit this link on the phone: http://www.1800pocketpc.com/shared_files/Bookmarklets.txt
However, that currently only has the original Find On Page version. Hopefully they'll update with the incremental version soon.

This is awesome stuff. Thanks a lot for your work, I think it will be useful to many of us.
As an alternative, Browser Plus also has the feature to search within a page.

That's awesome! Thanks~

You're welcome! It was fun putting it together.
Alternative browsers can be very cool, but are somewhat crippled by the lack of a way to set them as the default. I think it is actually possible to change the default browser - the HKEY_CLASSES_ROOT registry hive has configurations for the default open action for the HTTP and HTTPS protocol URIs - but nobody that I've seen has done it yet.

I like the idea, because indeed the IE UI is a pain.
As Marvin_S and snickler are working on a new browser maybe they can add some features....
Sent from my OMNIA7 using XDA Windows Phone 7 App

Cool stuff have added it here : bookmarklets for Windows Phone

Well I've discovered after half an hour copy and paste are not my friends....in the xda app I can see the full code on one page not a stupid scrolling box. but in the app I can't copy and paste the whole thing. Needless to say I still dont have find on page. it would be nice to copy the whole code at once
Sent from my Schubert using XDA Windows Phone 7 App

nalgrim said:
Well I've discovered after half an hour copy and paste are not my friends....in the xda app I can see the full code on one page not a stupid scrolling box. but in the app I can't copy and paste the whole thing. Needless to say I still dont have find on page. it would be nice to copy the whole code at once
Sent from my Schubert using XDA Windows Phone 7 App
Click to expand...
Click to collapse
Open up this site on your phone and copy it from there...
http://justpaste.it/findwp7

clfosk said:
Open up this site on your phone and copy it from there...
http://justpaste.it/findwp7
Click to expand...
Click to collapse
Incomplete code, there is code missing in this "justpaste" link.

Its ok I just copied it to notepad on a desktop and mailed it to myself. Thanks tho
Sent from my Schubert using XDA Windows Phone 7 App

dotcompt said:
Incomplete code, there is code missing in this "justpaste" link.
Click to expand...
Click to collapse
Weird, should be fixed now.

This is awesome, very much appreciated.

This is awesome, Thanks a lot for your work......

Here a screenshot of the "Find on page" function...
{
"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 this one in german lang
Thanks for this solutuion.
Code:
javascript:(function(){function G(){var pf=doc.getElementById('pf');var qt=doc.getElementById('qt');if(null==pf){pf=doc.createElement('div');pf.id='pf';var s=pf.style;s.position='absolute';s.zIndex='99';s.top=(scT||scBT)+'px';s.left=(scL||scBL)+'px';s.width='100%';s.backgroundColor='#FFFF00';pf.appendChild(doc.createTextNode('Suche: '));qt=doc.createElement('input');qt.id='qt';qt.type='text';pf.appendChild(qt);var sb=doc.createElement('input');sb.type='button';sb.value='Finde';sb.onclick=function(){P(qt.value)};pf.appendChild(sb);doc.body.appendChild(pf);}else{pf.style.display='inline';count=0;}}function P(s){document.getElementById('pf').style.display='none';if(s==='')return;var n=srchNode(document.body,s.toUpperCase(),s.length);alert("Gefunden "+count+" Treffer"+(count==1?"":"")+" 'von"+s+"'.");pf.parentNode.removeChild(pf);return n;}function srchNode(node,te,len){var pos,skip,spannode,middlebit,endbit,middleclone;skip=0;if(node.nodeType==3){pos=node.data.toUpperCase().indexOf(te);if(pos>=0){spannode=document.createElement("SPAN");spannode.style.backgroundColor="red";middlebit=node.splitText(pos);endbit=middlebit.splitText(len);middleclone=middlebit.cloneNode(true);spannode.appendChild(middleclone);middlebit.parentNode.replaceChild(spannode,middlebit);++count;skip=1;}}else{if(node.nodeType==1&&node.childNodes&&node.tagName.toUpperCase()!="SCRIPT"&&node.tagName.toUpperCase!="STYLE"){for(var child=0;child<node.childNodes.length;++child){child=child+srchNode(node.childNodes[child],te,len);}}}return skip;}var count=0,scL=0,scT=0,scBL=0,scBT=0;var w=window,doc=document;if(typeof doc.body!='undefined'&&typeof doc.body.scrollLeft!='undefined'){scBL=doc.body.scrollLeft;scBT=doc.body.scrollTop;}if(typeof doc.documentElement!='undefined'&&typeof doc.documentElement.scrollLeft!='undefined'){scL=doc.documentElement.scrollLeft;scT=doc.documentElement.scrollTop;}G();})()

Bookmarklets
I also installed bookmarklets TextOnly and Translate. It took a few to get copy and paste to do what it should (fingers to darned big). Nice to have. Thanks.

gentry33 said:
I also installed bookmarklets TextOnly and Translate. It took a few to get copy and paste to do what it should (fingers to darned big). Nice to have. Thanks.
Click to expand...
Click to collapse
So why you don´t share the code here ?
GoodDayToDie could add it to post #1.

No need @contable, the link to them was already posted on the first page. I added it at the bottom of the first post, though; thanks for the suggestion!

GoodDayToDie said:
No need @contable, the link to them was already posted on the first page. I added it at the bottom of the first post, though; thanks for the suggestion!
Click to expand...
Click to collapse
Ok. I saw the link but I didn´t try it. Anyway good to know that 2 more scripts are confirmed to work... Thanks again.
Edit: Better adding this link to post #1: http://www.1800pocketpc.com/shared_files/Bookmarklets.txt

Translate and TextOnly
I found the code @http://www.1800pocketpc.com/bookmarklets-for-windows-phone/22429/. Enjoy.

[CLOSED][GUIDE] HOW TO POST: Understanding the UI in posting

Hello New Users! (I prefer the term "New User" rather than "noob" ) This is a thread on some functions you can see whenever you make a post on a thread.
So let's get started!
First thing's first.. you gotta click on POST REPLY
{
"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"
}
You will then see this
Click to expand...
Click to collapse
SCARED? Don't be Here's a guide on how to make a good post content
Let's dissect those functions!
Click to expand...
Click to collapse
1 MAKE A TITLE!
-you can make a name or a title for your post, although it is completely unnecessary to do so. Make sure your title is appropriate
2 FONTS AND SIZES
- You can click on the dropdown arrows to change the font and sizes for your post
3 FONT COLOR
-Change your font's color to whatever you like
4 SMILIES!
-You can add graphical smilies to put some life on your post
5 ATTACHMENTS
-Attach your desired files and upload them to your post, attachments will be found below the post
6 UNDO and REDO
-Well, it's pretty much the same when you click on Ctrl+Z (Undo) and Ctrl+Y (Redo)
7 INCREASE SIZE
- This will increase the size of your post body, this is a great advantage especially when you try to recheck your post
8 YOUTUBE TAGS
-For all your awesome yt tags Tags are things you put down that are related to your video and will help people find your video easier. It is like categories almost. More info: HERE
9 PHP WRAP
-This is commonly used when you post codes. It goes a little something like this
10 HTML TAGS
-HTML tags are keywords (tag names) surrounded by angle brackets. Here's for more INFO11 CODE WRAP
-Wrap your codes here! a good way to lessen confusion when posting especially when you put on codes
12 QUOTE WRAP
-Another WRAP function, this is commonly used to quote someone else's post
13 IMAGE LINK
-You can attach an image in the middle of your post
14 EMAIL LINK
-You can insert an email link here if ever needed and make the link into clickable text.. clicking on the text will lead you to Microsoft Outlook
15 ADD and REMOVE LINK
-This can be used to wrap an ordinary text and make it into a clickable text that will lead you to whatever link you hid
16 LIST and INDENTS
-This serves the same functionality like that of in Microsoft Word
17 ALIGNMENTS
-Align your text either leaning on the right or left, or center. Also, This serves the same functionality like that of in Microsoft Word
18 BOLD, ITALIC, UNDERLINE
-Bold: Renders the text with a strong emphasis which is usually heavier than surrounding text.
-Italic: Italicises the selected text which usually appears slanted to the right.
-Underline: Adds a line under the selected text.
19 REMOVE TEXT FORMAT
-This will remove all your text formats. Formatted text, styled text or rich text, as opposed to plain text, has styling information beyond the minimum of semantic elements: colours, styles (boldface, italic), sizes and special features (such as hyperlinks).
20 TEXT BODY
- This is where you will see all your typed words XD
Just below the TEXT BODY, you will see POST ICONS
-They are optional. If you choose one of the icons and you have clicked submit, you will see at the left side of your post's title: the Post Icon you chose earlier
Click to expand...
Click to collapse
Below POST ICONS, you will find ADDITIONAL OPTIONS
21 MISCELLANEOUS OPTIONS
Show your signature: Tick this box if you want to show your sig or not
Automatically parse links in text: Tick this box if you wanna see links on text
Disable smilies in text: Tick this if you wanna disable smilies
22 ATTACH FILES
Manage your file attachments! Upload them. Here are the list of valid file extensions
*7z apk bmp bz2 c cab cab2 diff doc docx gif gz h img jar jpe jpeg jpg jps mtz patch
pdf png psd rar tar torrent txt wma xap xls xlsx zip
23 THREAD SUBSCRIPTION
If you want to subscribe or not.. meaning you'll receive notifications
24 RATE THREAD
Rate the thread with a star, 2 stars, 3 stars, 4 stars, or an excellent 5 stars. [/QUOTE]
THERE YOU HAVE IT. YOU MAY NOW CLICK ON SUBMIT REPLY
PM ME YOUR QUERIES IN MIND REGARDING THIS THREAD ​

Is this an extended Guide of this (Post#2) - http://forum.xda-developers.com/showthread.php?t=1873094
EDIT: Got it.

coolsandie said:
Is this an extended Guide of this (Post#2) - http://forum.xda-developers.com/showthread.php?t=1873094
EDIT: Got it.
Click to expand...
Click to collapse
not entirely..
Sent from my GT-I9300 using xda premium

Good guide. Your first quote after POST REPLY didn't seem to work correctly however.

i will update the OP ASAP as soon as i ace my calculus exam hahaha:victory:

mf2112 said:
Good guide. Your first quote after POST REPLY didn't seem to work correctly however.
Click to expand...
Click to collapse
Yes, its because the image URL is linked from attachments. I don't know how, but the URL (in attachments) changes from time-to-time. ie,
the original url : http://dl.xda-developers.com/attachdl/69808bc1673cb4d05bfb5048e208c9b0/506d83a1/1/3/7/4/9/4/2/asd.jpg
Now the URL is : http://dl.xda-developers.com/attachdl/fb23e0b5ec01b7962ec67603493c4dae/506da0aa/1/3/7/4/9/4/2/asd.jpg
So it would be better if the image is uploaded in Image hosting servers like Imgur or Imageshack or even dropbox etc.

coolsandie said:
Yes, its because the image URL is linked from attachments. I don't know how, but the URL (in attachments) changes from time-to-time. ie,
the original url : http://dl.xda-developers.com/attachdl/69808bc1673cb4d05bfb5048e208c9b0/506d83a1/1/3/7/4/9/4/2/asd.jpg
Now the URL is : http://dl.xda-developers.com/attachdl/fb23e0b5ec01b7962ec67603493c4dae/506da0aa/1/3/7/4/9/4/2/asd.jpg
So it would be better if the image is uploaded in Image hosting servers like Imgur or Imageshack or even dropbox etc.
Click to expand...
Click to collapse
yes yes :cyclops: i shall buddy
EDIT: JUST UPDATED THE OP )) I HOPE THIS CAN HELP SOME NEW USERS HERE

Something strange happened when I MAKE A THREAD the forum can't read my Dropbox updated images...why is that?
sent from the super siii mini GT-I8190 using xda premium app.

seedrom193 said:
Something strange happened when I MAKE A THREAD the forum can't read my Dropbox updated images...why is that?
sent from the super siii mini GT-I8190 using xda premium app.
Click to expand...
Click to collapse
Have you put the link inside
?

Just as a reminder for the people who think they can up their postcount with cleaver remarks like: "I CAN POST NAO?":
Your posts will be deleted.

Thank you for this! Very useful for me. I'm a new user.

nice tuto, i'm kinda new here.. this very good for me

Good tutorials but iam not new user.this was most needed for me when i entered xda.
But ok good.

Really very usefull post. I'm a new user and I not use very well the post system. With this now I will post in good way. Thanks.
Enviado desde mi GT-I9300 usando Tapatalk 2

Hi all,
I've been registered for a few months now, but never took the time to introduce myself
I was following the O2x development since I've discovered the galaxy note a few weeks ago.
I'd like to thank all the developers for their great work!
Good going (I'm a poker player too by the way)
Envoyé avec ma brique Galaxy Note.

become a good Lerner
hiii every one i don't want to become a good dev but i want to become a good lerner

prakashreddy said:
hiii every one i don't want to become a good dev but i want to become a good lerner
Click to expand...
Click to collapse
I appreciate that.
You should read more for that. It will increase your knowledge, which you can use to help others.
And thats what xda is all about, read, learn, share.
Btw welcome to xda
Complete your 10 posts in q&a/general sections helping others, asking your questions/doubts.
Ps. If you learn you will automatically get into developement, leading to make you a dev
A Hero Can Be Anyone

nice to meet u @bruce wayne
I appreciate that.
You should read more for that. It will increase your knowledge, which you can use to help others.
And thats what xda is all about, read, learn, share.
Btw welcome to xda
Complete your 10 posts in q&a/general sections helping others, asking your questions/doubts.
Ps. If you learn you will automatically get into developement, leading to make you a dev
Click to expand...
Click to collapse
oohhh... thanks mr.bruce wayne sound's good i'll try my level best ! thnx for your support have a good day

Been reading now trying to contribute
Sent from my SPH-L710 using xda app-developers app

taylorrod said:
Been reading now trying to contribute
Sent from my SPH-L710 using xda app-developers app
Click to expand...
Click to collapse
Not the correct way.
Don't simply post thanks etc. try to ask/answer questions in your device's q&a /general section. Useless posts will get deleted eventually.
A Hero Can Be Anyone.

[GUIDE] Make your own awesome signature pic [Team GFX Bandits]

About thread:-
This guide is a WIP.
Everyone love to have awesome signature picture in there signature... But making them seems to be a pain in a$$...
And so i am here with this guide to share what i have learned...
This thread is for those who want to learn and make sig themselves... If you want sig but don't want to make it yourself then go here and request for a signature.
Click to expand...
Click to collapse
Things needed to get started:-
Photo editing tool- (one of these)
Adobe Photoshop (best and most popular photo editing tool)
Adobe PS Touch (photoshop app for phones)
Gimp (free alternative to photoshop)
pixlr.com (free online editing)
Resources-
Templates
Fonts
Brushes
Textures & patterns
Text layer styles- source1, source2
Learn how to install and use resources
Click to expand...
Click to collapse
Steps for making an awesome signature pic:-
Open photoshop and make a new layer with resolution not more than 700*300px and white background.
{
"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"
}
Open the template you want to use in your sig and drag & drop it in photoshop and press ENTER.
Adding Text
Aurora 3D Text & Logo Maker
Flaming Text
Making text yourself Manually
Click on text tool and write text you want.
Change font, colour, size, layer style, blending options as you want.
Using other things for better results stuff:-
Brushes
Textures, patterns
Blending options
Filters
actions etc
At last when done editing, click on the eye on white background layer to hide it and save it as a png file. (PSD too for backup)

Here is step by step guide for adding an image in your signature without messing it up.
1. Upload your photo to any file/image sharing website and get your image direct link and then copy it...
OR
If you got your signature made by someone else than right click on the picture you want as your signature and select "copy image url"...
2. Open xda forums and log in and find "quick links" and click then click on "Edit signature"...
3. Click on image icon
4. Paste the image direct link you got from first step
5. It will look like this
6. Click on "Preview signature" to view how your signature looks like and click on "Save signature" to save your signature...
Click to expand...
Click to collapse

Thx buddy:good:
Very useful topic!
Think I'm gonna have a great signature pic

Thanks mate, will come in handy.

Done my first Signatures, Thanks to You!
EDIT : @lokeshsaini94 can you add another tutorial to make Avatar and More Sources of Templates?

SS-4050 said:
Done my first Signatures, Thanks to You!
EDIT : @lokeshsaini94 can you add another tutorial to make Avatar and More Sources of Templates?
Click to expand...
Click to collapse
i can't right now but will add more resources... and for avatar i will post resources but method is same and size would be 300*300 max... will update guide soon...
thank you...

lokeshsaini94 said:
i can't right now but will add more resources... and for avatar i will post resources but method is same and size would be 300*300 max... will update guide soon...
thank you...
Click to expand...
Click to collapse
Looking forward to it!
Sent from my Xperia Mini using Tapatalk 4 Beta

thank you

hmm
Good and i am looking forward to make one like this.

Tutorials & Resources
For the people who want more resources.
Can check my website
http://hmpshah.com/photoshop-brushes-mega-collection/
I am also providing some tutorial in my free time.
Photoshop Guides & Related
But I am not guarantee that I will make further due to my studies.
But will add some in my free time.
--------------------Signature--------------------
Don't Ever Post A Thanks Post,
If I Helped You, Your Hand Will Automatically Hit THANKS
Do Visit My Website For More Information.
www.hmpshah.com

Loved your tutorial , its quiet detailed,useful and very good for noobs/newbie ,i will create a new sig with this tutorial

Thanks for this great tutorial!!!
However, no matter what I do I always end up with a TINY sig pic. I'ts driving me insane.
I'm no stranger to Photoshop but I can't for the life of me get this to work!
I have followed your instructions to the letter, taking care to have the exact pixel dimensions and resolution as in your example.
If I open it in photoshop at 100% it looks great, nice size.
As soon as it's uploaded and added as my sig pic it is very small.
Any ideas or help is very much appreciated!!

Thank You...
Can I add the animated GIF images instead of the photo as my signature images??:fingers-crossed:
Thanking in advance!!!

Delsin 474 said:
Can I add the animated GIF images instead of the photo as my signature images??:fingers-crossed:
Thanking in advance!!!
Click to expand...
Click to collapse
Yes You can Add it,
Make sure you keep it small...
----------Signature---------
Need Some Cool Guides Visit Hmpshah Guides

Thanks!
Well written, thanks for the info.

Reply
Thanks Below is my signature

Can i also request a signature for my own? thanks for the reply
sent from my baby Z

Awesome, thanks!

Oh yea it's about to be some keyboard clickn tonight lol awesome thread
Sent from my SGH-I317 using Tapatalk

is it possible for gif?

[THEME][N4][768x1280] TWRP Metro UI v2.85.0 [04/03/2015]

{
"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"
}
About Theme
Based on Windows phone Metro UI.
Port the theme as much as you like.
Compatibility
Compatible with TWRP v2.8.5.0 and up.
Theme is optimized for resolution of 768x1280. But might work on any device since TWRP can resize it now.
How to use:
Download the theme of your choice and rename it to "ui.zip".
On SD card open TWRP folder and create a folder called "theme" (case sensitive).
Copy ui.zip to 'theme' folder.
Reboot into recovery.
Download
Note: Do not create mirror. If you want to share, use thread URL.
https://www.mediafire.com/folder/p0mh9o1p4dp46/768
Changelog
v2.85.0 - 04.03.2015
Total rework and is based on latest original theme, so all features works.
v1.1 - 01.05.2014
Updated Back button.
Updated Strings.
Added Padding strings that touches right edges of screen.
Redesigned File manager: Added App bar, added new folder option. Added new folder option while copying/moving file/folder.
Timezone: removed "set time" button. Now Time zone changes directly from the lists and switch. Moved 24-h setting to time zone page.
Added AppBar to settings page: Moved "Restore Defaults" button to AppBar. Added About page.
Fixed Console button not working when pages are overlayed. Tapping it again now dismisses Console.
Combined backup and restore at home. Added "New Backup" option to AppBar in Backup+Restore page.
Changed background of Slideout console.
Increased list size to touch bottom (navbar).
Redesigned Terminal Command. Added AppBar to keyboard.
Removed auto reload theme on changing accent. Now, recovery need to be manually restarted. (This prevents reset of theme's settings)
Improved navbar divider.
Clean up.
A lots of little improvement in XML and pngs.
v1.0 - 22.04.2014
Initial release.

Now that is something unique. Well done.
How many pngs did you add for the battery icon? One hundred?
Wait. I'll have a look under the hood...
EDIT
Yeah, that makes more sense...:highfive:

This theme is freaking awesome!!
I notice that it does not support multi-rom menus.
Is there any plan to bring support?

Beautiful work!
Sent from my Nexus 4 using Tapatalk

This.is.AWESOME:good:

Xr01d_GT said:
This.is.AWESOME:good:
Click to expand...
Click to collapse

Doplgangr said:
This theme is freaking awesome!!
I notice that it does not support multi-rom menus.
Is there any plan to bring support?
Click to expand...
Click to collapse
I just had a look on MultiROM TWRP.
yeah, I'll add multiROM support.

z31s1g said:
Now that is something unique. Well done.
How many pngs did you add for the battery icon? One hundred?
Wait. I'll have a look under the hood...
EDIT
Yeah, that makes more sense...:highfive:
Click to expand...
Click to collapse
Only 10-11.
Any suggestions, master?
Do you have all the devices for which you make themes for? I mean one for each resolution.
How you resize the theme? Any faster trick or way?

DSM_ said:
Only 10-11.
Any suggestions, master?
Do you have all the devices for which you make themes for? I mean one for each resolution.
How you resize the theme? Any faster trick or way?
Click to expand...
Click to collapse
I'd say you've mastered theming TWRP yourself, this is very well done.
I played with it on my Nexus7. Couldn't find any glitches, very polished.
I like the way one changes categories and how unavailable functions are greyed out. The only visual nuisance is the windows logo...
I wish the TWRP guys would make swiping available as an action that could be used to change pages, would make our lives much easier...
As for testing, I use the old Nexus 7 for testing 720/768/800x1280 themes, and Nexus 5 and 7(2013) for the other ones.
My so called workflow is rather clumsy, I have no way of doing things with scripts or batches. This is becoming the limiting factor to what I can do, as even simple updates involve a lot of repetetive manual labour.
However, keep up the good work :good:

z31s1g said:
I'd say you've mastered theming TWRP yourself, this is very well done.
I played with it on my Nexus7. Couldn't find any glitches, very polished.
I like the way one changes categories and how unavailable functions are greyed out. The only visual nuisance is the windows logo...
I wish the TWRP guys would make swiping available as an action that could be used to change pages, would make our lives much easier...
As for testing, I use the old Nexus 7 for testing 720/768/800x1280 themes, and Nexus 5 and 7(2013) for the other ones.
My so called workflow is rather clumsy, I have no way of doing things with scripts or batches. This is becoming the limiting factor to what I can do, as even simple updates involve a lot of repetetive manual labour.
However, keep up the good work :good:
Click to expand...
Click to collapse
Should I replace windows logo with android face?
Yup, swiping feature will be great. I once talked with TWRP founder, he said the priority level of UI is very low for them. They focus on stability and porting it to another devices.
He said, as it is open source, you can add the features you want yourself.
I know Java, but not C++. But it is not so different. My plan is to learn it soon and add few more features like TTF font support..
Hmmmm, that's the problem, we cant make scripts that do the Photoshop work.

awesome

This is amazing work!!

is f....ing ugly....buhuhuuuu

JUST replace the windows logo with flat n square Microsoft logo
Sent from my Nexus 4 using XDA Premium 4 mobile app

Wow Looks pretty nice, great work!!

Thanks for the Great theme.
Sent from my Nexus 4 using Tapatalk

Very great work. [emoji106]
ak

Delete...
Sent from my Nexus 4 using XDA Premium 4 mobile app

Really nice job. I love the overall look and, I really appreciate that the everything is big and easy to read. Thanks.

Good Job Dude!

[Fonts]45 individual Flip Fonts-Yes they work on the latest Samsung 4.3/4.4 firmware!

XDA Fonts for latest Samsung firmwares Android 4.3+​
Background Info
✓ Fonts are true type flip fonts
✓ Compatible with Samsung Android 4.3+
✓ No need to convert or create your own anymore (most Flip Fonts when edited with apktool no longer work and Samsung forces you to uninstall the font regardless if it installed correctly or not).
✓ I will take requests for any special fonts you would like created for your device - Please contact me via PM and arrange (send link to download or if possible if you have a local copy readily available please upload it for me to save me time - thanks)​
{
"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"
}
INSTALLATION
1.) Look at the preview and select the font of your choice
2.) Copy the selected fonts to anywhere on your SDcard
3.) Click install. At the first installation your device should prompt you to change the font type in settings. If you continue to install fonts after this it does not take you back to settings again, you will have to do this your self.
4.) To set the font you need to go into Settings > My device > Display > Font > Font Style > Choose your font. Note the more fonts you have installed the longer it takes to generate the list the first time so be patient if you go crazy and install ALL of these fonts lol.
5.) You *may* need to adjust the size of the font to suit your device; unfortunately there is no standard when it comes to sizing with fonts so consistency is out the window, I cannot change this, deal with it or swap to another font. On that note I cannot garantee that ANY of the fonts included in these uploads are even suitable for use on a mobile device, actually I can honestly say now that *some* of these are completely rediculous and probably shouldn't be used at all, but feel free to criticise... I don't really care all that much, if enough people think a font is sh!t then I will happily remove it.
Note: To uninstall any particular font you unfortunately can't do this from the font menu in settings like you would expect, you actually have to uninstall the fonts just like you would other apps or I should say widgets. Normally one would uninstall from their homescreen via the options but I have not created shortcuts for these fonts (I think its unnecessary and not only that but I really dislike apps junking up my homescreen), so in otherwords you need to go into Settings > More > Applications Manager > Downloaded Applications > Uninstall selected font.​DOWNLOADS
Apple Mac Garamond Reg.apk
Archer Hairline MT.apk
Arial.apk
Bank Gothic LT.apk
Blackadder.apk
Century Gothic.apk
Comic Sans.apk
Complex Regular.apk
Consolas.apk
Courier.apk
Crazy Clown Chiller.apk
Curlz MT.apk
Dakota Regular.apk
Dejavu Sans.apk
Elegance Script.apk
Felix Tiltling.apk
Garamond Premiere BT.apk
Goudy Old Style.apk
Graffiti Modern-Benson.apk
Graffiti Mural-Defartist.apk
Graffiti Mural-Degrassi.apk
Graffiti Tags Xtreme.apk
Graffiti-187 CallDaCops.apk
Graffiti-Eastside.apk
Graffiti-Westside.apk
Harlow 1960s Diner.apk
Inconsolata-Regular.apk
Lucida Typewriter Regular.apk
Lucidia Console Regular.apk
Matura Script Alibaba.apk
Monotype Corsiva.apk
Oregon Sans.apk
Papyrus Regular.apk
Parchant Kustoms.apk
Qarmic Sans.apk
Rugrats.apk
Segoe UI Windows 8.apk
Suave Edwardian Script.apk
Suave Script.apk
Tahoma.apk
Trebuchet MS.apk
Ubuntu Titling Bold.apk
Ubuntu.apk
Vodafone Lt.apk
Wild West Regular.apk
​
CHANGELOG Seriously - Is this even necessary?
Release 1.0
✓ Bunch of fonts as per the list above that SHOULD install without a hitch? Let me know if there are any surprises or issues
✓ I have not tested them ALL of them but I tested most, so I can't forsee there being any bugs so to speak but there maybe discrepencies over naming of fonts etc, I can almost garantee that actually because not all the names listed above are identicle to their "origins"; i.e. some were renamed to have titles more practical so that one knows what they are installing instead of getting a surprise. If you must have something renamed to its proper name cause you have chronic OCD please send me a PM and I will make a special one just for you seriously tho...I understand...I have a bit of OCD myself at times haha.
Release 2.0
✓ New roboto font - How stupid of me to actually forget the font that lead me to creating these in the first place haha
✓ Other versions of the Apple Mac fonts
✓ Possibly some themes like starwars or back to the future etc. I have to go digging through my archives somewhere to find these. No promises.​
Personal Favorites & Suggestions
My personal favorite font would have to be Windows 8 SegoeUI font, followed closely by Papyrus Regular, then Consolas​
Credits XDA Ture type Flip Fonts - By Jarmezrocks
So far its only myself, but if you request a font and provide the source for it and then choose to have it uploaded (included with the rest) for others forum members to download and use then I'm happy to add your name here to the credits.​

Tnx dude !!:good:

Amitayy said:
Tnx dude !!:good:
Click to expand...
Click to collapse
No problemo man:good:. I am assuming that all went well and the font(s) you were after installed and are working correctly?

nice but no android L or new roboto font? :highfive:

the felix tilting link is the wrong link
all the best
paul

thnx mate for all fonts

Please make one with roboto and roboto condensed!
Thanks

mirror?
can u please provide a mirror....mega is down these days and this is a font treasure trove right here !!

Great Collection
Thanks for the post and fonts,
one question which one of them is the S5 thin font ?

need courier bold
seems we have loads and loads and loads of sans-serif and doo-hickey display fonts but don't have much in mono-spaced serif typefaces.
courier is a good start but it's rather light. need a courier bold.
Thanks

thanks so much for this! really appreciate this!!! would you mind doing more Archer fonts - i LOVE it!

nice work thanx alot

For some reason I was never notified about any of you posting in this thread? I have an S7 now and these fonts DO actually work on the newer device also. I will take people up on their suggestions from this *old* thread. Cheers

For everyone who doesn't want the mega-crapware app, switch to desktop mode then you can download with browser.
Installed on my Verizon Galaxy S6 Edge+ BUT when I try to apply it the system makes me uninstall it.

Jarmezrocks said:
For some reason I was never notified about any of you posting in this thread? I have an S7 now and these fonts DO actually work on the newer device also. I will take people up on their suggestions from this *old* thread. Cheers
Click to expand...
Click to collapse
Can you please share the fonts as the mega links are now dead. thx

Jarmezrocks said:
For some reason I was never notified about any of you posting in this thread? I have an S7 now and these fonts DO actually work on the newer device also. I will take people up on their suggestions from this *old* thread. Cheers
Click to expand...
Click to collapse
Yes please share them. I'm particularly looking for the Segoe font
Sent from my HTC One_M8 using Tapatalk

Looks like these fonts cannot be downloaded at all. It's not available in the Mega servers anymore.

i need this please

https://www.dropbox.com/s/6vb6pou9m7asi47/SamsungSans Full Edition.zip?dl=0
Here's a link to some fonts in my Dropbox there's 300+ fonts just flash in recovery.