free CSS templates

Συζητήσεις για γλώσσες προγραμματισμού και θέματα σχετικά με προγραμματισμό.
User avatar
proskopos
Wow! Terabyte level
Wow! Terabyte level
Posts: 2808
Joined: Tue Dec 18, 2007 4:01 pm
Academic status: Alumnus/a
Gender:
Location: Στα φεγγάρια του Πλάνταρ...
Contact:

free CSS templates

Postby proskopos » Mon Jun 02, 2008 3:40 pm

Έχω βρεί ένα ωραίο 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 που θα γίνει...;
Extreme Makeover... Mind edition...
3,6 μαθήματα/εξεταστική....
Image
User avatar
djsolid
Kilobyte level
Kilobyte level
Posts: 483
Joined: Thu Dec 02, 2004 7:36 pm
Academic status: Alumnus/a
Gender:
Location: Πετράλωνα
Contact:

Re: free CSS templates

Postby djsolid » Mon Jun 02, 2008 5:50 pm

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

Code: Select all

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

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

Έχεις κάποιο παράδειγμα απο κάποιο site που έχεις δεις να καταλάβω?
User avatar
proskopos
Wow! Terabyte level
Wow! Terabyte level
Posts: 2808
Joined: Tue Dec 18, 2007 4:01 pm
Academic status: Alumnus/a
Gender:
Location: Στα φεγγάρια του Πλάνταρ...
Contact:

Re: free CSS templates

Postby proskopos » Mon Jun 02, 2008 5:54 pm

Μα σκέψου ότι το 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>
Extreme Makeover... Mind edition...
3,6 μαθήματα/εξεταστική....
Image
User avatar
cyberpython
Mbyte level
Mbyte level
Posts: 654
Joined: Wed Nov 21, 2007 8:18 pm
Academic status: Alumnus/a
Gender:
Location: Αθηνα
Contact:

Re: free CSS templates

Postby cyberpython » Mon Jun 02, 2008 6:39 pm

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


Αν κατάλαβα καλά τι θέλεις να κάνεις, τότε ο μόνος τρόπος να αντικαταστήσεις ένα τμήμα κάποιας σελίδας με κάποιο άλλο είναι τα iFrames αλλά δε στο συνιστώ γιατί γενικά η χρήση τους θεωροείται κακή πρακτική και έχουν κάποιους περιορισμούς (π.χ. αν θέλεις να τρέξεις κάποιο javascript (της κύριας σελίδας) που παίρνει σαν είσοδο αντικείμενα από τη σελίδα του iFrame τότε πρέπει η τελευταία να ανήκει στο ίδιο domain με την κύρια σελίδα).
User avatar
proskopos
Wow! Terabyte level
Wow! Terabyte level
Posts: 2808
Joined: Tue Dec 18, 2007 4:01 pm
Academic status: Alumnus/a
Gender:
Location: Στα φεγγάρια του Πλάνταρ...
Contact:

Re: free CSS templates

Postby proskopos » Mon Jun 02, 2008 6:42 pm

ωραία και τι προτίνεις....; Να παταω πάνω στην παραπομπή και να με βγάζει σε μια άλλη ολόιδια σελίδα που απλά θα γράφει αυτό που θέλω εκεί που θέλω...; Έτσι θα είναι αργή η φόρτωση νομίζω...
Extreme Makeover... Mind edition...
3,6 μαθήματα/εξεταστική....
Image
User avatar
djsolid
Kilobyte level
Kilobyte level
Posts: 483
Joined: Thu Dec 02, 2004 7:36 pm
Academic status: Alumnus/a
Gender:
Location: Πετράλωνα
Contact:

Re: free CSS templates

Postby djsolid » Mon Jun 02, 2008 7:05 pm

Γενικά αν θες να εμφανίσεις περιεχόμενο με τέτοιο τρόπο χωρίς 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">
User avatar
proskopos
Wow! Terabyte level
Wow! Terabyte level
Posts: 2808
Joined: Tue Dec 18, 2007 4:01 pm
Academic status: Alumnus/a
Gender:
Location: Στα φεγγάρια του Πλάνταρ...
Contact:

Re: free CSS templates

Postby proskopos » Mon Jun 02, 2008 7:23 pm

Δεν με βοηθάει αυτό...
Εδώhttp://www.freecsstemplates.org/css-templates/12 υπαρχει το css thecoffeeshop κάτω κάτω...
θέλω λοιπόν σε αυτό να πατάω το blog και να μου βγαζει τα αποτελεσματα αυτής της σελίδας στο κομμάτι που λέει welcome to the......
Δηλαδή να μείνουν στο πλάι οι μήνες και οι υπόλοιπες πληροφορίες...
Πως το κάνω αυτό....;
Extreme Makeover... Mind edition...
3,6 μαθήματα/εξεταστική....
Image
User avatar
djsolid
Kilobyte level
Kilobyte level
Posts: 483
Joined: Thu Dec 02, 2004 7:36 pm
Academic status: Alumnus/a
Gender:
Location: Πετράλωνα
Contact:

Re: free CSS templates

Postby djsolid » Mon Jun 02, 2008 9:46 pm

Θα πρέπει να δημιουργήσεις μια άλλη σελιδα να να αλλάξεις μόνο ότι έχει μέσα στο div με το id "posts". Αφου το κάνεις αυτό τότε θα δημιουργήσεις ένα link με τον τρόπο που έγραψες παραπάνω... δλδ <a href=.......
User avatar
proskopos
Wow! Terabyte level
Wow! Terabyte level
Posts: 2808
Joined: Tue Dec 18, 2007 4:01 pm
Academic status: Alumnus/a
Gender:
Location: Στα φεγγάρια του Πλάνταρ...
Contact:

Re: free CSS templates

Postby proskopos » Mon Jun 02, 2008 11:06 pm

Πολύ ωραία.... Σε ευχαριστώ... Ωστόσο θέλω να ρωτήσω αν αυτό θα κάνει αργή την σελίδα μου...
Γιατί είναι διαφορετικό να αλλάζω όλη την σελίδα και άλλο μόνο ένα κομμάτι..
Extreme Makeover... Mind edition...
3,6 μαθήματα/εξεταστική....
Image
User avatar
djsolid
Kilobyte level
Kilobyte level
Posts: 483
Joined: Thu Dec 02, 2004 7:36 pm
Academic status: Alumnus/a
Gender:
Location: Πετράλωνα
Contact:

Re: free CSS templates

Postby djsolid » Tue Jun 03, 2008 12:35 am

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

Return to “Προγραμματισμός”

Who is online

Users browsing this forum: No registered users and 13 guests