Προς το περιεχόμενο

XHTML, CSS form

PhlegethoN

Από τον PhlegethoN
στο Web Design - Development

Προτεινόμενες αναρτήσεις

thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

yeap.. css only :)

Απο τη στιγμή που πλέον υποστηρίζεται απ όλους τους σοβαρούς και μη (βλέπε ie) browsers.. Γενικά πάει καλά το θέμα αυτό επιτέλους. Ο εξπλόρερ βέβαια θέλει πάλι τη δική του ειδική μεταχείριση.. αλλα οκ.

 

Καλά, εδώ και πάρα πολύ καιρό υποστηριζόταν από όλους τους browsers (αν δεν απατώμαι, λίγο μετά την κυκλοφορία του CSS2). Το θέμα είναι ότι με αυτή τη λύση έχεις μια μικρή απώλεια ταχύτητας...

 

>
@font-face {  font-family: "SuperSweetFont";  
src: url(http://www.yourdomain.com/fonts/sweet/supersweetfont.ttf) format("truetype");

δηλαδή, κάνεις αυτό που είναι παραπάνω σε έναν σύνδεσμο και είσαι κομπλέ?

 

//χμμ σύμφωνα με αυτό ναι...

//ενδιαφέρον, ίσως...

 

Βασικά πετάς το block που έχεις στα code tags στο css σου και δηλώνεις μετά σε κάθε element το font-family που έχεις κάνει embed. Πχ, αν θέλεις μόνο οι επικεφαλίδες σου να χρησιμοποιούν αυτό το font, δίνεις (από τη σελίδα που εσύ παρέθεσες):

 

>
<html>
<head>
 <title>Web Font Sample</title>
 <style type="text/css" media="screen, print">
   @font-face {
     font-family: "Bitstream Vera Serif Bold";
     src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");
   }
   
   h1 { font-family: "Bitstream Vera Serif Bold", serif }
   p { font-family: "Verdana" }
 </style>
</head>
<body>
 <h1>Αυτή είναι η Bitstream Vera Serif Bold.</h1>
 <p>Αυτή είναι η Verdana</p>
</body>
</html>

  • 2 εβδομάδες αργότερα...
  • Απαντ. 30
  • Δημ.
  • Τελ. απάντηση
PhlegethoN Proficient

PhlegethoN

Δημοσ.
  • Μέλος
Δημοσ.

Μια επιπλεον ερωτηση στα γρηγορα για να μην ανοιγω νεο τhread:

 

Μπορω να συνδεσω μια φορμα HTML με ενα Applet που εγραψα απευθειας;

Ή θα χρειαστω Javascript για να τα συνδεσω μεταξυ τους οπως διαβαζω στα πρωτα αποτελεσματα του google? :huh:

PhlegethoN Proficient

PhlegethoN

Δημοσ.
  • Μέλος
Δημοσ.

Ενα απλο java applet που δεχεται ως εισοδο 3 πραγματικους. Θα μπορουσα να τους διαβασω μεσω μιας φορμας και να τους στειλω στο applet?

(ξερω οτι μπορω να τους διαβασω απευθειας απο το applet απλα ειπα να δω αν μπορω να συνδεσω αυτα που κοιταζα εδω τις προαλλες :) )

thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

Νομίζω ότι ο καλύτερος να γίνει κάτι τέτοιο είναι με ajax, σε φάση συμπληρώνεις τη φόρμα, και μόλις πατήσει ο χρήστης submit, στο div που έχεις τη φόρμα φορτώνεις το applet... :)

jms Proficient

jms

Δημοσ.
Δημοσ.

Οποτε αναβαλλεται μεχρι να αρχισω το ψαξιμο με javascript και ajax. Thx Thanocaster. ;)

 

ajax είναι λίγο περιττό για αυτό το θέμα. Για μένα η καλύτερη και πιο εύκολη λύση είναι php. 

>//arxeio applet.php
		<html>
		<body>
		<applet name="..." code="..." archive="..." width="0" height="0">
		<param name="parama" value="<?=$_POST['a']?>">
		<param name="paramb" value="<?=$_POST['b']?>'">
		</applet>
		</body>
		</html>

 

στο action της φόρμας σου θα δίχνεις στο php αρχείο που υπάρχει το applet. με το post παίρνες τα παιδία της φόρμας (πχ το $_POST['a'] επιστρέφει την τιμή ενός input με name a)και τις περνάς στον κώδικα του applet. μετά μέσα στο applet τις πέρνεις με getParameter("parama") 

>
<form method="post" action="applet.php">

 

Cool-processor Proficient

Cool-processor

Δημοσ.
Δημοσ.

Γενικά, οι γραμματοσειρές που υποστηρίζονται άμεσα και εγγενώς σε όλους τους browsers (web safe fonts) είναι ελάχιστες. Από εκεί και πέρα, αν θέλεις να χρησιμοποιήσεις κάποια άλλη, και να φαίνεται σωστά σε όλους τους χρήστες, υπάρχουν κάποιες τεχνικές που χρησιμοποιούνται. Φυσικά, θα πρέπει να χρησιμοποιήσεις μόνο γραμματοσειρές που είναι δωρεάν και αφήνουν το δικαίωμα αναδιανομής στην σχετική άδειά τους.

 

  • Αν πρόκειται για πολύ μικρά κομμάτια κειμένου (πχ κάποια λεζάντα μόνο, ή κάποιος υπότιτλος), μπορείς να μετατρέψεις το κείμενο σε εικόνα.
  • Web font embedding services. Είναι κάτι σαν plugins που αναλαμβάνουν να μετατρέπουν το κείμενό σου σε εικόνες ή flash.
  • CSS font embedding property. Το ίδιο το CSS σου δίνει τη δυνατότητα να ανεβάσεις το αρχείο της γραμματοσειράς που θέλεις να χρησιμοποιήσεις (ή ακόμα και να λινκάρεις το αρχείο από άλλη σελίδα απευθείας). Εδώ, βέβαια, ξεκινάει και η τεράστια κουβέντα περί πνευματικής ιδιοκτησίας στην οποία προσωπικά δεν θα αναλωθώ.

 

Σε γενικές γραμμές, εγώ έχω επιλέξει την πιο safe λύση, δηλαδή επιλογή από την περιορισμένη λίστα που μου επιτρέπει να είμαι πάντα συμβατός, και για μερικές προτασούλες ή λέξεις να χρησιμοποιώ εικόνες (πάντα με alt κείμενο).

 

Νομίζω ειναι περιορισμένες οι γραμματοσειρές για W3C όπως και τα 16 χρώματα.Τώρα custom fonts μπαίνουν και με CSS3.

thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

Νομίζω ειναι περιορισμένες οι γραμματοσειρές για W3C όπως και τα 16 χρώματα.Τώρα custom fonts μπαίνουν και με CSS3.

 

Γράφω εγώ τίποτα διαφορετικο; (εκτός από το ότι το @font-face υποστηριζόταν και στο CSS2?) :huh:

thanocaster Mentor

thanocaster

Δημοσ.
Δημοσ.

Και πάλι είσαι λάθος, καθώς οποιοδήποτε χρώμα δηλώσεις σε HEX είναι μια χαρά valid (αρκεί το HEX να είναι στη σωστή μορφή - # και μετά ένα 6-ψήφιο δεκαεξαδικό πχ #00FF00 ή 3 ίδια ψηφία πχ #444). Απλά η HTML έχει αντιστοιχίσει κάποια από αυτά τα χρώματα σε ονομασίες.

 

Τα 16 χρώματα που αναφέρεις, είναι τα χρώματα της παλέτας των παλιών εκδόσεων των λειτουργικών, και τότε συνηθιζόταν να χρησιμοποιούμε αυτά γιατί πολύ απλά, η πλειοψηφία των υπολογιστών μόνο αυτά μπορούσαν να απεικονίσουν γενικότερα. Πλέον είναι αστείο να μιλάμε για παλέτα 16 χρωμάτων, καθώς είναι σχεδόν βέβαιο ότι οι χρήστες που έχουν ακόμα αυτή την παλέτα δεν θα μπορούν να δουν σωστά ένα τεράστιο ποσοστό των σελίδων που είναι online αυτή τη στιγμή.

 

Για του λόγου το αληθές, αν πας εδώ, επιλέξεις το τρίτο tab (Validate by Direct Input), κάνεις paste τον κώδικα που ακολουθεί και πατήσεις Validate, θα περάσει μια χαρά το validation.

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <title>I am valid!</title>
   <style type="text/css">
       div#color {
           color: #003D4A;
       }
   </style>
 </head>

 <body>
  <div id="color"><p>Hey, I am hex-colored AND valid at the same time!</p></div>
 </body>
</html>

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.

ναι γι αυτό κόλλησα..

Κατάλαβα οτι εννοεί για standards.. αλλα δε παίζει. Τα 16 είναι απλώς κάποιες αντιστοιχίες hex κωδικών σε όνομα για εύκολη χρήση.. δεν έχει να κάνει με standards.. ούτε αν χρησιμοποιήσεις πέρα απο web safe colors.. Οσο για τις γραμματοσειρές ομοίως.. απλώς είναι web safe fonts επειδή υπάρχουν στα περισσότερα λειτουργικά.. Δεν έχεις κανα θέμα με τα w3c standards.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...