free CSS templates

[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 που θα γίνει...;

[djsolid]

Μήπως μπορείς να γίνει λίγο πιο ξεκάθαρος? Τι εννοείς οταν λες θες να κάνεις μια παραπομπή?
Να δημιουργήσεις link? Αν ναι τότε αυτό που έγραψες κάνει μια χαρά. Μην ξεχνας ενα CSS Template είναι μια HTML σελίδα που για τον τρόπο εμφάνισης των δεδομένων της χρησιμοποιεί CSS.

Code: Select all

<a href="#####.html" target="_blank">ΤΡΕΙΣ ΛΑΛΟΥΝ ΚΑΙ ΔΥΟ ΧΟΡΕΥΟΥΝ</a>

Εκτός απο _blank μπορείς να βάλεις _top, _parent, _self, _search...

Έχεις κάποιο παράδειγμα απο κάποιο site που έχεις δεις να καταλάβω?

[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>

[cyberpython]

Μα σκέψου ότι το kentriko που λέει έιναι το όνομα του frame όπως το έχω ονομάσει εγώ....
Εδώ όμως δεν έχω frames... Άρα πως θα του πω ότι θέλω όταν πατήσεις το ΚΑΤΙ εμφάνισε την σελίδα kati.html στο κομμάτι που είναι γραμμένο το

Αν κατάλαβα καλά τι θέλεις να κάνεις, τότε ο μόνος τρόπος να αντικαταστήσεις ένα τμήμα κάποιας σελίδας με κάποιο άλλο είναι τα iFrames αλλά δε στο συνιστώ γιατί γενικά η χρήση τους θεωροείται κακή πρακτική και έχουν κάποιους περιορισμούς (π.χ. αν θέλεις να τρέξεις κάποιο javascript (της κύριας σελίδας) που παίρνει σαν είσοδο αντικείμενα από τη σελίδα του iFrame τότε πρέπει η τελευταία να ανήκει στο ίδιο domain με την κύρια σελίδα).

[proskopos]

ωραία και τι προτίνεις....; Να παταω πάνω στην παραπομπή και να με βγάζει σε μια άλλη ολόιδια σελίδα που απλά θα γράφει αυτό που θέλω εκεί που θέλω...; Έτσι θα είναι αργή η φόρτωση νομίζω...

[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">

[proskopos]

Δεν με βοηθάει αυτό...
Εδώhttp://www.freecsstemplates.org/css-templates/12 υπαρχει το css thecoffeeshop κάτω κάτω...
θέλω λοιπόν σε αυτό να πατάω το blog και να μου βγαζει τα αποτελεσματα αυτής της σελίδας στο κομμάτι που λέει welcome to the......
Δηλαδή να μείνουν στο πλάι οι μήνες και οι υπόλοιπες πληροφορίες...
Πως το κάνω αυτό....;

[djsolid]

Θα πρέπει να δημιουργήσεις μια άλλη σελιδα να να αλλάξεις μόνο ότι έχει μέσα στο div με το id "posts". Αφου το κάνεις αυτό τότε θα δημιουργήσεις ένα link με τον τρόπο που έγραψες παραπάνω... δλδ <a href=.......

[proskopos]

Πολύ ωραία.... Σε ευχαριστώ... Ωστόσο θέλω να ρωτήσω αν αυτό θα κάνει αργή την σελίδα μου...
Γιατί είναι διαφορετικό να αλλάζω όλη την σελίδα και άλλο μόνο ένα κομμάτι..

[djsolid]

H διαφορά ειναι αμελητέα. Και αφού μιλάμε για στατικές σελίδες δεν έχεις άλλη επιλογή όπως πχ να χρησιμοποιήσεις AJAX