-
.
"Tu ami l'amore ma non hai tempo per le persone"
- Group
- Patatine fritte
- Posts
- 6,826
- Location
- TARDIS
- Status
- Anonymous
This: http://himedesign.altervista.org/, dovrebbe essere così https://i.imgur.com/sOLvLK8.png NFUIERHFIUHERUI D: SPOILER (clicca per visualizzare)HTML<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HimeDesign prova</title>
<style type="text/css">
@font-face { font-family: 'Hagin Caps Medium';
src: url ('http://himedesign.altervista.org/Hagin_Caps_Medium.otf');}
@font-face { font-family: 'Learning Curve';
src: url ('http://himedesign.altervista.org/LearningCurve.ttf');}
@font-face { font-family: 'Kalinga';
src: local ("Kalinga")
url ('http://himedesign.altervista.org/kalinga.ttf');}
.lingua {
font-family: Kalinga;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: 400;
font-variant: normal;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
position: absolute;
left: 26px;
top: 20px;
}
.logo {text-align: center
color: #FFF;
font-size: 40px;
padding-top: 80px;}
.descrizione {
font-family: Kalinga;
font-size: 13px;
color: #fff;
text-align: center;
}
.freccia {
background-image: url(http://i.imgur.com/zK97h6A.png);
background-repeat: no-repeat;
width: 190px;
height: 99px;
position: absolute;
left: 964px;
top: 237px;
}
.slide {
background-color: #ffffff;
height: 200px;
margin-top: 30px;
}
</style>
</head>
<body class="descrizione" style="background: #242424;">
<header class="lingua"> <div align="center">IT ENG</div></header>
<div class="logo"><span style="font-size: 150px; font-family: Learning Curve">hime</span><span style="font-size: 100px; font-family: Hagin Caps Medium">Design</span></div>
<div class="descrizione">Hi! Nice to meet you! I'm Hime an italian graphic design student.<br>
Below you can see some of my best works, do you like it? So, <span style="font-style: normal">follow the arrow</span>!</div>
<div class="freccia"></div>
<div class="slide"></div>
</body>
</html>
Edited by Hime Suzumiya - 7/12/2013, 17:06. -
.
per la slide (è la striscia bianca, giusto?) per farla lunga tutta la pagina potresti aggiungere "width: auto", mentre se vuoi fare il titolo più in alto dovresti modificare "top" oppure dovresti provare con un margin >w< ma non se non sicura x° . -
.
"Tu ami l'amore ma non hai tempo per le persone"
- Group
- Patatine fritte
- Posts
- 6,826
- Location
- TARDIS
- Status
- Anonymous
CITAZIONEper la slide (è la striscia bianca, giusto?) per farla lunga tutta la pagina potresti aggiungere "width: auto",
Nada D: rimane identico.
Comunque la mia maggiore preoccupazione sono i font, tu li vedi come dovrebbero essere? perché molte altri vedono un semplice georgia t__t. -
Skülbläkä.
User deleted
Comunque la mia maggiore preoccupazione sono i font, tu li vedi come dovrebbero essere? perché molte altri vedono un semplice georgia t__t
Pure io vedo il Georgia! Mi è venuto in mente che forse è perchè non ho il font che hai usato, però l'hai caricato e usato il font-face, quindi non riesco a capire perchè non ti venga fuori. -
.
"Tu ami l'amore ma non hai tempo per le persone"
- Group
- Patatine fritte
- Posts
- 6,826
- Location
- TARDIS
- Status
- Anonymous
CITAZIONEMi è venuto in mente che forse è perchè non ho il font che hai usato, però l'hai caricato e usato il font-face, quindi non riesco a capire perchè non ti venga fuori
Esattamente, non riesco a capire perché non funzioni. Ho provato sia con file .woff sia con quelli normali ma non ha funzionato in nessuno dei casi ç_ç. -
Skülbläkä.
User deleted
Esattamente, non riesco a capire perché non funzioni. Ho provato sia con file .woff sia con quelli normali ma non ha funzionato in nessuno dei casi ç_ç
Umm... Forse hai applicato male il font-face? Hai scritto male il codice? Non saprei cosa dirti sinceramente ,__,. -
.
Uh ok, sto per dire una cazzata ma... nell'html hai detto che font dece apparire dove? Perché lo vedo nel css, ma poi dove c'è scritto hime non vedo il tag che indica in che font dee essere scritto. Possibile sia ciecata io, eh, sono dal telefono e al lavoro XD
Cioè più che altro è che il div logo contiene un altro div, che ha prevalenza su quello esterno. Non so se riesco a spiegare XD. -
.
"Tu ami l'amore ma non hai tempo per le persone"
- Group
- Patatine fritte
- Posts
- 6,826
- Location
- TARDIS
- Status
- Anonymous
Provate a vedere se così funziona, ho provato a "ripulire" l'html e il css ç_ç il purtroppo non vedo la differenza perché ho i font installati. SPOILER (clicca per visualizzare)CODICE<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HimeDesign prova</title>
<style type="text/css">
@font-face { font-family: 'Hagin Caps Medium';
src: url ('http://himedesign.altervista.org/Hagin_Caps_Medium.otf');}
@font-face { font-family: 'Learning Curve';
src: url ('http://himedesign.altervista.org/LearningCurve.ttf');}
@font-face { font-family: 'Kalinga';
src: local ("Kalinga")
url ('http://himedesign.altervista.org/kalinga.ttf');}
.lingua {
font-family: Kalinga;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: 400;
font-variant: normal;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
position: absolute;
left: 26px;
top: 20px;
}
.logo {text-align: center
color: #FFF;
font-size: 40px;
padding-top: 80px;}
.descrizione {
font-family: Kalinga;
font-size: 13px;
color: #fff;
text-align: center;
}
.freccia {
background-image: url(http://i.imgur.com/zK97h6A.png);
background-repeat: no-repeat;
width: 190px;
height: 99px;
position: absolute;
left: 964px;
top: 237px;
}
.slide {
background-color: #ffffff;
height: 200px;
margin-top: 30px;
}
</style>
</head>
<body class="descrizione" style="background: #242424;">
<header class="lingua"> <div align="center">IT ENG</div></header>
<div class="logo"><span style="font-size: 150px; font-family: Learning Curve">hime</span><span style="font-size: 100px; font-family: Hagin Caps Medium">Design</span></div>
<div class="descrizione">Hi! Nice to meet you! I'm Hime an italian graphic design student.<br>
Below you can see some of my best works, do you like it? So, <span style="font-style: normal">follow the arrow</span>!</div>
<div class="freccia"></div>
<div class="slide"></div>
</body>
</html>. -
Skülbläkä.
User deleted
Provate a vedere se così funziona, ho provato a "ripulire" l'html e il css ç_ç il purtroppo non vedo la differenza perché ho i font installati.
Nisba, io vedo ancora il Georgia ,___,. -
.
Idem. E se provassi a dare una classe agli span invece che mettere direttamente lo style? . -
.
Himecchì per la slide ti posso consigliare di provare a mettere un width: 100% o un div con sfondo bianco a 100% di larghezza!
Mentre per il font ti consiglio vivamente di usare google www.google.com/fonts/
ci sono già i font installati...da che ho capito non tutti sono predisposti per le pagine web! (il codice è giusto, quindi non saprei proprio come altro spiegarmelo! btw, utilizzando il sito vai sul sicuro che si vedono su tutti i browser!). -
Hello.
User deleted
Ho tralasciato alcuni dettagli ma funziona tutto come dovrebbe.
Erano il padding-top e il font-face che ti hanno fregata.SPOILER (click to view)CODE<head>
<title> Title here.</title>
<style type="text/css">
/*font*/
@font-face {
font-family: Kalinga;
src: url('http://himedesign.altervista.org/kalinga.ttf');
}
@font-face {
font-family: Learning Curve;
src: url('http://himedesign.altervista.org/LearningCurve.ttf');
}
@font-face {
font-family: Hagin Caps Medium;
src: url('http://himedesign.altervista.org/Hagin_Caps_Medium.otf');
}
body{
background-color:#242424;
font-family:Kalinga;
color:#fff;
}
#language {
position:absolute;
left: 26px;
top: 20px;
font-size:10px;
text-transform:uppercase;
font-weight: 400;
text-align:center;
}
#logo{
font-size: 40px;
margin-top: 80px;
text-align:center;
}
#description{
font-size:13px;
text-align:center;
margin-top:-30px;
line-height:14px;
}
#arrow{
position: absolute;
left: 920px;
top: 160px;
background-image: url(http://i.imgur.com/zK97h6A.png);
background-repeat: no-repeat;
width: 190px;
height: 85px;
}
#slide{
position: absolute;
top: 250px;
left: 0px;
background-color: #fff;
height: 200px;
width: 100%;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="language">it eng</div>
<div id="logo">
<font style="font-family:Learning Curve; font-size:150px;">hime</font>
<font style="font-family:Hagin Caps Medium; font-size:100px;">Design</font>
</div>
<div id="description">
Hi! Nice to meet you! I'm Hime an italian graphic design student.<br>
Below you can see some of my best works, do you like it? So, follow the arrow!
</div>
<div id="arrow"></div>
<div id="slide"></div>
</body>
</html>.