Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5

weather widget hilfe (stylesheet)
#1

tach

ich habe bei mir auf dem iphone ein weather widget

nun würde ich gerne das icon, die stadt, die temp., usw unter dem dock haben
normalerweise hatte ich gedacht, es geht einfach, indem ich bei top: 450px schreibe

aber pustekuchen

hier der stylesheet code:
Code:
/* Edited by wim66 Modmyi */

#WeatherContainer{
    background-color: rgba(0,0,0,0);
}

#TextContainer{                             /* Other */
    font-size:18px;
    font-family: Helvetica;
    font-weight: regular;
    color:white;
}

#city{                                        /* Weather City Position */
    position: absolute; top: 450px; right: 0px; down: 0px; left: 2px; width: 320px; height: 461px;
    font-family: Helvetica;
    color: white;
    font-size: 20px;
    font-weight: regular;
    text-shadow: 2px 2px 2px #000000;
}

#temp{                                        /* Weather Temperature Position */
    position: absolute; top:0px; right: 0px; down: 0px; left: 280px; width: 320px; height: 461px;
    font-family: Helvetica;
    color: red;
    font-size: 20px;
    font-weight: regular;
    text-shadow: 2px 2px 2px #000000;
}

#desc{                                        /* Weather info Position */
    position: absolute; top: 450px; right: 0px; down: 0px; left: 50px; width: 320px; height: 461px;
    text-align: left;
    font-family: Helvetica;
    color: white;
    font-size: 20px;
    font-weight: regular;
    text-shadow: 2px 2px 2px #000000;
}

#TextContainer p{
    margin:0;
}

#weatherIcon{

    position: absolute; top: 450px; right: 0px; down: 0px; left: 300px; width: 320px; height: 461px;

    height:25px;

    width:25px;


}

hat jmd ne idde

mfg
Zitieren
#2

da musst du ein bischen rumprobieren... wenns zu weit oben ist, erhöhe die zahl, wenns zu weit unten ist, die zahl minimieren . das kostet halt ein wenig zeit, aber gleich aufs erste mal kriegt es niemand hin
Zitieren
#3

aber wenn ich z.b. 450px nehme, sind die texte/daten ganz weg und nicht beim dock
Zitieren
#4

dann setz mal die zahl 400... Zwinkern und schau was dann ist

dein problem ist, das 450 wohl zuviel ist und es aus dem bildschirm damit platziert ist
Zitieren
#5

naja aber der bildshirm is ja 480px hoch
Zitieren
#6

es kommt auch drauf an, wie groß deine buchstaben etc sind.. versuch einfach mal 400 und dann siehst es
Zitieren
#7

so, bin bis 440 gekommen

bei 440 sind die sachen noch zur hälfte zu sehen, hören ca 20px vor echtem bildshirm ende auf

hier screen:

[Bild: bild.png]
Zitieren
#8

dann verringerst halt den abstand weiter... wo ist das problem ?Zwinkern
Zitieren
#9

welchen abstand?

wenn ich noch weiter runter gehe, is die schrift ganz wech (siehe screenshot
Zitieren
#10

für kiel...

#city{ /* Weather City Position */
position: absolute; top: 450px; right: 0px; down: 0px; left: 2px; width: 320px; height:

...veringerst du die zahl nach dem top. wenn bei dir jetzt zb 400px dran steht, dann versuchs mal mit 370px. diese zahl gibt den abstand an von oben. je niedriger die zahl, desto höher wird es platziert am homescreen


mit dieser datei ( wetterinfo ) ...

#desc{ /* Weather info Position */
position: absolute; top: 450px; right: 0px; down: 0px; left: 50px; width: 320px; height: 461px;
text-align: left;
font-family: Helvetica;

...das gleiche

und so verfahrst du mit jeder datei , die du brauchst
Zitieren
#11

aber dann is es net unterm dock, sondern i-wo drinne

es muss bei etwa 470 sein, damit es unterm dock ist

denn der gesamte screen is 480px hoch
Zitieren
#12

ach jetzt versteh ich dein problem...

du meinst die leiste, die die schrift *abschneidet* ?

da wirst wohl nichts machen können, liegt am theme, das du benutzt. das einzige, was mir einfällt, ist, das du das wettertheme an erster stelle mal setzen solltest im winterboard.

ps.: sorry habs falsch gelesen, bin noch in der arbeit und da kann einiges untergehen Zwinkern
Zitieren
#13

naja das weather theme is ja zusammen mit den anderen in einem großen theme mit widget.html und co
Zitieren




Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste