Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Search Box

Εδώ μπορείτε να αναζητήσετε πατέντες προϊόντων

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

>>> https://www.google.gr/?tbm=pts&gws_rd=cr%2Cssl&ei=R4wOVa-ALsP3UO3jg5gH




Custom Search Box For BlogSpot v3

<style>
/* foulscode.blogspot.com */
    #searchbox {
    width: 280px;
    background: url(http://1.bp.blogspot.com/-dwLNyhnHlTg/VEQZwf9drLI/AAAAAAAAAlg/rbd0HN4EZrY/s1600/search-box.png) no-repeat;
    }

    #searchbox input {
        outline: none;
    }

    input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    input:focus:-moz-placeholder {
        color: transparent;
    }

    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input[type="text"] {
    background: transparent;
    border: 0px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size: 14px;
        color: #f2f2f2 !important;
        padding: 10px 35px 10px 20px;
        width: 220px;
    }
    #searchbox input[type="text"]:focus {
    color: #fff;
    }

    #button-submit{
    background: url(http://4.bp.blogspot.com/-4MYBYE0i0Xk/VEQYlljvriI/AAAA…

Custom Search Box For BlogSpot v2

Αντιγραφή τον παρακάτω κώδικα:


<style>
/* foulscode.blogspot.com */
#searchbox {
    background: url(http://3.bp.blogspot.com/-g-zH25_DoxI/VD1BuatkgII/AAAAAAAAAgc/00hxspfvv3s/s1600/searchbar.png) no-repeat;
    width: 208px;
    height: 29px;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input {
    outline: none;
}
#searchbox input[type="text"] {
    background: transparent;
    margin: 3px 0px 0px 20px;
    padding: 5px 0px 5px 0px;
    border-width: 0px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 12px;
    color: #828282;
    width: 70%;
    display: inline-table;
    vertical-align: top;
}
#button-submit {
    background: url(http://4.bp.blogspot.com/-OcDQ6Z9ojlQ/VD1KnwJjFOI/AAAAAAAAAgs/cu_pKN6bpL8/s1600/magnifier.png) no-repeat;
    border-width: 0px;
    cursor: pointer;
    margin-…

Custom Search Box For BlogSpot v1

Αντιγραφή τον παρακάτω κώδικα:


 <style>
/* foulscode.blogspot.gr */
#searchbox {
width: 240px;
}
#searchbox input {
    outline: none;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input[type="text"] {
    background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;
border: 2px solid #f2f2f2;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #6A6F75;
    width: 160px;
    padding: 14px 17px 12px 30px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    text-shadow: 0 2px 3px #fff;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
#searchbox input[type="text"]:focus {
background: #f7f…

Custom Search Box For BlogSpot

Γεια σας μπλόγκερ ;) Μετά από 3 συνεχόμενα βιβλία που σας έδωσα εχτές σήμερα θα σας δώσω ένα widget για την αναζήτηση στο blog σας και έρχονται και αλλα!

Αντιγραφή τον παρακάτω κώδικα:


<style>
/* foulscode.blogspot.gr */
#searchbox {
    background: #d8d8d8;
    border: 4px solid #e8e8e8;
    padding: 20px 10px;
    width: 250px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#searchbox input {
    outline: none;
}

#searchbox input[type="text"] {
    background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 55%;
    padding: 8px 15px 8px 30px;
}

#button-submit {
    background: #6A6F75;
    border-width: 0px;
    padding: 9px 0px;
    widt…

Deep Web | Μηχανές Αναζήτησης για το Βαθύ Διαδίκτυο

Είχαμε μιλήσει πρόσφατα για το Βαθύ Web (Deep Web). Το κρυφό διαδίκτυο που βρίσκεται πέρα από τις γνωστές μηχανές αναζήτησης και πέρα από κάθε γνωστή ιστοσελίδα γνωρίζατε ως τώρα.
Ένα διαδίκτυο χωρίς κανένα απολύτως όριο η δομή. Το Deep Web, είναι ένας κόσμος που πλοηγείται από περιθωριακούς αποξενωμένους μοναχικούς τύπους που ζουν στην άκρη της κοινωνίας.
Οι χρήστες του Deep Web ένας ελεεινός και ανεξέλεγκτος υπόκοσμος όπου οι καουμπόηδες της κονσόλας, όπως οι ντετέκτιβ των φιλμ noir, διασυνδέονται με κακοποιούς, απόβλητους, οραματιστές, με διαφωνούντες και απροσάρμοστους.
Το Επιφανειακό ιντερνέτ, φαίνεται σε αντίθεση ένα γαλήνιο, στείρο, χωρίς γεύση, τελείως ανώνυμο με τη δική του συναλλαγματική ισοτιμία, τελείως ανώνυμο, που υφίσταται αποκλειστικά και μόνο στον εικονικό χώρο για τελείως ανώνυμες συναλλαγές. Ωστόσο, επειδή το θέμα είχε πολύ ενδιαφέρον, θα δώσουμε και καποιες πιο ειδικευμένες μηχανές αναζήτησης, οι οποίες δίνουν αποτελέσματα από το Deep Web.
Φυσικά σε καμία περίπτωση δε…

Πλαίσιο αναζήτησης CSS3 Σκούρο

Πλαίσιο αναζήτησης CSS3


Ένα πλαίσιο αναζήτησης που όταν κάνετε κλικ ανοίγει εμπνευσμένο από την apple.com
Απλά αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο HTML


<style type="text/css">/* foulscode.blogspot.gr */
#search{padding:0}#search input[type="text"]{background:url(http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png) no-repeat 5px 5px #fcfcfc; border:1px solid #ddd; font:bold 12px Arial,Helvetica,Sans-serif; color:#888; width:210px; padding:6px 15px 6px 35px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; -webkit-transition:all .7s ease 0s; -moz-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; transition:all .7s ease 0s}#search input[type="text"]:focus{ width:300px}/* foulscode.bl…

Add Fresh and Beautiful Search Boxes to Blogger / Blogspot

Εδώ έχουμε μερικά πλαίσια αναζήτησης για μπλόγκερ.
Διαλέξτε αυτό που σας ταιριάζει.



<style type="text/css">
#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>  
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}…

Πώς να φαίνονται μόνο οι τίτλοι στην αναζήτηση, στις ετικέτες και στο αρχείο

Για να το δούμε και αυτό.

Βρείτε πρώτα το <b:include data='post' name='post'/> και αντικαταστήστε με το παρακάτω.


<!--ARCHIVE-TITLES-STARTS--><b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><li></li><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><!--ARCHIVE-TITLES-STOPS-->

Αποθήκευση και είστε έτοιμη.

Πλαίσια αναζήτησης

Μετάβαση στο blogger
Πλοηγηθείτε στην Διάταξη> Προσθήκη Gadget> Html / Javascript
Επικολλήστε τον κώδικα


Style 1 

<style type="text/css">.form-wrapper {width: 270px;padding: 8px;margin: 10px auto;overflow: hidden;border-width: 1px;border-style: solid;border-color: #dedede #bababa #aaa #bababa;-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);background-image: -o-linear-g…

Πλαίσιο αναζήτησης CSS3

Ένα πλαίσιο αναζήτησης που όταν κάνετε κλικ ανοίγει εμπνευσμένο από την apple.com
Απλά αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο HTML



<style type="text/css">
#search{}#search input[type="text"]{background:url(http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png) no-repeat 5px 5px #444; border:0 none; font:bold 12px Arial,Helvetica,Sans-serif; color:#d7d7d7; width:150px; padding:6px 15px 6px 35px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset; box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s}#search input[type="text"]:focus{ b…

Φόρμα αναζήτησης που αναβοσβήνει στην αναμονή.

Μια φόρμα αναζήτησης αλλιώτικη από τις άλλες. Αποκλειστικά για μαύρα πρότυπα, αφού έτσι αναδεικνύει την φωτεινότητα που εκπέμπεται όταν κάποιος πάει να την χρησιμοποιήσει.
Λόγω της μεγάλης χωρητικότητας η θέση της είναι αποκλειστικά κάτω από τον header ή το μενού της Σελίδας σας.
DEMO
Ακολουθήστε τα παρακάτω βήματα για να εγκαταστήσετε στο blog σας το Gadget αυτό:
Σύνδεση στον BloggerΔιάταξη / Προσθήκη gadgetΕπιλέξτε HTML/JavaScriptΕπικολλήστε τον παρακάτω κώδικα:

<style>
.webdesigntuts-workshop {
 text-align: center;
        padding-top:35px;
}
.webdesigntuts-workshop:before,
.webdesigntuts-workshop:after {
 content: '';
 display: block;
 height: 1px;
 left: 50%;
 margin: 0 0 0 0px;

 width: 765px;
}
.webdesigntuts-workshop:before {
 background: #444;
 background: -webkit-linear-gradient(left, #151515, #444, #151515);
 background: -moz-linear-gradient(left, #151515, #444, #151515);
 background: -o-linear-gradient(left, #151515, #444, #151515);
 background: -ms-linear-gradient(left, #151515, #44…

jQuery Plugins Που Θα Σας Βοηθήσουν Να Προσαρμόσετε Το Search Box

Το πλαίσιο αναζήτησης είναι ένα σημαντικό στοιχείο του χώρου και για ορισμένες ιστοσελίδες, είναι το πιο χρησιμοποιημένο.
Συχνά παραβλέπεται ακόμα κι αν αυτό είναι πραγματικά χρήσιμο για τον επισκέπτη. Όταν δεν το παραμελούμε μπορούμε να το προσαρμόσουμε στις ανάγκες του χώρου με οπτικά στοιχεία και πολύ καλή κωδικοποίηση. Μπορεί να είναι απλό μόνο προσαρμογές στο σχεδιασμό, αλλά με τη βοήθεια  jQuery plugins μπορεί να γίνει αρκετά πιο περίπλοκο και να προσφέρει πολλές επιπλέον λειτουργίες που κάνει την αναζήτηση ευκολότερη. Η Παράδοση αυτού που ψάχνει ο επισκέπτη σας, είναι πολύ σημαντικό και θα πρέπει να κάνετε αυτή τη λειτουργία ευκολότερη για αυτούς. Παρακάτω θα δούμε μερικά από τα καλύτερα jQuery Plugins για search box που θα μας βοηθήσουν να το προσαρμόσουμε βάση των αναγκών μας. Ajax AutoComplete for jQuery Το Ajax Autocomplete για jQuery σας επιτρέπει να δημιουργήσετε εύκολα autocomplete / autosuggest κουτιά για τα πεδία εισαγωγής κειμένου. Χτισμένο με έμφαση στην απόδοση – τα αποτ…