4 svar · 748 visningar · startad av Aureola
Hej!
Jag hoppas att det går att först hur jag menar? jag skulle vilja skriva dagens datum på två rader, som på sidan http://www.fastcoexist.com/
mitt försök
variablerna:
var d=new Date();
var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var DATENO = d.getDate() + " / " + "\n" + monthname[d.getMonth()];
anropet:
<script language="JavaScript" type="text/javascript">
document.write(DATENO); </script>
jag har också försökt att lägga in \n tillsammans med /'et i DATENO variabeln. Dvs
var DATENO = d.getDate() + " /\n" + monthname[d.getMonth()];
men det vill inte heller...........
Jag är en riktig nybörjare på javaskript så det är mycket möjligt att jag gjort nåt riktigt galet... Hoppas nån kan hjälpa!
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.month-day {
font-family: 'FCKaiserXCond';
font-size: 48px;
font-weight: 400;
line-height: 20px;
margin-top: 38px;
width: 300px;
}
.month {
padding-right: 40px;
text-align: left;
}
.day {
padding-left: 40px;
text-align: right;
}
.year {
display: block;
font-family: 'CaslonFS',sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
margin: 10px auto auto;
text-align: center;
text-transform: uppercase;
width: 120px;
}
.month-day b:after{content:' ';border-right-color:black;border-right-width:1px;border-right-style:solid;height:80px;margin-top:-59px;-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation = .25);-o-transform:rotate(18deg);transform:rotate(18deg);display:block;text-align:center;margin-left:-0px;position:relative;}
.month-day b {
color: transparent;
display: block;
font-weight: 100;
height: 8px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 0;
}
.diven{
text-align: center;
}
</style>
</head>
<body>
<h1>My First Heading</h1>
<div class="diven">
<script language="JavaScript" type="text/javascript">
var d=new Date();
var monthname=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var DATENO = "<span class='month-day'><span class='month'>" + d.getDate() + " </span><b>/</b><span class='day'>" + monthname[d.getMonth()] + "</span></span>";
document.write(DATENO); </script>
</body>
</html>
Jag tog din kod och kopierade koden från den hemsidan du länkade. Finns säkert bättre och snyggare lösningar, men den borde fungera.
Jaa det fungerade fint!! Tack så mycket! Jag trodde det räckte att ta klasserna .day och .month men det gjorde det ju inte. Tack igen! :)
Markera som löst och ge mig min poäng ;)