NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Upravení vyhledávače na webu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
mat.masar
Člen
Avatar
mat.masar:19.1.2015 20:55

Ahoj, vytvořil jsem si vyhledávač od Googlu na stránky. Akorád on se vkládá přes nějaký kód, kde ale není k nastavení šířka ani výška nic....Tak jsem se chtěl zeptat jestli někdo neví jak to mám nastavit? www.minikoblizky.wz.cz

 
Odpovědět
19.1.2015 20:55
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na mat.masar
Jan Lupčík:19.1.2015 21:06

Je, můžeš si nastavit, jaký chceš mít to vyhledávání. A pokud ti to nestačí, dá se to vždy vyřešit přes CSS. :)

Nahoru Odpovědět
19.1.2015 21:06
TruckersMP vývojář
Avatar
mat.masar
Člen
Avatar
mat.masar:19.1.2015 21:08

No to ano, tam je jaké chci mít to vyhledávání jestli z plné šířky, kompaktní, překryté atd. Mám tam hostováno googlem...ale chtěl jsem aby to bylo třeba 5 cm proužek.

 
Nahoru Odpovědět
19.1.2015 21:08
Avatar
Pavel Junek
Tvůrce
Avatar
Odpovídá na mat.masar
Pavel Junek:19.1.2015 21:10

jen tak offtopic:
pěkně jsem se lekl toho videa, nebylo by lepší, kdyby si ho mohl spustit uživatel, až bude chtít on? ;)

 
Nahoru Odpovědět
19.1.2015 21:10
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na mat.masar
Neaktivní uživatel:19.1.2015 21:22

nastav mu width:5cm;

Nahoru Odpovědět
19.1.2015 21:22
Neaktivní uživatelský účet
Avatar
mat.masar
Člen
Avatar
Odpovídá na Neaktivní uživatel
mat.masar:19.1.2015 21:27

Jenže kde? Ten kód je nesmyslný a není tam žádné id=""...

 
Nahoru Odpovědět
19.1.2015 21:27
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na mat.masar
Jan Lupčík:19.1.2015 21:29

Pokud umíš HTML & CSS, poradíš si. :)

Nahoru Odpovědět
19.1.2015 21:29
TruckersMP vývojář
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na mat.masar
Tonda Kozák:19.1.2015 22:19

5 centimetrů se ti bude nastavovat dost blbě, vzhledem k různé velikosti pixelů na různých zařízeních.

Pokud by ti to ale stačilo v pixelech, tak prostě zmenši ten div, do kterého jsi vložil ten kód od Googlu.

// Mimochodem, byl jsem rád, že používám prohlížeč, ve kterém ti ten video přehrávač kyksnul, nemám náladu na přerušování mých písniček nějakým hukotem koblížkovacího stroje.

Editováno 19.1.2015 22:21
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
19.1.2015 22:19
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Tonda Kozák
Neaktivní uživatel:19.1.2015 22:22

Taky jsem se málem poprvé podělal, ještě když jsem měl zvuk na notebooku na 100%

Editováno 19.1.2015 22:22
Nahoru Odpovědět
19.1.2015 22:22
Neaktivní uživatelský účet
Avatar
mat.masar
Člen
Avatar
Odpovídá na Tonda Kozák
mat.masar:20.1.2015 11:19

:D tak to mi nedošlo, že se toho někdo může leknout :D Jinak už jsem to pochopil a díky.

 
Nahoru Odpovědět
20.1.2015 11:19
Avatar
mat.masar
Člen
Avatar
Odpovídá na Tonda Kozák
mat.masar:20.1.2015 12:56

Můj kód teď vypadá

     <div class="vyhledavac">
        <script>
  (function() {
    var cx = '006781487087671107162:umf6xl7j21c';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox-only></gcse:searchbox-only>
          </div>

a v css

#vyhledavac{
width: 400px;
}

ale stejně to nefunguje. Když si dám zkontrolovat prvek, tak se tam zobrazí dálších cca 20 řádků(toho vyhledávače), které nemám u sebe v souboru. Mezi těmi řádky je napsané width: 100%;, takže mi to tímm vždycky přebije. Při vytváření toho vyhledávače jsem nenarazil na nastavení šířky, takže nevím proč to tam je. Např. http://www.mobilmania.cz/ mají taky vyhledávač od Googlu ale mají ho např. těch 5 cm

 
Nahoru Odpovědět
20.1.2015 12:56
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na mat.masar
Tonda Kozák:20.1.2015 13:46

V CSS se # značí id, třída (class) se uvozuje tečkou.

 
Nahoru Odpovědět
20.1.2015 13:46
Avatar
mat.masar
Člen
Avatar
Odpovídá na Tonda Kozák
mat.masar:20.1.2015 13:49

aha takže správně to má být

.vyhledavac{
 width: 400px;
 }

?
Edit: Jo, už to funguje, díky...zase jsem o něco chytřejší :)

Editováno 20.1.2015 13:50
 
Nahoru Odpovědět
20.1.2015 13:49
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na mat.masar
Neaktivní uživatel:20.1.2015 15:01

Jenom takový dotaz nesouvisející s tématem - k čemu máš na čtyřstránkovém webu vyhledávač?

Nahoru Odpovědět
20.1.2015 15:01
Neaktivní uživatelský účet
Avatar
mat.masar
Člen
Avatar
mat.masar:20.1.2015 15:19

K ničemu :D myslel jsem si, že to tady padne:D jen jsem si to chtěl zkusit a procvičit se. Web není komerční a učím se na něm.

 
Nahoru Odpovědět
20.1.2015 15:19
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 15 zpráv z 15.