ďťż
Podstrony
|
telcocafeMam dla was zagadkę do wykonania w CSS.Jak wykonać takie trój kolorowe obramowanie (link do obrazka niżej) w CSS+HTML/xHTML, bez użycia jakiegokolwiek obrazka, same style CSS + oczywiście znaczniki HTML/xHTML. Link: http://jedrex.compzo...her/3kolory.gif (21KB) zapewne css3 :) nope :D kombinujcie dalej. Od razu mowie ze nie ma a bynajmniej ja nie znam żadnej właściwości dla obramowania, która robiłaby je trój kolorowe. Wczoraj bawiłem się CSS'em i wyszło mi trój kolorowe obramowanie, heh :D nope :D kombinujcie dalej. Od razu mowie ze nie ma a bynajmniej ja nie znam żadnej właściwości dla obramowania, która robiłaby je trój kolorowe. Wczoraj bawiłem się CSS'em i wyszło mi trój kolorowe obramowanie, heh :D Ja bym to zrobił metodą dla cierpliwego ;p - robię dużego diva z czerowonym tłem, umieszczam w nim cztery divy tak wypozycjonowane żeby stykały się z rogami dużego diva, a ich rozmiary ustalamy tak żeby powstał czerwony krzyżyk na środku dużego diva. Następnie w kazdym z tych czterech mniejszych divów umieszczamy coraz mniejsze divy wypozycjonowane tak żeby dotykały danego rogu ;] Na koniec umieszczamy na pierwszej warstwie biały div z tekstem ;] // EDIT: według moich obliczeń potrzeba na to wszystko tylko 38 divów ;] Użytkownik .:DzIuDek:. ™ edytował ten post 20 styczeń 2007, 16:12 @UP A ja Ci powiem, że potrzeba tylko 3 div'y :) @UP A ja Ci powiem, że potrzeba tylko 3 div'y :) A ciekaw jestem czy to się prezentuje tak samo na innych przeglądarkach :P Bo mam dziwne przeczucie, że wykorzystuje to jakieś specjalne atrybuty dostępne tylko dla firefoxa ;] Nie mogę powiedzieć ze identycznie bo tak nie jest, ale podobnie. Bardzo podobnie na operze nieco mniej podobnie na IE jednak zawsze obramowanie jest 3 kolorowe :) js? bikstopa: niee :) Jak wykonać takie trój kolorowe obramowanie (link do obrazka niżej) w CSS+HTML/xHTML, 3* div, jeden w drugim, dla kazdego ten sam rozmiar, inny kolor obramowania i styl dotted/dashed ? + Ew. odpowiedni overflow. Albo jeden div (nadrzedny) z ramka solid, kolejny z ramka dashed a nastepny dotted ;> Użytkownik Einzeinbleth edytował ten post 20 styczeń 2007, 18:15 solid, kolejny z ramka dashed a nastepny dotted ;> BRAWO! To jest klucz :) Tutaj macie całość jak ja to zrobiłem: http://jedrex.compzo...r/3kolory_.html Wystarczy zaglądnąć w źródło :) EDIT ee, lol padla juz odp, jak to pisalem to nie bylo tych postow >.> --- lol, przysiadlem sie i wymyslilem xD <style> .redy { position: absolute; width: 200; height:200; border: red 8px dashed; } .greny { position: absolute; width: 200; height:200; border: green 8px solid; } .bluey { position: absolute; width: 200; height:200; border: blue 8px dotted; } </style> <body> <div class="greny"></div> <div class="redy"></div> <div class="bluey"></div> </body> Użytkownik bikstopa edytował ten post 20 styczeń 2007, 18:53 |
|||
Sitedesign by AltusUmbrae. |