NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:8.1.2014 11:58

Zdravím místní webdesignery! V pravidelné minisoutěži pro tento týden o placku a samolepky bude vaším úkolem vytvořit logo libovolné společnosti/pro­jektu v CSS. Nesmíte použít obrázky ani obrázkové fonty. Čím složitější logo vytvoříte, tím je vyšší šance na výhru.

Čas si dejme do pondělí 13.1. do 10:00.

Odpovědět
8.1.2014 11:58
New kid back on the block with a R.I.P
Avatar
Uživatel sítě :8.1.2014 18:49

Předpokládám, že písmo, které je součásti LOGA musí také být v css. Tedy žádný text, pouze čisté css?.

Nahoru Odpovědět
8.1.2014 18:49
Chybami se člověk učí, běžte se učit jinam!
Avatar
Odpovídá na Uživatel sítě
Michal Maršálek:8.1.2014 18:59

Myslím, že font použitý jako text být může, jen nesmí být použitý jako obrázek.

 
Nahoru Odpovědět
8.1.2014 18:59
Avatar
Filip Hájek (Raven):8.1.2014 21:27

Předpokládám, že SVG není povoleno. Nemělo by to potom smysl. :)

 
Nahoru Odpovědět
8.1.2014 21:27
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:8.1.2014 21:31

Písmo v logu může být jako běžné písmo. SVG není povoleno.

Nahoru Odpovědět
8.1.2014 21:31
New kid back on the block with a R.I.P
Avatar
Odpovídá na David Hartinger
Neaktivní uživatel:8.1.2014 22:15

a smime aspon obrazky ve stylu pixelu?
treba 5x5 pixelu modry obrazek treba blue.png atd.
a smime pouzivat ASCII Art?

Nahoru Odpovědět
8.1.2014 22:15
Neaktivní uživatelský účet
Avatar
Filip Hájek (Raven):8.1.2014 23:23

Tady mám verzi 0.1, ať se líbí. Je to dosti jednoduché, ale prozatím jsem lepší nápad neměl. :)

ZIP: http://leteckaposta.cz/126992293
Online: http://bluefire.paciik.eu/

 
Nahoru Odpovědět
8.1.2014 23:23
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:9.1.2014 0:20

Obrázky NE.

Editováno 9.1.2014 0:20
Nahoru Odpovědět
9.1.2014 0:20
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Zdeněk Pavlátka:9.1.2014 17:23

https://dl.dropboxusercontent.com/…chr_logo.zip
První verze mého výtvoru. Jde o logo týmu, kterého jsem členem. U výtvoru je přiložené původní logo (obrázek pro ukázku - ten jsem napodoboval).

Nahoru Odpovědět
9.1.2014 17:23
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Filip Hájek (Raven)
Rostislav Křídlo:9.1.2014 17:34

I když se říká že člověk si má jít za svým a nepolevovat tak si myslím že díky tobě už se tak lidi ani snažit nebudou když si to udělal tak perfektně :)) Mněl si to sem hodit později, ted už je jasný kdo vyhrál :D

Nahoru Odpovědět
9.1.2014 17:34
MiracleSoft! www.miraclesoft.com
Avatar
Odpovídá na David Hartinger
Zdeněk Pavlátka:9.1.2014 18:24

Verzi jsem aktualizoval (přidána změna barev při najetí myší). Odkaz je stejný.

Nahoru Odpovědět
9.1.2014 18:24
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Nahoru Odpovědět
9.1.2014 18:31
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Nahoru Odpovědět
9.1.2014 18:58
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Honza Bittner:9.1.2014 19:17

Vše je napsané v úvodu.
Písmo se použít může. ASCII Art je pomocí písma, ne?
=> ANO.

Nahoru Odpovědět
9.1.2014 19:17
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Rostislav Křídlo
Filip Hájek (Raven):9.1.2014 19:28

Děkuji moc za kritiku, možná to ještě dopiluju a dám tam na ten modrej čtvereček ">_", aby to bylo kompletní.

Edit:
Spíše jsem dal motivaci aby tu bylo co nejvíc lidí. :)

Editováno 9.1.2014 19:29
 
Nahoru Odpovědět
9.1.2014 19:28
Avatar
Josef Kuchař - Pepa489:9.1.2014 20:21

Udělal jsem logo replaye,jejich oficiální logo: http://cool.iprima.cz/…_620x349.jpg
Můj výtvor
Online: http://devbook-machr-pepa489.xf.cz/logo/logo.html
Download: http://cool.iprima.cz/…_620x349.jpg

Nahoru Odpovědět
9.1.2014 20:21
2x piš, jednou debuguj
Avatar
Odpovídá na Josef Kuchař - Pepa489
Matúš Petrofčík:9.1.2014 20:30

download by mal byť na (napr.) .zip archív s html a css súborom :)

Nahoru Odpovědět
9.1.2014 20:30
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Josef Kuchař - Pepa489:9.1.2014 20:35

sorry zde je Download: http://leteckaposta.cz/959929867

Nahoru Odpovědět
9.1.2014 20:35
2x piš, jednou debuguj
Avatar
Odpovídá na David Hartinger
Neaktivní uživatel:9.1.2014 23:32

Tak se zase přidám:

http://leteckaposta.cz/604401590
http://funebrak.hys.cz/devbook/logo/

// Fakt se nevyplatí na obrázky brát colorpicker a jednotlivý barvy kopírovat do css, už nikdy takovou blbost neudělám :D

Nahoru Odpovědět
9.1.2014 23:32
Neaktivní uživatelský účet
Avatar
Ondřej Štorc
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Ondřej Štorc:9.1.2014 23:36

Vypadá to úžasně, ale jaká s tím musela být piplačka..

Nahoru Odpovědět
9.1.2014 23:36
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
Odpovídá na Ondřej Štorc
Neaktivní uživatel:9.1.2014 23:38

Barvičky Stevovi jsem házel asi 2-3x déle než kódoval. Jak jsem říkal, nedoporučuji :D

Nahoru Odpovědět
9.1.2014 23:38
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět
10.1.2014 0:26
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Matúš Petrofčík
Honza Bittner:10.1.2014 0:32

No, Battlefield 4 to nebude...

Nahoru Odpovědět
10.1.2014 0:32
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
Matúš Petrofčík:10.1.2014 1:41

ja len že som kdesi čítal že sdraco nemusí minecraft, tak som ostal prekvapený voľbou loga :)

Nahoru Odpovědět
10.1.2014 1:41
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Matúš Petrofčík
Neaktivní uživatel:10.1.2014 7:13

Nemusí, ale zombíka z left for dead bych kapátkem do divů převáděl dlouho :)

Nahoru Odpovědět
10.1.2014 7:13
Neaktivní uživatelský účet
Avatar
Odpovídá na Ondřej Štorc
Michal Žůrek - misaz:10.1.2014 11:02

co do piplačky, na mou CSS3 železnici stále nemá.

 
Nahoru Odpovědět
10.1.2014 11:02
Avatar
Neaktivní uživatel:10.1.2014 17:16

Tak se taky přidám, zde mé mírně hranaté Youtube logo
Download: http://leteckaposta.cz/329819999

PS: normálně bych dal i online, ale bohužel hosting je obsazen

Nahoru Odpovědět
10.1.2014 17:16
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět
10.1.2014 20:24
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Zdeněk Pavlátka:10.1.2014 20:34

Zadání: "bude vaším úkolem vytvořit logo libovolné společnosti/pro­jektu v CSS"
Tady je toho CSS fakt hodně...

Editováno 10.1.2014 20:35
Nahoru Odpovědět
10.1.2014 20:34
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Zdeněk Pavlátka
Neaktivní uživatel:10.1.2014 21:03

jaj toho jsem si nevšiml.
Doufám že vám to tu nevadí a omlouvám se :)

Nahoru Odpovědět
10.1.2014 21:03
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Zdeněk Pavlátka:10.1.2014 21:06

Přidělej tam barvu textu v css a budeš napůl splňovat zadání :D

Nahoru Odpovědět
10.1.2014 21:06
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Nahoru Odpovědět
10.1.2014 21:20
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Zdeněk Pavlátka:10.1.2014 21:26

Tomu říkám rozdíl. Ještě to logo nějak orámuj a dej mu vhodné pozadí (jen logu, odděleně od zbytku stránky).

Nahoru Odpovědět
10.1.2014 21:26
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Nahoru Odpovědět
10.1.2014 22:00
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Maršálek:10.1.2014 22:31

Ale proč jsi to zase obalil do několika jiných tagů? Tag font je zastaralý, vzhled nastavuj v css! Použití tabulky taky zcela nechápu. Ještě můžeš zkusit nastavit výšku řádku aby ta písmenka plynule navazovala, ale hlavně prosím nepiš vzhled do html tagů.

 
Nahoru Odpovědět
10.1.2014 22:31
Avatar
Jan Poláček
Tvůrce
Avatar
Jan Poláček:11.1.2014 9:56

Přidávám na ukázku své logo, nikdy dřív jsem nic takového nedělal, CSS používám jen "normálně"
http://devbook.publikujem.cz

Nahoru Odpovědět
11.1.2014 9:56
Instrukce na adrese 0x77104f29 odkazovala na adresu paměti 0x00000014. S pamětí nelze provést operaci: written.
Avatar
Ondřej Štorc
Tvůrce
Avatar
Odpovídá na Jan Poláček
Ondřej Štorc:11.1.2014 10:03

Vypadá to dobře ,aůe abys splnil podmínky soutěže ještě musíš dát zdrojový kód ke stažení

Nahoru Odpovědět
11.1.2014 10:03
Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..
Avatar
Odpovídá na Jan Poláček
Neaktivní uživatel:11.1.2014 10:07

wow, další pěkný logo
začínám se bát :D

Nahoru Odpovědět
11.1.2014 10:07
Neaktivní uživatelský účet
Avatar
Jan Poláček
Tvůrce
Avatar
Nahoru Odpovědět
11.1.2014 10:12
Instrukce na adrese 0x77104f29 odkazovala na adresu paměti 0x00000014. S pamětí nelze provést operaci: written.
Avatar
Neaktivní uživatel:11.1.2014 11:02

jeste jsem zapomnel dat novou verzi ke stazeni tak znova :-)

Online: http://next-x.clanweb.eu/soutez/logo.php
DownLoad: http://leteckaposta.cz/418942508

Nahoru Odpovědět
11.1.2014 11:02
Neaktivní uživatelský účet
Avatar
Ondřej Boháč (mr.kew.cz):11.1.2014 11:16

Ahoj! Tak zkouším svého prvního machra. Není to nic extra :D, ale třeba se bude líbit :).

Download: http://leteckaposta.cz/161331040

Editováno 11.1.2014 11:17
 
Nahoru Odpovědět
11.1.2014 11:16
Avatar
Odpovídá na Ondřej Boháč (mr.kew.cz)
Neaktivní uživatel:11.1.2014 11:16

nahrajes to prosim i nekam na web at se na to muzeme podivat i bez stahovani? :)

Nahoru Odpovědět
11.1.2014 11:16
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Maršálek:11.1.2014 11:44
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Next-x...</title>
<style>
body{
        background-color: black;
        color: white;
}
a{
        color: red;
}
h1{
        white-space: pre;
        color: blue;
        font-family: Courier New;
        line-height: 100%;
        border: 3px solid gray;
        display: table;
        font-size: 170%;
}
</style>
</head>
<body>
<h1>╔══╗   ╔═══╗ ╔══╗   ╔══╗ ╔═══╗  ╔════╗ ╔════╗ ╔╗ ╔═╗    ╔═══╗ ╔════╗
║╔╗╚╗  ║ ╔═╝ ╚╗ ╚╗ ╔╝ ╔╝ ║╔═╗╚╗ ║ ╔╗ ║ ║ ╔╗ ║ ║║╔╝╔╝    ║ ╔═╝ ╚══╗ ║
║║╚╗╚╗ ║ ╚═╗  ╚╗ ╚═╝ ╔╝  ║╚═╝ ║ ║ ║║ ║ ║ ║║ ║ ║╚╝╔╝     ║ ║     ╔╝╔╝
║║╔╝╔╝ ║ ╔═╝   ╚╗   ╔╝   ║╔═╗ ║ ║ ║║ ║ ║ ║║ ║ ║╔╗╚╗     ║ ║    ╔╝╔╝
║╚╝╔╝  ║ ╚═╗    ╚╗ ╔╝    ║╚═╝╔╝ ║ ╚╝ ║ ║ ╚╝ ║ ║║╚╗╚╗ ╔╗ ║ ╚═╗ ╔╝ ╚══╗
╚══╝   ╚═══╝     ╚═╝     ╚═══╝  ╚════╝ ╚════╝ ╚╝ ╚═╝ ╚╝ ╚═══╝ ╚═════╝</h1>
pro toto logo se použili tyto znaky: ═ , ║ , ╔ , ╗ , ╚ , ╝<br />
Poděkování: <a href="http://www.itnetwork.cz/portfolio/270">Kit</a> - za to že mi pomohl s tagem pre
</body>
</html>

Věř mi, že by ti to sdraco vytknul.
Nehledě na to, že tam máš dvakrát <body>.

 
Nahoru Odpovědět
11.1.2014 11:44
Avatar
Odpovídá na Ondřej Boháč (mr.kew.cz)
Neaktivní uživatel:11.1.2014 11:49

pěkný, škoda že ta barva není taková

Nahoru Odpovědět
11.1.2014 11:49
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Ondřej Boháč (mr.kew.cz):11.1.2014 11:56

Děkuji :) Upravil jsem ji teď blíže k originálu

 
Nahoru Odpovědět
11.1.2014 11:56
Avatar
Odpovídá na Michal Maršálek
Neaktivní uživatel:11.1.2014 12:00

dekuji za to ze se mi snazis pomoct, body jsem si nevsiml, opraveno :)
jinak myslim si ze by sdraca mozna jeste vice vadilo kopirovani kodu nez to psat zastarale

Nahoru Odpovědět
11.1.2014 12:00
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Zdeněk Pavlátka:11.1.2014 12:10

Ještě odděl CSS od HTML(dej ho do zvláštního souboru)

Nahoru Odpovědět
11.1.2014 12:10
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Odpovídá na Neaktivní uživatel
Michal Maršálek:11.1.2014 12:51

Vzhledem k tomu, že nesoutěžím by to nemělo vadit, ale jak chceš. Každopádně se do příště podívej, jak se vzhled zapisuje do css (v praxi, jak řekl nuz15, do samostatného souboru), zapisování do html je zastaralé.

 
Nahoru Odpovědět
11.1.2014 12:51
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Michal Maršálek
Kit:11.1.2014 13:02

Zapisování CSS do HTML má svůj význam, není tedy zastaralé. Definice CSS může být v externím souboru, v hlavičce HTML nebo jako atribut elementu. Totéž platí o Javascriptu. Obecné definice se dávají do externího souboru, definice platící pro konkrétní stránku se dávají do hlavičky stránky a definice platné pouze pro element se vkládají jako jeho atribut.

Pokud budeš chtít HTML stránku importovat do Office jako dokument, tak ti externí stylopis nebude nic platný a stránka se ti rozsype.

Nahoru Odpovědět
11.1.2014 13:02
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
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 50 zpráv z 77.