Welcome, Guest. Please login or register.

Author Topic: can any coders help me with my iphone theme  (Read 1126 times)

Offline h

  • [eG] Clan Member
  • Major
  • ***
  • Posts: 202
  • My post count + 1100 = My actual post count.
    • View Profile
can any coders help me with my iphone theme
« on: January 28, 2015, 12:34:09 am »
Okay so basically this theme is meant for the iphone 4 screen size and now im on an iphone 6 and all I need to do is resize the theme. it looks like this on the iphone 6:



Here is the coding in which i think the numbers to change are, but idk what to change and I was wondering if any of u guys did:


Code: [Select]
@font-face {

    font-family: 'widgetfont';

    src: url('widgetfont.ttf') format('truetype');

    font-weight: light;

    font-style: light;



}



@font-face {

    font-family: 'sandoval';

    src: url('sandoval.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



#Layer {

width: 321px;

height: 481px;

position: absolute;

top: -1px;

right: 0px;

down: 0px;

left: -1px;

z-index: 2;

}



.stretch {

width:100%;

height:100%;

}



body {

margin: 0;

}

SPAN#clock1

{



font-family: widgetfont;

font-size: 34px;

// font-weight: 900;

color: WHITE;

       text-shadow: 0px 0px 1px #979797;

opacity: 0.3;

// letter-spacing: 1.1em;

}

SPAN#clock

{



font-family: widgetfont;

font-size: 34px;

// font-weight: 900;

color: WHITE;

    text-shadow: 0px 0px 4px #ffffff;

opacity: 1;

// letter-spacing: 1.1em;

}

SPAN#clock2

{

   

font-family: widgetfont;

font-size: 34px;

// font-weight: 900;

color: WHITE;

       text-shadow: 0px 0px 1px #979797;

opacity: 0.3;

// letter-spacing: 1.1em;

}

SPAN#clock3

{

   

font-family: widgetfont;

font-size: 34px;

// font-weight: 900;

color: WHITE;

       text-shadow: 0px 0px 1px #979797;

opacity: 0.1;

// letter-spacing: 1.1em;

}SPAN#clock4

{

   

font-family: widgetfont;

font-size: 34px;

// font-weight: 900;

color: WHITE;

       text-shadow: 0px 0px 1px #979797;

opacity: 0.1;

// letter-spacing: 1.1em;

}

SPAN#ampm

{



font-family: widgetfont;

font-weight: bold;

color: black;

text-shadow: 0px 1px 0px #979797;

font-size: 12px;

opacity: 0;

}



SPAN#date

{

font-family: widgetfont;

font-size: 14px;

font-weight: bold;

color: white;

      text-shadow: 1px 1px 1px #000;

opacity: 0.6;

z-index:20;



}



<!---------------------------------------------------------------------------------------------------------------->

<!-- Style section Weather Widget-->



#container{

margin:0;

width:320px;

height:480px;

position:absolute;

top:0;

}



#iconframe{

position:absolute;

top:0;

width:100%;

height:100%;

z-index:20;

}



#city{

position: absolute; top: 253px; left: -35px; down: 0px; width: 320px; height: 480px;

text-align: right;

font-family: widgetfont;

font-size: 14px; opacity: 0.6;

color: white;

text-shadow: 1px 1px 1px #000;

z-index:4000;

}



#desc{

position: absolute; top: 268px; left: -30px; down: 0px; width: 320px; height: 480px;

text-align: right;

font-family: widgetfont;

font-size: 14px;

color: white;

text-shadow: 1px 1px 1px #000;

opacity: 0.6;

text-transform: lowercase;

z-index:4000;

}



#temp{

position: absolute; top: 337px; left: 100px; down: 0px; width: 320px; height: 480px;

text-align: center;

font-family: widgetfont;

font-size: 20px;

color: #ffbb00;

text-shadow: 1px 1px 1px #000;

z-index:-20;

}



#iconset{

position: absolute;top: 168px; left: 216px;

width: 60px;

z-index: 4000;

}



@-webkit-keyframes fadein{ /* Fade in animation for digital clock */







0% {opacity : 1;}







50% {opacity : 1;}







100% {opacity : 1;}}







/* FOR ANALOG CLOCK







===================================================================== */     



.all{

top: -200px;

}

#clockface{







width: 250px;







height: 375px;







position: absolute;







top: 0px;







right: 0px;







down: 0px;







left: 0px;







z-index: 99;   







opacity: 1;







-webkit-animation: fadein 3s linear 1 normal;







-webkit-animation-fill-mode: forwards;







display: ;}























#analogclock{







list-style: none;







margin: 0;







padding: 0;







    font-family: Digital;







    color: black;







    font-size: 22px;







    text-shadow: black 0px 0px 0px;







}















    #hour {







background: url('../Images/clockhands/hourhand.png') 12.5px 33.5px no-repeat;







position: absolute;







width: 50px;







height: 220px;







background-size:25px 110px;







top: 30px;







left: 100px;







z-index: 201;







opacity: 0.0;







-webkit-animation: fadein 3s linear 1 normal;







-webkit-animation-fill-mode: forwards;







display: ;







}















    #min {







background: url('../Images/clockhands/minhand.png') 12.5px 33.5px no-repeat;







position: absolute;







width: 50px;







height: 220px;







background-size:25px 110px;







top:30px;







left: 100px;







z-index: 200;







opacity: 0.0;







-webkit-animation: fadein 3s linear 1 normal;







-webkit-animation-fill-mode: forwards;







display: ;







}















#sec {







background: url('../Images/clockhands/sechand.png') 12.5px 33.5px no-repeat;







position: absolute;







width: 50px;







height: 220px;







background-size:25px 110px;







top: 66px;







left: 100px;







z-index: 202;







display: ;







opacity: 0.0;







-webkit-animation: fadein 3s linear 1 normal;







-webkit-animation-fill-mode: forwards;







display: ;







}















#sechandXX {







sbackground: url('../Images/clockhands/sechandXX.png') no-repeat;







position: relative;





cellpadding= 40px;

width: 50px;







height: 320px;



shadow: 0px 0px 3px #ffffff;



sbackground-size:25px 310px;







top:80px;





left: 131px;







z-index: 10;







opacity: 0.0;







-webkit-animation: fadein 3s linear 1 normal;







-webkit-animation-fill-mode: forwards;







display: ;







}








// Tom edit: added code tags, please use in future


If you guys could figure which numbers i need to change id appreciate it
« Last Edit: January 28, 2015, 12:44:43 pm by Tom »
Quote from: Confucius
You have to believe that something different can happen. He who says he can, and he who says he can't are both usually right.

Offline David

  • Co-Founder
  • Global Moderator
  • General
  • *****
  • Posts: 2906
  • Welcome To Our Forum!
    • View Profile
    • Echo Gaming
Re: can any coders help me with my iphone theme
« Reply #1 on: January 28, 2015, 11:11:31 am »
Can't tell if this is spam or serious

Offline Tom

  • Administrator
  • General
  • *****
  • Posts: 4613
  • Clan Founder
    • View Profile
    • Echo-Gaming.co
Re: can any coders help me with my iphone theme
« Reply #2 on: January 28, 2015, 12:47:40 pm »
I don't know much about iOS theme design. I think you will have to change the width/height to that of the iPhone 6's screen, but you may run into issues where those images in the old theme will look pixelated.

In the future, use the code tag when sharing code - it makes it a lot easier to read, and with less scrolling.


Quote from: John F. Kennedy
Mankind must put an end to war or war will put an end to mankind.

Offline Stephen

  • [eG] Clan Member
  • Colonel
  • ***
  • Posts: 318
  • Troll Rolled.
    • View Profile
Re: can any coders help me with my iphone theme
« Reply #3 on: January 28, 2015, 07:06:14 pm »
Ill take a look at it in a bit, not too familiar with iphone themes but it looks alot like css. Might be a simple fix, ill have to see.
I'm a muda fudin Daedra.

Offline Stephen

  • [eG] Clan Member
  • Colonel
  • ***
  • Posts: 318
  • Troll Rolled.
    • View Profile
Re: can any coders help me with my iphone theme
« Reply #4 on: January 28, 2015, 07:15:03 pm »
Have you tried removing the padding under #Layers and changing the width and height values to 100%? What does that do? I can't see the changes myself because I don't have the files that the code is refing
I'm a muda fudin Daedra.

Offline Michael

  • Global Moderator
  • General
  • *****
  • Posts: 970
    • View Profile
Re: can any coders help me with my iphone theme
« Reply #5 on: January 28, 2015, 09:59:57 pm »
width: 750px;

height: 1334px;

Offline DropShot (Bensta)

  • [eG] Clan Member
  • General
  • ***
  • Posts: 1025
  • www.youtube.com/TheTechyGamer24
    • View Profile
Re: can any coders help me with my iphone theme
« Reply #6 on: February 03, 2015, 04:16:09 am »
Yeah i don't think it would effect it all that much if you stretch it a tad
Quote from: Tom on 26 April 2012, 06:06:09
David: Maybe Tom will offer you a position at the Echo-Gaming Headquarters .

Quote from: David on 26 April 2012, 06:07:03
Good idea, the position of co-leader is still available. ;)