Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.08.2009 um 13:51 (UTC)    
Titel: Text/Code frei positionieren

Hallo,
ich habe einen Code mit einem Datum und würde gerne wissen wie ich diesen frei positionieren kann.
Könnte jemand dafür diesen Code umschreiben?

Code:
<div id="datum">
<script type="text/javascript">
<!--
var today = new Date();
var month = today.getMonth()+1;
var year = today.getYear();
var day = today.getDate();
if(day<10) day = "0" + day;
if(month<10) month= "0" + month;
if(year<1000) year+=1900;

document.write(day + "." + month + "." + year );
//-->
</script>
</div>


------------------------------------------------------------------------------
Könnte noch jemand für mich die Uhrzeit dort noch hineinschreiben (hinter das Datum) ?, wär echt toll!

Danke
Beitrag25.08.2009 um 20:53 (UTC)    
Titel: Objekt frei positionieren

Hallo,

mit folgendem Code kannst du deinen Code frei auf deiner Seite positionieren; setze ihn einfach zu dem Code mit dem Datum dazu:

Zitat:
<style type="text/css">
<!--

#datum
{
position: absolute;
top: XX px;
left: YY px;
color: # XXXXXX;
font-face: Arial;
font-weight: normal;
font size: ZZ px;
text-decoration: none;
border: none;
background-color: transparent;
background-image: url();
}

--> </style>


Ich habe den Code mal komplett gemacht mit zusätzlichen Anweisungen für die Farbe des Datums, die Schriftart- und Schriftgröße, sowie eine evtl. Hintergrundfarbe od. -Grafik (wenn du benötigst).

XX = Abstand des Datums vom oberen Bildschirmrand
YY = Abstand des Datums vom linken Bildschirmrand
XXXXXX = Farbe des Datumstextes
ZZ = Größe des Datumstextes
transparent = wenn du Hintergrundfarbe möchtest, hier Farbcode einsetzen


Mit dem Uhrzeit-code kenne ich mich leider nicht aus.


Gruß

FK





Zuletzt bearbeitet von fkdesign am 25.08.2009, 21:53, insgesamt einmal bearbeitet
Beitrag26.08.2009 um 11:59 (UTC)    
Titel: ne klappt net

Nein leider klappt das nicht oder ich kapier es einfach nicht.
Kannst du mir nicht mal den Code von mir und den von dir zusammenfügen?

Wär gut

Danke
Beitrag26.08.2009 um 12:19 (UTC)    
Titel: Objekt frei positionieren

Hallo,

bei mir klappt das ganz wunderbar (CSS-Design).
Ich habe die beiden Codes zusammengesetzt. Das Datum ist schwarz und 14px groß, der Hintergrund weiß und befindet sich 300px von links und von oben entfernt. Diese Eigenschaften kannst du aber nach Belieben anpassen.


Zitat:
<style type="text/css">
<!--

#datum
{
position: absolute;
width:90px;
height:20px;
top: 300 px;
left: 300 px;
padding:5px;
color: # 000000;
font-face: Arial;
font-weight: normal;
font size: 14 px;
text-decoration: none;
text-align: center;
border: none;
background-color: #FFFFFF;
background-image: url();
}

--> </style>

<div id="datum">
<script type="text/javascript">
<!--
var today = new Date();
var month = today.getMonth()+1;
var year = today.getYear();
var day = today.getDate();
if(day<10) day = "0" + day;
if(month<10) month= "0" + month;
if(year<1000) year+=1900;

document.write(day + "." + month + "." + year );
//-->
</script>
</div>



Abstand des Datums von oben
Abstand des Datums von links
Farbe des Datums (hier steht #000000 für schwarz)
Schriftart (hier Arial)
Farbe des Hintergrunds (hier steht #FFFFFF für weiß)

Zusätzlich kannst du mit "font-size" bestimmen, wie die Textgröße sein soll; mit "font-weight", wie die Schrifteigenschaft (fett, schmal usw.) sein soll; mit "text-decoration" den Schriftstil (unterstrichen, durchgestrichen usw.) und mit "background-image" ob ein Hintergrundbild hinter dem Datum sein soll. Wenn du das Datum sehr viel größer machen möchtest und die Textgröße z.B. auf 24px setzt, solltest du auch die Werte "width" und "height" vergrößern, damit das Datum nicht aus dem Kästchen herausragt.


Hoffe, das hilft dir weiter

FK



Beitrag26.08.2009 um 12:49 (UTC)    
Titel: ja schon, aber

Ja es klappt, aber wenn ich die Position verändere, bleibt das Datum immer oben links in der ecke!

Neutral


Zuletzt bearbeitet von untersechzehn am 26.08.2009, 13:49, insgesamt einmal bearbeitet
Beitrag26.08.2009 um 12:54 (UTC)    
Titel:

Ich weiß nicht recht, was du meinst.
Ich sehe das Datum oben in deinem Header und dort bleibt es auch, egal wie man die Seite bewegt.


Beitrag26.08.2009 um 13:02 (UTC)    
Titel: naja egal

ich lass es einfach ohne datum, ist mir zu kompliziert.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de