Παρασκευή 24 Αυγούστου 2012

Table Border



Καλησπέρα σε όλους σας...Είμαι ο 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)

0 σχόλια:

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