Thread: UX - City Name for Nextgen

It's better to learn, from to give it ready....

From play store, install "total Commander apk"

Find
Town_fd zip! With this apk
(Open it with total Commander!.)
and to the path:
ui_nextgen / common / ui / Town portrait. css(for portrait mode)

Find this code:

HBOX.current_city {
h:38;
left:0;
right:0;
top: (screen_h/2 + screen_h/4 + screen_h/25);

}

This line:
top: (screen_h/2 + screen_h/4 + screen_h/25);

Gives you object distance, from the top!!!

top: 0 means at the top!
top: bigger numbers from zero, means we go down!!


So again at this code!!

top: (screen_h/2 + screen_h/4 + screen_h/25);

screen_h/2 is a number: ( different from device to device)..
Its the HALF from YOUR DEVICE Height!!!

So we have:
as we see!!

top = ( YOUR DEVICE HEIGHT / 2) + ( YOUR DEVICE HEIGHT / 4 ) + ( YOUR DEVICE HEIGHT / 25)

. (FOR EXAMPLE)
THIS MEANS TOP : 500 FOR MY DEVICE!!!
OR 1000 FOR OTHER Device!!!

BUT BOTH OF US, HAVE THE SAME POSITION FOR Town
Line..
THIS IS A CLEVER CODE SECRET!

We don't give numbers but stable points!
(which are depending numbers for each device)!


For to have the same position for an object FOR ALL!!


-------
FOR LEFT OR RIGHT

find this code:

ROADSHIELDEDTEXT.current_city{

h:10%;

left:0;
right:0

bottom:0;

}

AND FOR example if we want to move to the right

We write
left:10;
right:0;

(WE GIVE BIGGER NUMBERS TO LEFT!!!)
IT'S THE SAME WE DONE FOR UP AND DOWN


Give different numbers!!!!!.
And try.



DO the same for landscape
To Town_fd landscape. css file!


So give whatever you like!!!
And with android apk you can Change numbers
and Try
Straight and easy!!