Színátmenetes háttér CSS-sel kép mögé
Ezzel a kóddal moduljaidnak színátmenetes hátteret tudsz adni. A színátmenetet szövegdoboznak, modulnak, oldaladnak, vendégkönyvnek, blognak, képnek vagy bármi másnak is meg lehet adni. A CSS-ben ez az a rész, ami a színátmenetért felelős:
background: -moz-linear-gradient(bottom, #F53101, #fff 85%); */* színátmenet Firefoxban */
background: -webkit-gradient(linear, center bottom, center top, from(#F53101), to(#fff)); /* színátmenet Chrome, Safari, stb-ben */
<style type="text/css">
a:link img, a:visited img { /* a linkelt kép*/
border: 3px solid #8D8D8D; /* itt adhtasz keretet a képnek */
background: -moz-linear-gradient(bottom, #D1CDCD, #fff 75%); /* színátmenet Firefoxban */
background: -webkit-gradient(linear, center bottom, center top, from(#D1CDCD), to(#fff)); /* színátmenet Chrome, Safari, stb-ben */
padding: 10px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
filter: alpha(opacity=60); /* áttetszőség Internet Exporerben */
-moz-border-radius: 0em; /* kép sarkainak ívelése Mozillában */
-webkit-border-radius: 0em; /* kép sarkainak ívelése Exporerben */
opacity: 0.6;} /* áttetszőség mozzila firefoxban */
a:hover img { /* a linkelt kép, ha ráviszed az egeret */
border: 3px solid #000000; /* itt adhtasz keretet a képnek */
background: -moz-linear-gradient(bottom, #D1CDCD, #fff 75%); /* színátmenet Firefoxban */
background: -webkit-gradient(linear, center bottom, center top, from(#D1CDCD), to(#fff)); /* színátmenet Chrome, Safari, stb-ben */
padding: 10px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
filter: alpha(opacity=90); /* áttetszőség Internet Exporerben */
-moz-border-radius: 0em; /* kép sarkainak ívelése Mozillában */
-webkit-border-radius: 0em; /* kép sarkainak ívelése Exporerben */
opacity: 1.0;} /* áttetszőség mozzila firefoxban */
-->
</style>
|