MaxRom | Scripturi uCoz

Modificăm forma de căutare V3

bigblog — Thu, 06 Feb 2014 15:09:06 GMT

În CSS punem:

Cod

.search_block *{margin:0;padding:0;}
.search_block{position:relative;width:263px;display: inline-block;}
.search_block input[type="text"]{-moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;border-radius: 3px;padding: 6px 6px;display:inline-block;width: 110px;height:16px;outline:0;float:right;border: 1px solid #9e624d;}
.search_block input[type="text"]:focus{width: 220px;box-shadow:0 0 6px #07a4d1 ;border:1px solid #1cacd6;}
.search_block input[type="submit"]{border-radius:3px;outline:none;right: 6px;top:5px;float:right;position:absolute;width:20px;height:20px;border:0;background: url('http://webo4ka.ru/Ucoz8/Search-Find.png') center center no-repeat;}

Unde vrem să apară forma de căutare:

Cod

Rezultat:
Înainte de clic:

După clic:

Sursă: Webo4ka.ru

Modificăm Forma de căutare

Muşatinu — Sat, 16 Nov 2013 08:31:46 GMT

Deci modificăm $SEARCH_FORM$.

În CSS punem stilu:

Code

/* Cauta */
.searchForm {float: right; width: 256px; position: relative; right: 5px; top: 0px;}
.schQuery {float: left; width: 205px;}
.schBtn {float: right; width: 50px;}
input.queryField {height: 22px; width: 205px; color: #515151; line-height: 22px; font-size: 10pt; background: url('http://maxrom.ucoz.com/imagini/design1/cauta.png') repeat-x; border-top: 1px solid #008bd4; border-left: 1px solid #008bd4; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
input.searchSbmFl {width: 50px; height: 22px; background: url('http://maxrom.ucoz.com/imagini/design1/cauta2.png') no-repeat; color: #ffffff; border: none; font-size: 9pt; padding-bottom: 0px; position: relative; top: 0px;}
/* ----- */

.searchForm width: 256px; lăţimea modulului tot cu butonul caută.
schQuery width: 205px; şi input.queryField width: 205px; lăţimea celulei de interogare.
.schBtn width: 50px; şi input.searchSbmFl width: 50px; lăţimea butonuli caută.

Exemplu:

Functia "Nu am gasit ce am cautat"

Muşatinu — Sat, 05 Oct 2013 10:37:46 GMT

[spoiler="Exemplu"][/spoiler]

În CP » Customize design » Site search » Search page

Căutăm tagul:

Cod

$SEARCH_QUERY$

și-l înlocuim cu:

Cod

$SEARCH_QUERY$

După $BODY$ punem codul:

Cod

Unde e NickName schimbți cu nick-ul administratorului ce trebuie să primească mesajul.

[texterror1]Scriptul e cu bug. La trimiterea mesajului către administrator, apare mesajul că a apărut o eroare la trimiterea mesajului. Cu toate acestea mesajul se trimite cu succes. În situația dată, am schimbat scriptul astfel că chiar daca apare această eroare scrie mesaj trimis cu succes.

[/texterror1]

[spoiler="Mesajul privat"][/spoiler]

[texterror4]Sursă: http://www.ujs.su
Traducere: http://maxrom.ucoz.com

[/texterror4]

Imagine în căsuţa modulului de căutare

Muşatinu — Sun, 11 Mar 2012 22:50:38 GMT

Ex:

În CSS adăugăm codul:

input.queryField {
background: url(http://maxrom.ucoz.com/js/cauta/se.png) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 23px;}

Modificăm Forma de căutare V2

Devil — Thu, 05 May 2011 16:23:12 GMT

Intr-un block sau unde vreti sa apara puneti codu:

Code

Rezultat:

Căutare avansată pe site v3

Muşatinu — Sat, 04 Dec 2010 13:54:12 GMT

[spoiler="Screen"][/spoiler]unde vrem să apară căutarea punem scriptul:

Code

[texterror4]Sursă: http://www.ucozfan.ru
Traducere Ro http://maxrom.ucoz.com
[/texterror4]

Căutare avansată pe site

Muşatinu — Fri, 03 Dec 2010 13:38:54 GMT

Exemplu: Căutare avansată

Daca aţi fost cu mine de la început, v-am rugat să creaţi în file menager un folder JS şi în ea veţi adăuga directoare cu fişiere js şi xml cuvenite unor module sau scripturi. Deci acum creaţi in folderu JS un alt folder cu numele cauta. Decărcăm fişieru usearch.js unde e adresa site-ului meu schimbaţi cu al vostru, apoi incarcaţi acest fişier in folderu cauta. Creem fişieru usearch.xml cu codu:

Cod

/js/cauta/usearch.js

[ Caută după Modul ] [ Căutare după teguri ] [ Caută pe Google ] [ Caută pe forum ]

]]>

Creem fişieru usearcht.xml cu codu:

Cod

/js/cauta/usearch.js

[ Caută după modul ] [ Caută după teguri ] [ Caută pe Google ] [ Caută pe Forum ]

]]>

Aceste două fisiere le încărcaţi în file manager cu calea menţionată de mine mai sus. Dacă doriţi altă cale, peste tot in ambele fişiere unde e /js/cauta/usearch.js respectiv /js/cauta/usearcht.js schimbaţi cu calea aleasă de dvs. Deasemenea nu uitaţi că fişierele se salvează cu codificarea UTF-8 Pentru a căuta pe Google accesăm adresa aceasta şi creeem propriu motor de căutare pe baza google. După ce am creat motoru de căutare şi am dat la vizualizare, facem click dreapta şi cerem vizualizarea sursei paginei. Căutăm ceva asemănator cu acest cod:

Cod

MaxRom

zic asemănator pentru că deferă, indepindenţă de ce aţi scris la înregistrare. Păstrăm acest cod pentru următoru pas. Creem fişieru usearchg.xml cu codu:

Cod

/js/cauta/usearch.js

[ Caută după modul ] [ Caută după teguri ] [ Caută pe google ] [ Caută pe forum ]

]]>

Unde am scris Aici puneţi acel cod din google, puneţi acel cod... Unde vrem să apară butonu de căutare, scriem codu:

Cod

Căutare avansată

Cam atât.