Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Zamknięty przez: Htsz
2013-02-09, 00:02
Autor Wiadomość
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany:    [Webdesign] Zaokrąglone rogi w IE

Temat stary jak świat, każdy sili się na rozwiązanie na różne sposoby.
Niemniej ja ostatnio natknełam się na to:
Wiadomość (widoczna dla zarejestrowanych)


Po pobraniu najnowszego demo -
Wiadomość (widoczna dla zarejestrowanych)

można śmiało zobaczyć, że jednak da się, choć to nieco skomplikowane (przynajmniej dla mnie, bo z JS to tylko podstawy z podstaw mi włożono do główki).

I teraz mam pytanie:
Umiem to zastosować do dowolnego elementu (a konkretniej chodzi mi o hiperłącza), jednak potrzebuję mieć zaokrąglone rogi w dwóch wersjach:
1) dla np. pierwszego menu zaokrąglenie tylko dla dołu (bottom right/left)
2) dla drugiego menu - zaokrąglenie tylko dla góry (top right/left)

Próbowałam analogicznie, jak w pliku htc zrobić to za pomocą np.

Kod


this.currentStyle['-webkit-border-bottom-left-radius'] ||

itp... ale nic z tego - plik html wyrzuca mi wciąż zaokrąglone wszystkie rogi, mimo użycia oddzielnego pliku htc oraz odpowiedniego zapisu w CSS dla tych hiperłącz.

Czy ktoś kumaty w te klocki może powiedzieć, gdzie robię błąd i jaki?
Byłabym wielce wdzięczna za wskazówki ^^
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2010-12-09, 22:50   

Nie znam twojego skryptu - a nie da się np. wprowadzając cztery wartości?

Kod

-webkit-border-radius: 0px 0px 5px 5px;


rzadko z tego korzystam. Jest zestaw szablonów, który kiedyś robiłem i mam go np. na blogu - wykorzystuje trochę inny plik JS. Skrypt zaokrągla rogi, ale ta przestrzeń zaokrąglenia kolorujemy. Najlepiej sprawdza się to na w miarę jednolitych tłach.

przykład zastosowania: http://img.blogowicz.info...2/fotolog2.html
mamy skrypt nifty:
Wiadomość (widoczna dla zarejestrowanych)

i kod:

Kod

<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
RoundedTop("div.note","#000","#fff");
RoundedBottom("div.note","#000","#fff");
RoundedTop("div.foot","#000","#0f0f0f");
RoundedBottom("div.foot","#000","#0f0f0f");
}
</script>

określam tu kolor zaokrąglenia i kolor tła danego diva
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2010-12-10, 00:49   

nie jest to mój skrypt, a znaleziony przypadkiem z innej okazji

Htsz napisał/a:

a nie da się np. wprowadzając cztery wartości

niestety - gdyby tak było, nie miałabym problemu - skrypt przestaje działać i widać tylko kwadratowe -_-
a skrypt podany przez Ciebie znam - jednak efekt wyjściowy dla mnie jest niezawalający, chyba, że pozwala na zastosowanie transparentnego tła oraz obrazka półprzezroczystego to z wielkim bólem bym przebolała dodatkowe linijki w CSS (a tego wolałabym uniknąć).
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2010-12-10, 01:00   

teneniel napisał/a:

chyba, że pozwala na zastosowanie transparentnego tła oraz obrazka półprzezroczystego to z wielkim bólem bym przebolała dodatkowe linijki w CSS (a tego wolałabym uniknąć).
a gdzie to tło i obrazek mają być użyte? i o jakie dodatkowe linijki CSS chodzi? ten kawałek kodu, który podałem umieszczasz w head i to nie jest częścią pliku/arkusza CSS.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
teneniel 
WordPress.Klub
Lineage II Gamer


Pomogła: 30 razy
Wiek: 41
Dołączyła: 01 Maj 2008
Posty: 875
Miasto: z DNA

Wysłany: 2010-12-10, 12:29   

tło przezroczyste dla rogów oraz obrazek półprzezroczysty dla div'a - tło samej strony niejednorodne, więc jeśli rogów nie da się "zniknąć" to wielka lipa.

co do CSS to chodzi mi o ustawienie zaokrąglenia - chyba, że w tym szablonie z góry jest on niepotrzebny i ten kod znalazł się tam przypadkowo.

Ah i od razu powiem czemu się uparłam na rozwiązanie z htc - zwyczajnie mniej plików, mniej dodatkowego CSS, dość łatwa i szybka konfiguracja do każdego elementu.
Jedyny problem, to ten, jak uzyskać zaokrąglenie na wybranych (a nie na wszystkich) rogach.
Może coś przeoczyłam, albo zwyczajnie byłam tak zmęczona, że mózg mi zlasowalo wieczorem -_-

edit:
zaczęłam przeglądać ichnie "forum" i oto co znalazłam:
Wiadomość (widoczna dla zarejestrowanych)

polecam zobaczyć zwłaszcza linki z komentarza nr 4

jak znajdę większą chwilę czasu (pewnie późnym wieczorem) to zobaczę dokładniej czy i co się da - z opisu wynika, że powinny dać się zrobić dowolne rogi nie wspominając o multiple shadows nie tylko dla FF ^^
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2010-12-10, 18:13   rounded corners - jQuery / Javascript / CSS

to nie korzysta z obrazków, ale rzeczywiście ma też trochę kodu CSS, o którym zapomniałem.

a możesz użyć jQuery? z tego co sprawdzałem pod IE7 to po wczytaniu skryptu robi się zaokrąglają a na przykładach widać, że można wybierać, które z nich mają i jak bardzo.

Wiadomość (widoczna dla zarejestrowanych)


mam jeszcze dwie strony z listą artykułów, na pierwszej jest ładnie opisane jaki sposób i czego wymaga, oraz czy wymaga użycia grafiki.

Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz