Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Table Border


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα σε όλους σας...Είμαι ο magakos από το Freeware-tools.net και  Freeware-tools.com .
Κάποιες φορές θέλουμε να βάλουμε κάτι καινούργιο στο blog μας και θέλουμε να "χτυπάει" αμέσως στο μάτι του επισκέπτη...
Αυτό θα μπορούσαμε να το πετύχουμε με ένα χρωματισμένο πλαίσιο γύρω του όπως το παρακάτω το οποίο έχει την ιδιότητα να αναβοσβήνει και μπορείτε να το δείτε στην πράξη πατώντας ΕΔΩ (Table Border)
Για να το περάσετε κάνετε τα εξής:
1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<table border="0" width="280" id="myexample" style="border:5px solid green">
<tr>
<td>Γράψτε εδώ ότι θέλετε....
Γράψτε εδώ ότι θέλετε....
Γράψτε εδώ ότι θέλετε....
</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--

//configure interval btw flash (1000=1 second)
var speed=500

function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("green")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"
}
}
setInterval("flashit()", speed)
//-->
</script>

Αποθηκεύστε και είναι έτοιμο...


Τώρα δώστε βάση στα κομμάτια που έχω χρωματίσει με κόκκινο...
1. (width="280") Είναι το μήκος του πλαισίου....Αυξομειώστε τον αριθμό για να διαμορφώσετε το επιθυμητό μέγεθος.

2. (border:5px) Είναι το πάχος της γραμμής του πλαισίου...Αυξομειώστε τον αριθμό για να διαμορφώσετε το επιθυμητό μέγεθος.
3. (Γράψτε εδώ ότι θέλετε....) Είναι το κείμενο που θα υπάρχει μέσα στο πλαίσιο....Βέβαια εκτός από κείμενο μπορείτε να βάλετε link,εικόνα κτλ δίνοντας τον ανάλογο κώδικα, πχ για να βάλετε εικόνα βάλτε τον κώδικα:
<img src="ΕΔΩ ΤΟ ΛΙΝΚ ΤΗΣ ΕΙΚΟΝΑ ΣΑΣ" />
ή για link βάλτε:
<a href="ΕΔΩ ΤΟ ΛΙΝΚ ΣΑΣ">ΕΔΩ ΔΏΣΤΕ ΟΝΟΜΑΣΙΑ ΣΤΟ ΛΙΝΚ</a>

4. (speed=500) Εδώ ρυθμίζετε την ταχύτητα που αναβοσβήνει το πλαίσιο...Αυξομειώστε τον αριθμό για να διαμορφώσετε το επιθυμητό αποτέλεσμα.

5. (red)+(green) Εδώ ρυθμίζετε τον χρωματισμό με τον οποίο θα αναβοσβήνει το πλαίσιο γράψτε το χρώμα που θέλετε ή δώστε τον κωδικό html ενός χρώματος βάζοντας μπροστά πάντα την δίεση (#) (πχ για μαύρο #000000)

Stumble
Delicious
Technorati
Twitter
Facebook

1 comments:

Makedon είπε...

Η εναλλαγή χρωμάτων του πλαισίου δεν παίζει στα πρόσθετα=gadget, παρά μόνο όταν τα βάζω σε κανονική ανάρτηση!
Γιατί;

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *