rounded divs?

Θέματα web + mobile design, development & cyberculture.

rounded divs?

Δημοσίευσηαπό genik » 28.10.12, 9:42 am

Θέλω να βάλω σε ένα site το παρακάτω γραφικό Εικόνα
δηλαδή ταμπελάκια με κείμενο, που όμως να έχουν τις γωνίες τους στρογγυλεμένες και σκιά. Μπορεί να γίνει έτσι με κώδικα το div και να το χρωματίσω ή πρέπει να κάνω κάτι άλλο, και τί;
genik
Junior Member
 
Posts: 474
Εγγραφή: 30.12.05, 3:42 pm

Re: rounded divs?

Δημοσίευσηαπό sokalegga » 28.10.12, 11:02 am

Μπορείς αλλά οι χρήστες IE 8 και 7 δεν θα βλέπουν το εφε.
Ένα απο τα πολλά generators, όπου θα σε βοηθήσουν να το κάνεις οπτικά:

http://www.css3.me/
Υou Can Do Anything You Want As Long As It Makes Sense
Άβαταρ μέλους
sokalegga
Master Member
 
Posts: 3251
Εγγραφή: 22.07.04, 2:50 pm
Τοποθεσία: Τρίπολη

Re: rounded divs?

Δημοσίευσηαπό genik » 28.10.12, 1:37 pm

Thanx, αλλά κάποια λύση για αυτούς που ακόμα χρησιμοποιούν IE υπάρχει έστω και με υποχωρήσεις από πλευράς design;
genik
Junior Member
 
Posts: 474
Εγγραφή: 30.12.05, 3:42 pm

Re: rounded divs?

Δημοσίευσηαπό theoasim » 28.10.12, 2:49 pm

eArtboard blog | The Creative blog
theoasim
Master Member
 
Posts: 2854
Εγγραφή: 18.02.09, 2:46 pm
Τοποθεσία: Αίγιο

Re: rounded divs?

Δημοσίευσηαπό hidedora » 28.10.12, 6:04 pm

Αν θέλεις δοκίμασε το παρακάτω εργαλείο. Είναι αρκετά εύχρηστο. http://www.cssportal.com/css3-rounded-corner/
Άβαταρ μέλους
hidedora
Junior Member
 
Posts: 262
Εγγραφή: 02.09.10, 12:46 pm

Re: rounded divs?

Δημοσίευσηαπό genik » 28.10.12, 7:31 pm

thanx σε όλους ειδικά για το εργαλειάκι σου hidedora :) , αλλά... το ερώτημα ισχύει... με τον ΙΕ τι λύση υπάρχει ώστε να μην υπάρχει εκεί πρόβλημα;

Ααα και να ρωτήσω, υπάρχουν άραγε πολλά pc που να χρησιμοποιούν ΙΕ κάτω της έκδοσης 9;
genik
Junior Member
 
Posts: 474
Εγγραφή: 30.12.05, 3:42 pm

Re: rounded divs?

Δημοσίευσηαπό theoasim » 28.10.12, 9:59 pm

Για να ρωτάς πάλι δεν κοίταξες το δικό μου λινκ. :P
eArtboard blog | The Creative blog
theoasim
Master Member
 
Posts: 2854
Εγγραφή: 18.02.09, 2:46 pm
Τοποθεσία: Αίγιο

Re: rounded divs?

Δημοσίευσηαπό nzak » 28.10.12, 10:14 pm

Mπορείς να ρίξεις και εδώ μια ματιά http://css3generator.com/
nzak
Member
 
Posts: 44
Εγγραφή: 22.03.11, 6:11 pm

Re: rounded divs?

Δημοσίευσηαπό genik » 28.10.12, 11:11 pm

theoasim έγραψε:Για να ρωτάς πάλι δεν κοίταξες το δικό μου λινκ. :P

Όχι πως δεν το κοίταξα καθόλου αλλά επειδή δεν σκαμπάζω κ πολλά από κώδικα το προσπέρασα κακώς... καταλαβαίνεις :(
Το htc που αναφέρει τι είναι;
thanx φίλε :wink:
genik
Junior Member
 
Posts: 474
Εγγραφή: 30.12.05, 3:42 pm

Re: rounded divs?

Δημοσίευσηαπό theoasim » 28.10.12, 11:20 pm

Το htc περιέχει κώδικα για να γίνονται στρογγυλεμένες οι γωνίες και σε IE.

Στα αριστερά θα δεις ένα zip αρχείο. Κατεβασέ το να δεις.

http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
eArtboard blog | The Creative blog
theoasim
Master Member
 
Posts: 2854
Εγγραφή: 18.02.09, 2:46 pm
Τοποθεσία: Αίγιο

Re: rounded divs?

Δημοσίευσηαπό sebastien » 29.10.12, 3:09 am

Σεμπαστιάν Νικολάου | http://www.sebdesign.eu
Άβαταρ μέλους
sebastien
Senior Member
 
Posts: 560
Εγγραφή: 26.12.05, 4:44 pm
Τοποθεσία: Αθήνα

Re: rounded divs?

Δημοσίευσηαπό genik » 29.10.12, 8:36 am

perfect :dance
genik
Junior Member
 
Posts: 474
Εγγραφή: 30.12.05, 3:42 pm

Re: rounded divs?

Δημοσίευσηαπό genik » 30.10.12, 12:02 am

Παιδιά ένας χρήστης mac πώς μπορεί να ελέγξει το site που φτιάχνει εάν δουλεύει σωστά σε IE;
genik
Junior Member
 
Posts: 474
Εγγραφή: 30.12.05, 3:42 pm

Re: rounded divs?

Δημοσίευσηαπό notis » 30.10.12, 10:33 am

genik έγραψε:Παιδιά ένας χρήστης mac πώς μπορεί να ελέγξει το site που φτιάχνει εάν δουλεύει σωστά σε IE;


Δες αν βολεύεσαι με το https://browserlab.adobe.com/en-us/index.html
Άβαταρ μέλους
notis
Master Admin
 
Posts: 3697
Εγγραφή: 23.02.04, 1:36 pm
Τοποθεσία: Corinth

Re: rounded divs?

Δημοσίευσηαπό FusionDesignGR » 30.10.12, 2:50 pm

genik έγραψε:Θέλω να βάλω σε ένα site το παρακάτω γραφικό Εικόνα
δηλαδή ταμπελάκια με κείμενο, που όμως να έχουν τις γωνίες τους στρογγυλεμένες και σκιά. Μπορεί να γίνει έτσι με κώδικα το div και να το χρωματίσω ή πρέπει να κάνω κάτι άλλο, και τί;


Καλησπέρα, γιατί απλά δεν το κάνεις παίζοντας με png και προσαρμόζοντας το εκέι που θες?, και αν θες να αλλάζει χρώμα κλπ περνόντας τον cursor από πάνω μπορείς να παίζεις επίσης με 2 png προσαρμόζοντας τα στον κώδικα.
Εικόνα
Άβαταρ μέλους
FusionDesignGR
Member
 
Posts: 6
Εγγραφή: 29.10.12, 12:44 pm
Τοποθεσία: Salamis Island | Attica

Re: rounded divs?

Δημοσίευσηαπό theoasim » 01.11.12, 2:02 am

Καλημέρα,

@genik

απάντησα στο πμ σου.
eArtboard blog | The Creative blog
theoasim
Master Member
 
Posts: 2854
Εγγραφή: 18.02.09, 2:46 pm
Τοποθεσία: Αίγιο


Επιστροφή στο II.I Ιστοσχεδίαση + Mobile + Διαδίκτυο

Μέλη σε σύνδεση

Μέλη σε αυτή την Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 3 επισκέπτες

Visual Communication Designers Club

Το Visual Communication Designers Club, το μεγαλύτερο Ελληνικό online design forum, αποτελεί μια Ελληνική κοινότητα σχεδιαστών οπτικής επικοινωνίας, υπό την ευρύτερη έννοια του όρου, θέλοντας να συμπεριλάβει στα μέλη της κάθε ειδικότητα και βαθμίδα όσων σπουδάζουν ή εργάζονται στον χώρο της επικοινωνίας, έντυπης, διαδικτυακής, τρισδιάστατης ή εφαρμογών πολυμέσων

cron