ďťż

[CSS]Zagadka - 3 kolory trój kolorowe obramowanie

       

Podstrony


telcocafe

Mam 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
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.