Szykowne narożniki
Chcesz w prosty sposób, bez stosowania obrazków, uzyskać efekt zaokrąglonych narożników? Skorzystaj ze skryptu Alessandro Fulciniti: Nifty Corners. Artykuł znajdziesz w naszym serwisie:
Szykowne narożniki, czyli Nifty Corners
Tu możesz umieścić swoje opinie, sugestie, rady, propozycje rozwiązań
To jest świetne!
Kilka znaczników, a jaki efekt!
To niesamowite, co można uczynić dzięki JavaScript.
Ten skrypt może zastosuję w moim wortalu, ale nie do modułów...
Do artykułu...
to chyba nie bardzo działa w takiej wersja jak opsiane jest w pliku pomocy :/.
Jak ktos ma niech podeśle mi na maila pliki js i css któe były tam wykorzystane bo adres na ostaniej stronie gdzie pisze możesz pobrać tutaj przenosi do strony z artykułem w wersji anagilekiej a tam wyczytałem że nie można zdefiniowac dowolnego narożnika tylko top i bottom a poza tym nawet te definicje nie bardzo chcą działać
;/
no nic jak ktos to ma to niech mi podeśle.
mlodyjopek@o2.pl
http://webdesign.html.it/articoli/le...nifty-corners/
to powinno dzialac dobrze
kto mi powie co źle zrobiłem bo już na 100 sposobów sprawdzałem i dalej nic sie nie zaokrągliło ;/
Definicje w cześci <head>:
<script type="text/javascript" src="nifty.js"></script>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css">
<link rel="stylesheet" type="text/css" href="css.css">
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
Rounded("div#menu_top","top","#000000","#D4DDFF");
}
</script>
przykładowy plik css: nazywa się css.css
div#header{
width: 900;
height: 150;
}
div#logo_lewa{
background-color: #e2a954;
width: 250;
height: 150;
margin-right:10;
float: left;
}
div#logo_prawa{
background-color: #e2a954;
width: 640;
height: 150;
float: right;
}
div#belka{
background-color: #7c92ba;
width: 900;
height: 100;
margin-top: 15;
}
div#tlo_menu{
background-color: #ffffff;
width: 700;
height: 80;
float: left;
}
div#menu_top{
background-color: #5775a6;
width: 690;
height: 70;
float: left;
vertical-align: top;
}
no i struktura dokumentu:
<!--header-->
<div id="header">
<!--logo-->
<div id="logo_lewa"></div>
<div id="logo_prawa"></div>
<!--koniec logo-->
</div>
<!--belka-->
<div id="belka">
<div id="tlo_menu">
<div id="menu_top">
</div>
</div>
</div>
<!--koniec_belka-->
co powmieszałem przy tym wszytkim dalej wsyztko jest ze zwykłymi rogami.
Najlepiej to Ci odpowie krasno- albo ufoludek. Masz chyba bardzo cenną już opracowaną templatkę, której tajemnic nie chcesz przypadkiem zdradzic i dostarczasz jakiś wyciąg, co go można użyć po to, żeby sobie zapchac trochę miejsca na kompie.
Ani tu co badać, ani wyjaśniać.
Wrzuć w dowolny head pliku zapisanego jako .htm to co masz we wzorach, zrób sobie taki czy inny arkusik cssa i wrzuć przytoczone fragmenty przykładów.
Filozofia w przeniesieniu tego później do templatki joomla w zasadzie żadna. Wymaga tylko DOBREJ znajomości KASKADOWYCH arkuszy stylów (czyli CSS)
Wzory zastosowania są także w polskiej dystrybucji Joomla, w templatce EM!
witam pozwolę sobie odświeżyć temat...
u mnie działa ok poza jednym wyjatkiem IE... tu się wysypuję wyświetla błąd java script w lini 93 oraz nie ma narożników i ramek top są tylko boczne.
skrypt pobrany z lokalizacji podanej wyżej przez rybika, funkcje Rounded w pliku layout.js
któs może wie czemu się sypie na IE ?
Alternativestudio.eu
Ubuntu - eZ Publish - Magento professional eCommerce
ok znalazłem błąd, pod IE nie przyjmował parametru transparent zastąpienie tego kolorem usuneło problem.
Alternativestudio.eu
Ubuntu - eZ Publish - Magento professional eCommerce
mam prosbe czy moze ktos opisac jak konkretnie to zastosowac bo czytam pliki poradnika i tu na forum ale cos nie moge sobie z tym poradzic
prosze w prosty sposób opisać krok po kroku jak to zainstalowac
pozdrawiam
dziekuje za pomoc
Odpowiedzieć na co? Na pytanie sprzed 8 ponad lat?
Reguły pisania
Cytuj