Apple iPhone Forum und Community

Apple iPhone Forum und Community > Anfängerfragen > Anfängerfragen & Notdienst > weather widget hilfe (stylesheet)
Normale Version: weather widget hilfe (stylesheet)
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.

poecki

10.11.2010, 16:52
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

Hitchhiker1981

10.11.2010, 17:03
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

poecki

10.11.2010, 17:12
aber wenn ich z.b. 450px nehme, sind die texte/daten ganz weg und nicht beim dock

Hitchhiker1981

10.11.2010, 17:20
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

poecki

10.11.2010, 17:25
naja aber der bildshirm is ja 480px hoch

Hitchhiker1981

10.11.2010, 17:27
es kommt auch drauf an, wie groß deine buchstaben etc sind.. versuch einfach mal 400 und dann siehst es

poecki

10.11.2010, 17:50
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]

Hitchhiker1981

10.11.2010, 18:39
dann verringerst halt den abstand weiter... wo ist das problem ?Zwinkern

poecki

10.11.2010, 18:45
welchen abstand?

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

Hitchhiker1981

10.11.2010, 19:00
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

poecki

10.11.2010, 19:04
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

Hitchhiker1981

10.11.2010, 19:10
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

poecki

10.11.2010, 19:23
naja das weather theme is ja zusammen mit den anderen in einem großen theme mit widget.html und co
Apple iPhone Forum und Community > Anfängerfragen > Anfängerfragen & Notdienst > weather widget hilfe (stylesheet)