Nejste přihlášen/a.

Přihlásit se do poradny

 

Header - úprava (vzhled v Sunlightu)

Od: petr7895 odpovědí: 8 změna:

Ahoj, měl bych dotaz ohledně kódování - mám nastavenou určitou velikost pro header - jak docílit toho (Hádám, že zřejmě v CSS), aby některá část z headeru "vyčuhovala"?

Přiblížení, co řpesněji myslím: vmwebdesign.nl/...

Děkuji moc za rady

 

 

8 odpovědí na otázku
Řazeno dle hodnocení

 

 

dzordz*

0x

Záleží na tom, jak přesně máte jaké divy poskládané do sebe.

Dejme tomu, že takhle ten celý obrázek je jeden div, uvnitř něj jsou dva divy za sebou: bílý pruh a "fotka", tj div, který má fotku jako pozadí. Tomuto dáte position: relative. Dovnitř něj pak umístíte tu zeměkouli jako img (nebo opět div s pozadím) a dáte jí position: absolute; left: 10px; top: -80px. Nebo tak nějak, aby to vycházelo.

Nebo pokud byste chtěl třeba v tom hlavním divu mít tyhle tři za sebou: bílý pruh, fotka, zeměkoule, tak se to udělá velmi obdobně.

petr7896

Jéj, docela jsem se ztratil :D :/ - hádám, že spodní nastínení, jak by to mělo vypadat je špatně...?

takže mám

a teď CSS:

#cely_obrazek {background: url(.../images/cely_obrazek.png)}

#pruh{background: grey}

#fotka{background: url(.../images/fotka_bez_zemekoule.png);position:relative}

#zemekoule{background: url(.../images/hornicastsezemekouli.png);position:absolute;left:...}

petr7859

Jéj, docela jsem se ztratil :D :/ - hádám, že spodní nastínení, jak by to mělo vypadat je špatně...?(závorky místo zobáčků :D )

takže mám [div id="cely_obrazek] [div id="pruh"][div id="zemekoule"] [div id="fotka"] [/div][/div][/div][/div]

dzordz*

Takhle by to šlo taky, jen vyměňte id zemekoule a fotka, aby zemekoule byla nejvíc uvnitř.

petr7852

Tak jsem to zkoušel a zkoušel, ale stejně bez výsledku :/

No nic, to neva i tak díky moc za rady

dzordz*

Když uděláte jsfiddle s tím, jak to vypadá a (ne)funguje teď, určitě to někdo opraví a zprovozní

 

ben®

0x

Dobrý den, zkusím dvě rady (asi dost amatérské). Jedna možnost je najít si na internetu podobný header (tedy stránky s ním). Např. ve Firefoxu potom není problém dostat se přes zdrojový kód stránky až do CSS. A tam to okoukat a zkusit použít. Druhá možnost je udělat normální obrázek (obdélník) a pozadí vyplnit barvou pozadí stránky - opticky to bude vypadat jako "vyčuhování". Zdravím!

iz*

Líbí se mi ten druhý nápad, jenom bych místo pozadí barvy stránky nastavila průhlednost.

 

 


 

 

 

Přihlásit se k odběru odpovědí z této otázky:

Neneseme odpovědnost za správnost informací a za škodu vzniklou jejich využitím. Jednotlivé odpovědi vyjadřují názory jejich autorů a nemusí se shodovat s názorem provozovatele poradny Poradte.cz.

Používáním poradny vyjadřujete souhlas s personifikovanou reklamou, která pomáhá financovat tento server, děkujeme.

Copyright © 2004-2025 Poradna Poradte.cz. Všechna práva vyhrazena. Prohlášení o ochraně osobních údajů. | [tmavý motiv]