Border Style

Το στύλ του περιγράμματος που βάζουμε είτε στα gadgets είτε στους πίνακες που φτιάχνουμε είτε σε κυλειόμενο μύνημα, είτε γενικότερα σε κώδικες που χρησιμοποιούμε, μπορούμε να το αλλάξουμε σύμφωνα με τις προτιμήσεις σας !!

Συνήθως το συναντάμε border-style:solid; - που είναι η απλή γραμμή - και border-style:0; και border-style:none;- χωρίς περίγραμμα.

Υπάρχουν όμως μερικά ακόμα στύλ, που μπορείτε να δημιουργήσετε, αλλά και να προσαρμόσετε το στυλ σας σε αυτά, για να κάνετε την διαφορά και είναι τα εξής :

dotted:

dashed:

double : The width of the two borders are the same as the border-width value

groove : Defines a 3D grooved border. The effect depends on the border-color value

ridge :  Defines a 3D ridged border. The effect depends on the border-color value

inset: Defines a 3D inset border. The effect depends on the border-color value

outset: Defines a 3D outset border. The effect depends on the border-color value

The hex color code for transparent

Σε ένα κωδικό html που έχουμε αντιγράψει απο κάπου για να το βάλουμε στην δική μας σελίδα (ένα widget / gadget ας πούμε) και θέλουμε να έχουμε το χρώμα διαφανές δεν έχουμε παρά να αλλάξουμε :

α. τον κωδικό του χρώματος που έχουμε αντικαθιστώντας τον με την δίεση # 

β. την λέξη του χρώματος πχ αν γράφει red να πάμε να γράψουμε transparent

γ. αν δεν υπάρχει καθόλου, μπορούμε να το προσθέσουμε εμείς γράφοντας

για Γραμματοσειρά --->font-color="transparent";   ή   font-color="#";

για Φόντο --->background-color="transparent"΄;   ή   background-color="#"; 

Τώρα το που θα τα τοποθετήσετε μέσα στον κωδικό είναι ένα θέμα, βασικά στο style, αλλά αυτό αλλάζει ανάλογα με τον κωδικό - τοποθετήστε το κοντά στο text size ή font size, παίξτε λίγο και πειραματιστείτε !! Μπορεί να χρειαστεί να το κάνετε κανα 2 φορές για να το πετύχετε, αλλά αν μπείτε στο νόημα δεν είναι δύσκολο καθόλου !!

Hex Color Codes & Names

Color Name	Color Code
Black	#000000
Gray0	#150517
Gray18	#250517
Gray21	#2B1B17
Gray23	#302217
Gray24	#302226
Gray25	#342826
Gray26	#34282C
Gray27	#382D2C
Gray28	#3b3131
Gray29	#3E3535
Gray30	#413839
Gray31	#41383C
Gray32	#463E3F
Gray34	#4A4344
Gray35	#4C4646
Gray36	#4E4848
Gray37	#504A4B
Gray38	#544E4F
Gray39	#565051
Gray40	#595454
Gray41	#5C5858
Gray42	#5F5A59
Gray43	#625D5D
Gray44	#646060
Gray45	#666362
Gray46	#696565
Gray47	#6D6968
Gray48	#6E6A6B
Gray49	#726E6D
Gray50	#747170
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000
Black	#000000

Color	Color Code
Red	#FF0000
Turquoise	#00FFFF
Light Blue	#0000FF
Dark Blue	#0000A0
Light Purple	#FF0080
Dark Purple	#800080
Yellow	#FFFF00
Pastel Green	#00FF00
Pink	#FF00FF
White	#FFFFFF
Light Grey	#C0C0C0
Dark Grey	#808080
Black	#000000
Orange	#FF8040
Brown	#804000
Burgundy	#800000
Forest Green	#808000
Grass Green	#408080

Block / Deactivate Right Click Options for your site

Γνωστή πιά διαδικασία - πάμε πανόπτη - σχεδίαση - στοιχεία σελίδας - προσθήκη gadget -  βασικά - HTML/Javascript - αντιγράψτε τον παρακάτω κωδικό

<script language=javascript>
<!-- http://www.spacegun.co.uk -->
    var message = "Protected";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</script>

και επικολλήστε το !

Στο μώβ μέρος γράφετε το κείμενο που θα βλέπουν όταν κάνουν δεξί κλίκ.

Πατήστε αποθήκευση και έτοιμοι !

Falling Effect - Sparkling Coloured Stars

Κάντε αντιγραφή τον παρακάτω κωδικό

επικόλληση και αποθήκευση.

<marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee><marquee behavior="scroll" direction="down" style="position:fixed;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.barbspetpourri.highpowersites.com/i//ColoredStars.gif"/></span></marquee>

Add Gadget Without Title ΙΙ

Μετά τον πρώτο τρόπο που μπορείτε να διαβάσετε εδώ,

έχω άλλον ένα τρόπο, που σε μένα δεν λειτουργεί.

Αν όμως σε κάποιους δεν λειτουργεί ο πρώτος, αυτός θα λειτουργήσει σίγουρα και αντίθετα !

Add a spoiler to your site

<div style="background-color: white; border: 1px solid rgb(216, 216, 216); font-size: 1em; padding: 3px;"> <div style="border-bottom: 1px solid rgb(204, 204, 204); display: block; font-size: 0.8em; font-weight: bold; margin-bottom: 3px; text-transform: uppercase;"> <span onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '&lt;b&gt;{TEXT2}: &lt;/b&gt;&lt;a href=\'#\' onClick=\'return false;\'&gt;hide&lt;/a&gt;'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '&lt;b&gt;&lt;/b&gt;&lt; onClick=\'return false;\; }"><b></b>show</span></div> <div class="quotecontent"> <div style="display: none;"> {TEXT}</div> </div> </div>

Import Your Web Page Bookmark For Your Site

Εισάγετε Σελιδοδείκτη στην σελίδα σας

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

<script type="text/javascript"> //set the bookmark image position(topright,topleft,bottomright,bottomleft) var corner = "topright"; var url = window.location; var title = document.title; document.write('<div id=ddd style="position: absolute; visibility: visible; top: 5px; left:5px;">'); document.write('<a style="font-size:10px; text-decoration: none;" href="javascript:bookmark(title, url)" title="click here to bookmark this page"><img src="http://i934.photobucket.com/albums/ad188/VdellaLeech/rsz_book.png" alt="BOOKMARK" border=0><span style="background-color: seashell; font-size:10px;"></span></a></div>'); var os; if(document.layers) os = "n4"; else if(document.getElementById&&!document.all) os = "n6"; else if(document.all) os = "ie"; function run() { if(os == "ie"){ pwidth = window.document.body.offsetWidth; pheight = window.document.body.offsetHeight; stop = document.body.scrollTop; sleft = document.body.scrollLeft; }else{ pwidth = window.innerWidth; pheight = window.innerHeight; stop = window.pageYOffset; sleft = window.pageXOffset; } var dda = document.getElementById('ddd'); if(corner == "topleft"){ dda.style.top = (stop)+"px"; dda.style.left = (sleft+15)+"px"; }else if(corner == "topright"){ dda.style.top = (stop-320)+"px"; dda.style.left = (sleft+pwidth-220)+"px"; }else if(corner == "bottomleft"){ dda.style.top = (stop+pheight-45)+"px"; dda.style.left = (sleft+15)+"px"; }else if(corner == "bottomright"){ dda.style.top = (stop+pheight-40)+"px"; dda.style.left = (sleft+pwidth-110)+"px"; } setTimeout('run()',5); } function bookmark(title,url){ if(window.sidebar) window.sidebar.addPanel(title,url,""); else if(window.opera && window.print){ var elem = document.createElement('a'); elem.setAttribute('href',url); elem.setAttribute('title',title); elem.setAttribute('rel','sidebar'); elem.click(); } else if(os == "ie") window.external.AddFavorite(url,title); } document.onload = run(); </script>

Ορίστε που θέλετε να εμφανίζεται η εικόνα αλλάζοντας το κόκκινο κομμάτι του κωδικού με αυτή που θέλετε topright(= πάνω δεξιά) topleft (=πάνω αριστερά) bottomright (=κάτω δεξιά) bottomleft (=κάτω αριστερά)

Αντιγράψτε το λινκ που έχετε την εικόνα σας και επικολλήστε το στο μώβ σημείο του κωδικού.

Τώρα βρείτε μέσα στον κωδικό το κομμάτι που αντιστοιχεί στην θέση που ορίσατε - θα μοιάζει στο παρακάτω

if(corner == "topright"){ dda.style.top = (stop-320)+"px"; dda.style.left = (sleft+pwidth-220)+"px"; (η επιλογή μου εμένα είναι topright) 

Αφού το βρείτε λοιπόν παίξτε με τα νούμερα στο stop και στο sleft, όπου το πρώτο είναι η κάθετη στοίχηση και το δεύτερο η οριζόντια αντίστοιχα, για να το φέρετε στην θέση που θέλετε. Θα χρειαστεί να το κάνετε μία φορά και να το αποθηκεύσετε για να καταλάβετε πόσο ακριβώς χρειάζεται και το πολύ μια τρίτη να πετύχετε αυτό που θέλετε !

Στο πράσινο μέρος γράψτε αυτό που θέλετε να φαίνεται όταν πηγαίνει απάνω ο δείκτης του ποντικιού

Add HTML Gadget without title

Το θέμα είναι πάρα πολύ απλό.

Λοιπόν για να προσθέσετε καταρχάς ένα Gadget/Widget με HTML απο τρίτους (εξωτερική πηγή, απο κάποια σελίδα που βρίκατε) η διαδικασία είναι η εξής :

1. Αντιγράφετε τον κωδικό HTML

πως κάνουμε αντιγραφή (για να βοηθήσουμε τους τελείως αρχάριους): βάζουμε τον κέρσορα στην αρχή του κωδικού και κρατάμε πατημένο το αριστερό κουμπί του ποντικιού κατεβάζοντάς το κάτω να καλύψει όλο τον κωδικό - αφού το μπλοκάρετε όλο, αφήνουμε το αριστερό κουμπί του ποντικιού, πατάμε πάνω του το δεξί κουμπί - ανοίγει ένα παραθυράκι με επιλογές - πατάμε το αντιγραφή - τώρα το έχει αντιγράψει)

2. Πάμε τώρα στον πίνακα ελέγχου

3. πατάμε την Σχεδίαση

4. πατάμε Στοιχεία σελίδας

5. Πατάτε όποιο θέλετε απο τα τετραγωνάκια που λένε Προσθήκη Gadget

6. Ανοίγει ένα παράθυρο

7. Πατάμε το σύν

στο HTML/JavaScript

8. ανοίγει ένα παράθυρο για να βάλουμε τον κωδικό

9. Πατάμε το δεξί κουμπί του ποντικιού στο μεγάλο πλαίσιο και πατάμε επικόλληση και μπαίνει ο κωδικός στο μεγάλο πλαίσιο

 10. Τώρα πρέπει να βάλουμε έναν τίτλο αν θέλουμε

π.χ. αν είναι ένα ρολόι μπορούμε σαν τίτλο να βάλουμε "η ώρα είναι"
ή αν δεν θέλουμε να βάλουμε τίτλο γράφουμε στον τίτλο το εξής

&nbsp;

11. και πατάμε αποθήκευση

12. το newsletter είναι αυτό που έβαλα εγώ και το έχει βάλει ακριβώς στο σημείο που είχα πατήσει στην αρχή την προσθήκη gadget - δείτε που το έβαλε

 13. Τώρα εγώ δεν θέλω να φαίνεται εκεί. Για να του αλλάξω θέση πάω το ποντίκη απάνω του, το βελάκι γίνεται 4 βελάκια προς όλες τις κατευθύνσεις (πάνω - κάτω - δεξιά - αριστερά) - πατήστε τώρα το αριστερό κουμπί του ποντικιού και το κρατάμε πατημένο και το πηγαίνουμε στην θέση που θέλουμε. Η θέση που το έβαλα μετά είναι αυτή

14. Αφού το έχετε βάλει εκεί που θέλετε πατάτε την αποθύκευση

Είστε έτοιμοι

Υπάρχει και άλλος ένας τρόπος, αν ο συγκεκριμένος δεν δουλέψει για εσάς, και μπορείτε να τον διαβάσετε εδώ !

Import your Favicon on your site

Εισάγετε το δικός σας Favicon στην σελίδα σας

Καταρχάς να πούμε τί είναι το Favicon (Favorite Icon)
First ... what's a favicon ? (Favorite Icon)

Όταν κάποιος επισκευτεί μία σελίδα, δίπλα απο το URL στην μπάρα διευθύνσεων, εμφανίζεται ένα εικονίδιο. Είναι το χαρακτηριστικό εικονίδιο της σελίδας, το οποίο παράλληλα βοηθάει να ξεχωρίζει η σελίδα αυτή στους σελιδοδείκτες, ή αλλιώς όταν την προσθέσουνε στα αγαπημένα τους.

When someone visits a page, next to the url on the address bar, an icon appears. Is the trademark lets say of that particular page, that helps being easily recognized when it's inside Bookmarks, or should I say Favorites !

Θέλετε να αλλάξετε το favicon που έχετε και να βάλετε ένα που αντιπροσωπεύει εσάς και το ιστολόγιό σας ?
Τα βήματα είναι πολύ απλά, για αυτό ακολουθήστε με :

Wanna personalize it ? The steps are simple so follow me :


1. Επιλέξτε την εικόνα που θέλετε να χρησιμοποιήσετε ως Favicon.

Αν έχετε την εικόνα που θέλετε στον σκληρό σας, προχωρήστε το βήμα 2.

Choose the image you wanna use as Favicon
If you have it on your hard drive, skip step 2

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

If you haven't desided what you want, search through your browser and when you find the ideal one, right click it, select save image as (give a name) to your desktop

Μπορείτε επίσης να βγάλετε μία απο το ιστολόγιό σας, όποιο σημείο αυτού θέλετε εσείς με το Snagit Screen Capture
You can snap one right out of your blog, or any part of it with Snagit Screen Capture

2. Αν η εικόνα δεν είναι 16x16, πηγαίνετε να την μετατρέψετε σε 16x16 pixels στο Pic Resizer (οδηγίες για αυτό θα βρείτε στην ανάρτησή μας εδώ).
Αν η εικόνα σας είναι 16x16 προχωρήστε στο βήμα 3.

If your pic isn't 16x16. go and convert it to Pic Resizer (instructions on how to use see related post here)
If your pic is 16x16 skip to step 3.

Οι διαστάσεις των favicon που χρησιμοποιούν οι περιηγητές είναι 16x16, μπορείτε να βάλετε μεγαλύτερη, αλλά αυτόματα το μέγεθος θα αλλάξει σε 16x16, με αποτέλεσμα ή να μην φαίνεται καλά η εικόνα - αν ήταν ιδιαίτερα μεγάλη - ή παραμορφωμένη - αν οι διαστάσεις της δεν είναι ίσες (δηλαδή 23x32, 12χ19 κ.τ.λ.)

The dimentions of favicons used by browsers are 16x16, so u can add a bigger one, but instantly the size will change to 16x16, with the result on most cases - if not all - the image does't shows right - if it was a big one - or destorted - if its dimentions were uneven (meaning 23x32, 12χ19 and so on).

Αποθηκεύστε την τροποποιημένη πια στην επιφάνεια εργασίας.
Save the converted on on your desktop.

3. Ανεβάστε την εικόνα σε οποιοδήποτε image hoster ( Photobucket , Tinypic , Imageshack , Computer Steroids το αγαπημένο μου ) και κάντε αντιγραφή το direct link !

Upload the pic to any image hoster ( Photobucket , Tinypic , Imageshack , Computer Steroids my fav) and copy the direct link !

4. Επικολλήστε το στην θέση url στο παρακάτω :

paste the url to the code below

<link href='paste the url here / εδώ βάζετε το url της εικόνας σας' rel='shortcut icon' type='image/x-icon'/>
<link href='paste the url here / εδώ βάζετε το url της εικόνας σας' rel='icon' type='image/x-icon'/>

5. Αντιγράψτε τώρα όλο τον κωδικό

Copy the whole code

6. Πηγαίντε στην καρτέλλα της σχεδίαση, μετά στην καρτέλλα επεξεργασια HTML

Go to tap design, to the edit HTML

7. Πατήστε Ctrl + F και θα ανοίξει στο κάτω μέρος της εικόνας σας η μπάρα αναζήτησης, όπου θα γράψετε και θα πατήσετε Enter για να το βρεί

Press Ctrl + F and a search bar opens below, type and click enter

8. Ακριβώς απο πάνω του επικολλήστε τον κωδικό που αντιγράψατε παραπάνω

Just above it paste the code you copied before

9. Αποθήκευση και είναι έτοιμο !
Save and done !

Μεγιά !

Create Html Boxes (Tables) for your site

Σύμφωνα με αυτό που θέλετε αντιγράψτε τον αντίστοιχο κωδικό

Μπορείτε να τα προσθέσετε :

στις αναρτήσεις σας κάτω ή πάνω απο τα κείμενά σας ή ακόμα και ενδιάμεσα, όπως εκφράζει εσάς,
με προσθήκη gadget και να το μετακινήσετε σε όποιο σημείο της σελίδας θέλετε (σχετικά με την προσθήκη gadget μπορείτε να διαβάσετε εδώ).

www.vdella.blogspot.com

το περιθώριο εδώ είναι 1,το οποίο αλλάζετε ανάλλογα με το πάχος που θέλετε

<table border=1>
<tr>
<td>

το κείμενο που θέλετε να φαίνεται<br>

</td>
</tr>
</table>

 
www.vdella.blogspot.com

το περιθώριο εδώ είναι 10

<table border=10>
<tr>
<td>

το κείμενο που θέλετε να φαίνεται

<br>
</td>
</tr>
</table>

εικόνα μέσα στο κουτί

<table border="10"><tbody>
<tr> <td><img src="εδώ το url της εικόνας που θέλετε να φαίνεται" /></td></tr>
</tbody></table>

 
 www.vdella.blogspot.com

χρωματιστό φόντο

<table bgcolor="το χρώμα που θέλετε με το όνομά του - εδώ είναι pink" border="1"><tbody>
<tr> <td>&nbsp;το κείμενο που θέλετε να φαίνεται</td></tr>
</tbody></table>

 
www.vdella.blogspot.com
 
Βδέλλα
 
Leech
 
Vdella

2 γραμμές απο 2 κουτιά η κάθε μία

<pre><table border="1"><tbody>
<tr> <td>κείμενο 1</td> <td>κείμενο 2</td></tr>
<tr> <td&gt;κείμενο 3</td> <td>κείμενο 4</td></tr>
</tbody></table>
</pre>

το <tr></tr> είναι η γραμμή ανάλογα με το πόσες γραμμές θέλετε τόσα βάζετε

το <td></td> είναι τα κουτιά ανάλογα με το πόσα κουτιά θέλετε τόσα βάζετε

έτσι μπορείτε να ορίσετε και πόσα κουτιά θέλετε στην κάθε γραμμή

μην ξεχνάτε πρέπει να βάζετε μέσα στα <tr></tr> τα κουτιά που θέλετε δηλαδή πρέπει να έχουν αυτή τη μορφή 

<tr>
<td>

το κείμενό σας

</td>
</tr>

www.vdella.blogspot.com

με χρωματιστό περιθώριο

<table width=50% bordercolor=το χρώμα που θέλετε - εδώ είναι green border=1 cellpadding=πόσο ύψος θέλετε να έχει το κουτί - εδώ είναι 10>
<tr>
<td>

το κείμενο που θέλετε να φαίνεται

</td>
</tr>
</table>

vdella.blogspot.com

χωρίς βάθος το κουτί

<table width=50% bordercolor=το χρώμα που θέλετε - εδώ ειναι purple
border=1 style="border-collapse:collapse"
cellpadding=10>
<tr>
<td>

το κείμενο που θέλετε να φαίνεται

</td>
</tr>
</table>

www.vdella.blogspot.com

περιθώριο κόκκινο με τελείες χωρίς βάθος

<table width=50% bordercolor=το χρώμα που θέλετε - εδώ είναι red border=2
style="border-style:dotted; border-collapse:collapse"
cellpadding=10>
<tr>
<td>

το κείμενο που θέλετε να φαίνεται

</td>
</tr>
</table>

vdella.blogspot.com

αν το κείμενο το θέλετε bold

<table border=1 height=100>
<tr>
<th>

το κείμενο που θέλετε να φαίνεται

</th>
</tr>
</table>

www.vdella.blogspot.com

αν θέλετε να ορίσετε την γραμματοσειρά

<table border="1">
<tbody>
<tr>
<td><span font="" style="color: blue; font-family: βάλτε εδώ την γραμματοσειρά που θέλετε - εδώ είναι arial;">www.vdella.blogspot.com</span></td></tr>
</tbody></table>

Hexadecimal color codes

Color	Color Code
Red	#FF0000
Turquoise	#00FFFF
Light Blue	#0000FF
Dark Blue	#0000A0
Light Purple	#FF0080
Dark Purple	#800080
Yellow	#FFFF00
Pastel Green	#00FF00
Pink	#FF00FF
White	#FFFFFF
Light Grey	#C0C0C0
Dark Grey	#808080
Black	#000000
Orange	#FF8040
Brown	#804000
Burgundy	#800000
Forest Green	#808000
Grass Green	#408080

Create Marquee Text Easy for your Site

Βάλτε εύκολα στην σελίδα σας Κυλιόμενο Κείμενο

Απλά αντιγράψτε τους κωδικούς ανάλογα με αυτό που θέλετε να κάνετε και σύμφωνα με τις πληροφορίες που σας δίνουμε τροποποιήστε τους ! Μπορείτε να τους βάλετε ώς gadgets, αλλά και όπου θέλετε στον κώδικα της σελίδας σας !

Just copy the codes involving what you wanna do and with our given informations modify them ! You can add the as gadgets or placing them to your blogs' page design code !

Βδέλλα / Leech  
<marquee> paste your text here / εδώ το κείμενο που θέλετε </marquee> 

Βδέλλα / Leech 

to start from right / για κατεύθυνση απο δεξιά 
<marquee direction=right> paste your text here / εδώ το κείμενο που θέλετε </marquee>

  Βδέλλα / Leech 

paste your text here / εδώ το κείμενο που θέλετε  

Βδέλλα / Leech

to deal with the scroll speed / για να ρυθμίσετε την ταχύτητα κύλισης 
<marquee scrolldelay=300>  paste your text here / εδώ το κείμενο που θέλετε </marquee> 

Βδέλλα / Leech

here is / εδώ είναι 800

Βδέλλα / Leech

here is / εδώ είναι 1500

Βδέλλα / Leech

here is / εδώ είναι 2000

to deal with the scroll speed / για να ρυθμίσετε την ταχύτητα κύλισης 
<marquee scrollamount= paste your value here / εδώ βάλτε την τιμή που θέλετε> paste your text here / εδώ το κείμενο που θέλετε </marquee>

Βδέλλα / Leech scrollamount is / εδώ είναι 6

Βδέλλα / Leech scrollamount is / εδώ είναι 10

Βδέλλα / Leech scrollamount is / εδώ είναι 15

  
to adjust from where it shows to where it hides / για να ρυμθίσετε απο θα εμφανίζεται και που θα κρύβεται 
<marquee width= paste your value here / εδώ την τιμή που θέλετε%> paste your text here / εδώ το κείμενο που θέλετε </marquee>


Βδέλλα / Leech width=25%

Βδέλλα / Leech width=50%

Βδέλλα / Leech width=75%

Βδέλλα / Leech width=100%

to highlight your text / Για να προσθέσετε χρώμα υπογράμμισης

<marquee bgcolor= paste your color here / βάλτε το χρώμα που θέλετε> paste your text here / εδώ το κείμενο που θέλετε </marquee>

 Βδέλλα / Leech

Βδέλλα / Leech

Βδέλλα / Leech 

We
Love
Βδέλλα / Leech

To άλλο μας Blog

ή 

www.vdella.blogspot.com

to create your scrolling image just replace its purple part with the direct link or url of the image / για να φτιάξετε κυλιόμενη εικόνα απλά αντικαταστείστε το μώβ κομμάτι του με την διεύθυνση ( direct link or url ) της εικόνας

   

to get fixed to column width / να είναι προσαρμοσμένο σε όλο το πλάτος της στήλης
as you see you can add animated pics too / όπως βλέπετε μπορούμε να βάλουμε και κινούμενη εικόνα
ή

or just define it / ή απλά ορίστε το

Βδέλλα / Leech

Βδέλλα / Leech

for blinking text or pic / το κείμενο ή η εικόνα να αναβοσβήνει

  Βδέλλα / Leech

here we define going up deriction, if we want to automatically repeat it and the distance its gonna cover / εδώ ορίζουμε να πηγαίνει προς τα πάνω, αν θέλουμε να επαναληφθεί και τί ύψος θα πιάσει

Βδέλλα / Leech

Βδέλλα / Leech

 

Βδέλλα / Leech

www.vdella.blogspot.com

Βδέλλα / Leech

Welcoming your Visitors

Την πρώτη φορά που θα επισκευθεί κάποιος το blog, ανοίγει ένα παραθυράκι, και του ζητάει να γράψει το όνομά/ψευδώνυμό του και πατάει ΟΚ.

The fist time someone visits your blog, a window opens asking him/her to write his nickname or name and he presses OK.


'Ετσι εμφανίζεται το μήνυμα καλωσορίσματος ονομαστικά (π.χ. Γειά σου Vdella) σε κάθε επίσκεψη!

This way on every visit he gets a welcome message on his name ! (e.g. Hi Vdella )

Ομως αν ο επισκέπτης δεν βάλει όνομα και πατήσει x ή cancel, θα τον δείχνει ώς ανώνυμο (null).
If visitor don't type a name 

But if the visitor presses x or cancel, without typing the name, he will be shown as null

Ακολουθείστε την γνωστή διαδικασία προσθήκης gadget (σχετική ανάρτηση μπορείτε να δείτε εδώ) και επικολλείστε τον κάτωθι κωδικό :

Follow the usual procedure of adding a gadget (see related post here) and paste the code given below :

<center><script>

<!--

// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.

// Boolean variable specified if alert should be displayed if cookie exceeds 4KB

var caution = false

// name - name of the cookie

// value - value of the cookie

// [expires] - expiration date of the cookie (defaults to end of current session)

// [path] - path for which the cookie is valid (defaults to path of calling document)

// [domain] - domain for which the cookie is valid (defaults to domain of calling document)

// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission

// * an argument defaults when it is assigned null as a placeholder

// * a null placeholder is not required for trailing omitted arguments

function setCookie(name, value, expires, path, domain, secure) {

var curCookie = name + "=" + escape(value) +

((expires) ? "; expires=" + expires.toGMTString() : "") +

((path) ? "; path=" + path : "") +

((domain) ? "; domain=" + domain : "") +

((secure) ? "; secure" : "")

if (!caution || (name + "=" + escape(value)).length <= 4000)

document.cookie = curCookie

else

if (confirm("Cookie exceeds 4KB and will be cut!"))

document.cookie = curCookie

}

// name - name of the desired cookie

// * return string containing value of specified cookie or null if cookie does not exist

function getCookie(name) {

var prefix = name + "="

var cookieStartIndex = document.cookie.indexOf(prefix)

if (cookieStartIndex == -1)

return null

var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)

if (cookieEndIndex == -1)

cookieEndIndex = document.cookie.length

return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))

}

βάζετε ή δεν βάζετε τίτλο ότι θέλετε (σχετική ανάρτηση δείτε εδώ), το τοποθετείτε στο σημείο που θέλετε να φαίνεται (σχετική ανάρτηση δείτε εδώ), και πατάτε αποθήκευση.

put a title or not as it suits you (related post see here), click save, place it where you like (related post see here) and click save.

Έτοιμοι !
Done !