Chcem sa opyatat ako sa robia take tie ramiky okolo blokov so zaoblenymi hranami. Ci sa to robi ako obrazok na pozadie cez css alebo nejako inak vdaka.

p.s.

změna Subjectu



Celkem upraveno 1×. Poslední úprava JanVar v 12.04.2006 18:10.

obrázek + doplnění css

========================
WEB: Publikační systém WAMOS
SEO: SEO analýza zdarma
OPEN PROJECTS: Studentský portál VUT
HOSTING: WebGlobe.cz
ICQ: 313887644
EMAIL: xsuchy09(at)centrum.cz
========================

Jestli myslis ramecek takovy, jako mam na mem webu [http://zapudol.oldlukas.cz] tak ten je delany kompletne pomoci css a nemusis se otravovat s zadnym obrazkem.

No presne taky a vies mi dat daku radu ako torobis

lukas napísal/a:
-------------------------------------------------------
> Jestli myslis ramecek takovy, jako mam na mem webu
> tak ten je delany kompletne pomoci css a nemusis
> se otravovat s zadnym obrazkem.

Úsmevné, ten background je predsa robený tiež obrázkom :-) Navyše je tam obmedzenie na pevnú šírku v px, čo niekomu nemusí vyhovovať. Inak ako obrázkom to v CSS 2.1 spraviť nejde okrem prehliadačov s gecko jadrom, tie vedia okrúhle rámiky už teraz. Štandardne s požehnaním W3C pôjde zaobliť rohy až v ďalšej verzii CSS. Aká bude podpora prehliadačov sa neodvážim tipovať, pretože W3C zas úplne debilne zmenilo zavedený spôsob tejto vlastnosti v gecko jadrách, no škoda reči. Zostaneme asi pri tých obrázkoch.

Patriku. ty znamy kritik W3C. asi zabudas na vec ze aj Mozilla foundation je clenom W3C skupiny ;) a pochybujem, ze tam ma male slovo.

____________________
smiko.host.sk/phprs/

No ten background jeste je pomoci obrazku to je pravda to jsem jeste nestihl upravit mluvil jsem o zaobleni bloků v levem a pravem sloupci to je udelano pomoci css a vyuziva se standartniho css. Takze ta hlaska ze to nejde neni pravda jde :-)) !!!! a zobrazuje se to spravne i v IE :-)
A to ze je rozmer pevne dany je prozatim umysl.

No a jak na to to napisu az budu doma :-)



Celkem upraveno 2×. Poslední úprava lukas v 21.04.2006 08:02.

Jeste sice nejsem doma abych napsal jak to implementovat primo do phpRS ale vzpomnel jsem si na adresu kde jsem se nechal inspirovat >:-) najdete tam ispiraci a hodne napadu jak treba na menu, layouty a tak.

[http://www.cssplay.co.uk/boxes/krazy.html]




Celkem upraveno 2×. Poslední úprava lukas v 21.04.2006 07:56.

Tak jestli chces udelat si bloky se zaoblenim tak uprav lengine.php

//Blo s nadpisem
function Blok1($bnadpis = '',$bdata = '')
{
echo "\n<!-- Blok 1:3D s nadpisem-->\n\t\t<div class=\"raised\">
<b class=\"top\"><b class=\"b1\"></b><b class=\"b2\"></b><b class=\"b3\"></b><b class=\"b4\"></b></b>
<div class=\"boxcontent\"><div class=\"blok1\">".$bnadpis."\n\t\t</div><div class=\"mezera1\"></div>
<div class=\"blok1obs\">".$bdata."</div></div>
<b class=\"bottom\"><b class=\"b4b\"></b><b class=\"b3b\"></b><b class=\"b2b\"></b><b class=\"b1b\"></b></b>
</div><div class=\"mezera\"></div>\n";
}

//Blok bez nadpisu
function Blok2($bnadpis = '',$bdata = '')
{
echo "\n<!-- Blok 2:3D bez nadpisu-->\n\t\t<div class=\"raised\">
<b class=\"top\"><b class=\"b1\"></b><b class=\"b2\"></b><b class=\"b3\"></b><b class=\"b4\"></b></b>
<div class=\"boxcontent\"><div class=\"blok2obs\">".$bdata."</div></div>
<b class=\"bottom\"><b class=\"b4b\"></b><b class=\"b3b\"></b><b class=\"b2b\"></b><b class=\"b1b\"></b></b>
</div><div class=\"mezera\"></div>\n";
}


a do css stylesheet pridej toto:

/* Inset 3D Raised : 3D pro bloky a nahledu clanku*/
.raised {background: transparent; width:100%; margin:0 auto;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block; background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}

/* mezera mezi bloky a clanky*/
.mezera {
padding:5px 0 0 0
}
/*mezera mezi nadpisem a telem bloku*/
.mezera1 {
padding:3px 0 0 0
}

barvy si samozrejme uprav podle sebe :-)
dal bych klidne ke stazeni cely layout ale jeste neni uplne hotovy tak se na tom pracuje, no jen toho casu je nejak malo :-)




Celkem upraveno 4×. Poslední úprava lukas v 01.10.2006 01:15.

Vdaka za info aj za tu stranku necham sa inspirovat

Waw tak to je sila :-) pekná finta.

jj i me se to libilo :-)

Zdravim prosim Vas kto mi vie poradit ako sa da zo stranky www.cssplay.co.uk dostat tie skripty aby som ich mohol pouzit je to tam dako divne urobene dakujem.

Staci zobrazit si zdrojovy kod stranky a podivat se jak je napsany kod css a pak jeste prislusna cast html kodu. Musis malinko hledat ale jinak to je v pohode.

lukas napsal/a:
-------------------------------------------------------
> Jeste sice nejsem doma abych napsal jak to
> implementovat primo do phpRS ale vzpomnel jsem si
> na adresu kde jsem se nechal inspirovat >:-)
> najdete tam ispiraci a hodne napadu jak treba na
> menu, layouty a tak.
>
>
>
>
>
>
> Celkem upraveno 2×. Poslední úprava lukas v 21.04.
> 07:56.


wow, opravdu pekne:D
jen bych potreboval poradit... co mam udelat kdyz to dela toto?! ta spodni cast zaobleni mi utika moc dolu a nevim jak to dat nahoru ;S
[http://img103.imageshack.us/my.php?image=cssbv9.jpg]
vse jsem tam vlozil spravne





Celkem upraveno 1×. Poslední úprava gedron v 22.08.2006 19:34.

může nekdo pomoci?

Taky jsem to resi kdyz jsem si tu upravu delal. Bohuzel uz to je dost dlouho co jsem to delal naposledy. Pokud jsi si skopiroval predchozi navod a porad ti to dela tak zkus jeste do css pridat toto: p{padding:0; margin:0;}
Pokud to nepomuze tak dej vedet a ja se nato pokusim kouknout jeste jednou.

bohužel to nepomohlo :(

plix plix ;))

@lukas: nemohl by jsi sem napsat jak to mas ty v tom lengine? plx plx;)