Autor Zpráva
tolike.m
Profil *
#1 · Zasláno: 8. 1. 2014, 16:52:32
Odpovědět Citovat
Dobrý den, potřeboval bych udělat vlajku na pozadí. Zkoušel jsem dát něco dohromady ale pohořel jsem. Pomužete někdo?


Obdelníky:

http://jsfiddle.net/favorit54/UuQBv/


Trojuhelník:

http://jsfiddle.net/favorit54/H844A/


Díky kluci.
petr 6
Profil
#2 · Zasláno: 8. 1. 2014, 17:21:10
Odpovědět Citovat
Obrázkem
tolike.m
Profil *
#3 · Zasláno: 8. 1. 2014, 18:28:20
Odpovědět Citovat
Myslím si že kód by byl efetivnější.

Ale teoreticky bych mohl div pozadí rozpůlit barevně na půl a přidat svg trojůhelníku nahoru.
margin
Profil *
#4 · Zasláno: 8. 1. 2014, 18:51:43
Odpovědět Citovat
Vaše vlajka je poměrně jednoduchá.
http://jecas.cz/css-kresleni
Chamurappi
Profil
#5 · Zasláno: 8. 1. 2014, 19:41:06
Odpovědět Citovat
Reaguji na tolike.ma:
„Trojuhelník:“
Má špatný poměr stran.

„Myslím si že kód by byl efetivnější.“
V jakém ohledu? Procedurální grafika bývá náročnější než bitmapová.

„a přidat svg trojůhelníku nahoru“
Jestli jsi smířen s tím, že to bude fungovat jen tam, kde funguje SVG, tak můžeš udělat celou vlajku jako SVG: 
1<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="30">
2  <rect width="20" height="30" fill="#d7141a"/>
3  <rect width="10" height="30" fill="#fff"/>
4  <path d="m 0,0 l 10,15 l 10,-15 z" fill="#11457e"/>
5</svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="30">
  <rect width="20" height="30" fill="#d7141a"/>
  <rect width="10" height="30" fill="#fff"/>
  <path d="m 0,0 l 10,15 l 10,-15 z" fill="#11457e"/>
</svg>
Datově to bude velmi pravděpodobně menší, než cokoliv uplácaného čistě přes CSS.


Reaguji na margina:
Udělat ji natahovací je trošku oříšek. Velikost borderu nejde zadat v procentech.
Časová prodleva: 11 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0