Page 1 of 1
free CSS templates
Posted: Mon Jun 02, 2008 3:40 pm
by proskopos
Έχω βρεί ένα ωραίο free CSS template και θέλω να πειραματιστώ επάνω του...
Έχω λοιπόν μια απορία...
Το template αυτό, δηλώνει κάπου το παρακάτω:
Code: Select all
<div id="posts">
<div class="post">
<h2 class="title">BLABLA</h2>
<div class="story">
μια χαρούμενη ιστορία..... :-D
</div>
<div class="meta">
<p class="date">Posted on ........ by Admin</p>
<p class="file">ημερομηνία</p>
</div>
</div>
</div>
Έστω λοιπόν ότι εγώ θέλω να κάνω μια παραπομπή και το αποτέλεσμα της να εμφανίζεται εκέι που τώρα εμφανίζεται αυτή η ιστορία...
Πως θα το κάνω αυτό...
- Spoiler: εμφάνιση/απόκρυψη
Το template δεν έχει κάποιο παράδειγμα για αυτό, και έτσι δεν ξέρω πως να το κάνω...
Σε html η παραπομπή θα ήταν της μορφής...
Code: Select all
<A HREF="#####.html" target="kentriko">ΤΡΕΙΣ ΛΑΛΟΥΝ ΚΑΙ ΔΥΟ ΧΟΡΕΥΟΥΝ</A>
τώρα όμως το target που θα γίνει...;
Re: free CSS templates
Posted: Mon Jun 02, 2008 5:50 pm
by djsolid
Μήπως μπορείς να γίνει λίγο πιο ξεκάθαρος? Τι εννοείς οταν λες θες να κάνεις μια παραπομπή?
Να δημιουργήσεις link? Αν ναι τότε αυτό που έγραψες κάνει μια χαρά. Μην ξεχνας ενα CSS Template είναι μια HTML σελίδα που για τον τρόπο εμφάνισης των δεδομένων της χρησιμοποιεί CSS.
Code: Select all
<a href="#####.html" target="_blank">ΤΡΕΙΣ ΛΑΛΟΥΝ ΚΑΙ ΔΥΟ ΧΟΡΕΥΟΥΝ</a>
Εκτός απο _blank μπορείς να βάλεις _top, _parent, _self, _search...
Έχεις κάποιο παράδειγμα απο κάποιο site που έχεις δεις να καταλάβω?
Re: free CSS templates
Posted: Mon Jun 02, 2008 5:54 pm
by proskopos
Μα σκέψου ότι το kentriko που λέει έιναι το όνομα του frame όπως το έχω ονομάσει εγώ....
Εδώ όμως δεν έχω frames... Άρα πως θα του πω ότι θέλω όταν πατήσεις το ΚΑΤΙ εμφάνισε την σελίδα kati.html στο κομμάτι που είναι γραμμένο το
Code: Select all
<div id="posts">
<div class="post">
<h2 class="title">BLABLA</h2>
<div class="story">
μια χαρούμενη ιστορία..... :-D
</div>
<div class="meta">
<p class="date">Posted on ........ by Admin</p>
<p class="file">ημερομηνία</p>
</div>
</div>
</div>
Re: free CSS templates
Posted: Mon Jun 02, 2008 6:39 pm
by cyberpython
proskopos wrote:Μα σκέψου ότι το kentriko που λέει έιναι το όνομα του frame όπως το έχω ονομάσει εγώ....
Εδώ όμως δεν έχω frames... Άρα πως θα του πω ότι θέλω όταν πατήσεις το ΚΑΤΙ εμφάνισε την σελίδα kati.html στο κομμάτι που είναι γραμμένο το
Αν κατάλαβα καλά τι θέλεις να κάνεις, τότε ο μόνος τρόπος να αντικαταστήσεις ένα τμήμα κάποιας σελίδας με κάποιο άλλο είναι τα iFrames αλλά δε στο συνιστώ γιατί γενικά η χρήση τους θεωροείται κακή πρακτική και έχουν κάποιους περιορισμούς (π.χ. αν θέλεις να τρέξεις κάποιο javascript (της κύριας σελίδας) που παίρνει σαν είσοδο αντικείμενα από τη σελίδα του iFrame τότε πρέπει η τελευταία να ανήκει στο ίδιο domain με την κύρια σελίδα).
Re: free CSS templates
Posted: Mon Jun 02, 2008 6:42 pm
by proskopos
ωραία και τι προτίνεις....; Να παταω πάνω στην παραπομπή και να με βγάζει σε μια άλλη ολόιδια σελίδα που απλά θα γράφει αυτό που θέλω εκεί που θέλω...; Έτσι θα είναι αργή η φόρτωση νομίζω...
Re: free CSS templates
Posted: Mon Jun 02, 2008 7:05 pm
by djsolid
Γενικά αν θες να εμφανίσεις περιεχόμενο με τέτοιο τρόπο χωρίς frames τότε
[*]Το φτιάχνεις χρησιμοποιώντας μια γλώσσα κατασκευής δυναμικών σελίδων (PHP,ASP.NET)
[*]Χρησιμοποιείς ένα συνδυασμό από iframe και JavaScript
Code: Select all
<iframe src="h selida pou 8es" frameborder="0" width="100px" height="100px"></iframe>
Όπου width και height οι δικές σου τιμές.
Πχ μπορείς να κάνεις το εξής...
Code: Select all
<script type="text/javascript">
function showContent()
{
document.getElementById('content').innerHTML='<iframe scrolling="no" src="http://venus.cslab.aueb.gr/forum/viewtopic.php?f=8&p=128567#p128567" frameborder="0" width="400px" height="400px"></iframe>'
}
</script>
<input type="button" onclick="showContent()" value="Εμφάνιση" />
<div id="content">
Re: free CSS templates
Posted: Mon Jun 02, 2008 7:23 pm
by proskopos
Δεν με βοηθάει αυτό...
Εδώ
http://www.freecsstemplates.org/css-templates/12 υπαρχει το css thecoffeeshop κάτω κάτω...
θέλω λοιπόν σε αυτό να πατάω το blog και να μου βγαζει τα αποτελεσματα αυτής της σελίδας στο κομμάτι που λέει welcome to the......
Δηλαδή να μείνουν στο πλάι οι μήνες και οι υπόλοιπες πληροφορίες...
Πως το κάνω αυτό....;
Re: free CSS templates
Posted: Mon Jun 02, 2008 9:46 pm
by djsolid
Θα πρέπει να δημιουργήσεις μια άλλη σελιδα να να αλλάξεις μόνο ότι έχει μέσα στο div με το id "posts". Αφου το κάνεις αυτό τότε θα δημιουργήσεις ένα link με τον τρόπο που έγραψες παραπάνω... δλδ <a href=.......
Re: free CSS templates
Posted: Mon Jun 02, 2008 11:06 pm
by proskopos
Πολύ ωραία.... Σε ευχαριστώ... Ωστόσο θέλω να ρωτήσω αν αυτό θα κάνει αργή την σελίδα μου...
Γιατί είναι διαφορετικό να αλλάζω όλη την σελίδα και άλλο μόνο ένα κομμάτι..
Re: free CSS templates
Posted: Tue Jun 03, 2008 12:35 am
by djsolid
H διαφορά ειναι αμελητέα. Και αφού μιλάμε για στατικές σελίδες δεν έχεις άλλη επιλογή όπως πχ να χρησιμοποιήσεις
AJAX