[SOLVED]βοήθεια σε template

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[SOLVED]βοήθεια σε template

Δημοσίευση από nzak » 28 Μαρ 2011 08:29

Παιδιά καλημέρα. Προσπαθώ να φτιάξω κάτι παρόμοιο με αυτό: http://www.justalab.com/ αλλά θέλω να κάνω μία ερώτηση. Πως μπορούμε με css να κρατήσουμε το ύψος του κάθε block έτσι ώστε να φαίνεται όπως αυτό στο link; Πχ αν το ανοίξει κάποιος σε μεγαλύτερη οθόνη να μην του δείχνει και τις δύο οθόνες. Σας ευχαριστώ.
Τελευταία επεξεργασία από το μέλος nzak την 28 Μαρ 2011 20:15, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
Yiannistaos
Δημοσιεύσεις: 140
Εγγραφή: 10 Οκτ 2007 21:01
Τοποθεσία: Λεμεσός
Επικοινωνία:

[SOLVED]βοήθεια σε template

Δημοσίευση από Yiannistaos » 28 Μαρ 2011 12:11

Εξαιρετικό template.

Νομίζω πως δεν γίνεται αυτό που θες να κάνεις. Εγώ βλέπω και τις δυο οθόνες.
web357.eu - Free & Premium Joomla! Extensions

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[SOLVED]βοήθεια σε template

Δημοσίευση από nzak » 28 Μαρ 2011 14:11

Ναι κι εμένα μου άρεσε πολύ. Μπορείς να μου δείξεις ένα screenshot του τι βλέπεις; Αν είναι εύκολο.

Άβαταρ μέλους
Yiannistaos
Δημοσιεύσεις: 140
Εγγραφή: 10 Οκτ 2007 21:01
Τοποθεσία: Λεμεσός
Επικοινωνία:

[SOLVED]βοήθεια σε template

Δημοσίευση από Yiannistaos » 28 Μαρ 2011 14:18

Ναι, με 1920x1080.
Συνημμένα
1920x1080.png
web357.eu - Free & Premium Joomla! Extensions

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[SOLVED]βοήθεια σε template

Δημοσίευση από nzak » 28 Μαρ 2011 14:32

Α σου ξεφεύγει κατά πολύ εσένα. Σε εμέμα σε 1440 X 900, το γραφικό που έχει αυτός το top φτάνει τέρμα τέρμα κάτωστον browser. Οπότε μάλλον εν γίνεται αυτό που ρώτησα, εκτώς κι αν πεταχτεί κάποιος που να έχει δοκιμάσει κάτι παρόμοιο και μας διαψεύσει. Σ' ευχαριστώ φίλε μου.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[SOLVED]βοήθεια σε template

Δημοσίευση από fafos » 28 Μαρ 2011 16:02

mporeis me ajax na pairneis to ypsos ths othonhs tou xrhsth kai na to dineis os min-height sta divs ths kathe enothtas.. oi megales analyseis tha exoun kapoies leukes perioxes pantos..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[SOLVED]βοήθεια σε template

Δημοσίευση από nzak » 28 Μαρ 2011 17:26

Α ωραία... μήπως έχεις; κάποιο link από tutorial να το ψάξω.! Σ' ευχαριστώ fafos.. πάντα δίνεις λύσεις :)

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[SOLVED]βοήθεια σε template

Δημοσίευση από fafos » 28 Μαρ 2011 17:43

2 entoles einai:

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
<!--
#div1&#123;
  background-color &#58; #cccccc;
  height &#58; 700px;
  margin &#58; 0px;

&#125;
BODY&#123;
  margin &#58; 0;

&#125;
-->
</style>
<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$&#40;document&#41;.ready&#40;function&#40;&#41;&#123;
var screen_height = $&#40;window&#41;.height&#40;&#41;;//pairnoume to ypsos
$&#40;'#div1'&#41;.css&#40;"min-height",screen_height&#41;;//leme na valei to ypsos sto div me id=div1 - to idio kanoume gia ola ta divs

//alert&#40;screen_height&#41;; //dokimh gia na doume to ypsos
&#125;&#41;;
</script>

</head>
<body>
<div id="div1"></div>
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[SOLVED]βοήθεια σε template

Δημοσίευση από nzak » 28 Μαρ 2011 20:04

fafos σ ευχαριστώ για το το scriptaki αλλά όταν το τρέχω μου βγάζει height 704 στο alert. Αυτό το 704 είναι το height της οθόνης; :o

ok το πιασα. thanks!!!!!! :)

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[SOLVED]βοήθεια σε template

Δημοσίευση από fafos » 28 Μαρ 2011 20:07

nzak έγραψε:fafos σ ευχαριστώ για το το scriptaki αλλά όταν το τρέχω μου βγάζει height 704 στο alert. Αυτό το 704 είναι το height της οθόνης; :o

ok το πιασα. thanks!!!!!! :)
grafo oti to alert einai dokimh gia na deis an pairnei to ypsos.. diegrapse to se kanonikes synthikes..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

nzak
Δημοσιεύσεις: 118
Εγγραφή: 16 Ιούλ 2010 09:59
Τοποθεσία: GR

[SOLVED]βοήθεια σε template

Δημοσίευση από nzak » 28 Μαρ 2011 20:11

ναι ναι οκ! απλά το μπέρδεψα με το height της ανάλυσης της οθόνης που είναι 900 γι' αυτό!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

[SOLVED]βοήθεια σε template

Δημοσίευση από fafos » 28 Μαρ 2011 20:21

nzak έγραψε:ναι ναι οκ! απλά το μπέρδεψα με το height της ανάλυσης της οθόνης που είναι 900 γι' αυτό!
auto pairnei to ypsos tou body pou vlepei o xrhsths (xoris na kanei scroll)... an afhseis to alert tha deis oti se kathe browser dinei diaforetiko noumero logo tou oti koitaei to katharo ypsos pou katalamvanei to body pou deixnei o kathe browser..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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