M2M_Poradnik-style_01 kopia
Transkrypt
M2M_Poradnik-style_01 kopia
Jak zmienić style CSS w widgetach Money2Money? 01 Ostylowanie widgetu zestawień .combination_box .box { ... } .combination_box .box, .combination_box .box h2 { ... } .combination_box .ul-1 li { ... } .combination_box .ul-2 li a { ... } .combination_box .imp_link1 { ... } www.money2money.com.pl .combination_box .blok { ... } 2 01 Ostylowanie widgetu zestawień Aby zmienić domyślny wygląd zestawień należy wygenerować kod z zaznaczeniem „Wyłącz style CSS”. 3 www.money2money.com.pl 01 Następnie kopiujemy kod i wklejamy go na stronę. W celu ustawienia wyglądu kliknij w link „Pobierz domyślny kod CSS”. Otworzy się okienko z kodem, który należy skopiować. Ostylowanie widgetu zestawień 4 www.money2money.com.pl Skopiowany kod należy wstawić u siebie na stronie pomiędzy znacznikami <style> lub dodać do zewnętrznego pliku css. Oczywiście kod ten możesz dostosować do własnych potrzeb. 02 Domyślne style CSS .combination_box .box, .combination_box .box .h2 { zoom:1 } .combination_box .box ul, .combination_box .box li { list-style: none; } .combination_box .box img { border:0; } .combination_box .box { padding: 10px; font:400 14px Arial; border: 1px solid #ddd; margin-bottom: 1em; background: -moz-linear-gradient(top, rgba(234,234,234,0.65) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,0.65)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(234,234,234,0.65) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(234,234,234,0.65) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(234,234,234,0.65) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(234,234,234,0.65) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eaeaea', endColorstr='#00ffffff',GradientType=0 ); } www.money2money.com.pl 5 02 Domyślne style CSS .combination_box .blok { padding:0; margin-bottom: 10px; border-bottom: 1px solid #ccc; } .combination_box .logotyp img { line-height:0; float:left; margin:0 10px 10px; } .combination_box .h2 { padding:26px 0 0 0; font:700 16px Arial; margin: 0 0 12px; min-height: 53px; border-bottom: 1px solid #eee; } .combination_box .ul-1 { clear: both; padding: 0; margin: 0 0 1em; } .combination_box .ul-1 li { background: url(http://direct.money.pl/d/new_template/default/i/li_1.gif) 0 8px no-repeat; font: 400 12px/18px Arial; padding: 0 0 0 10px; } www.money2money.com.pl .combination_box .ul-2 { clear:both; padding:0; margin:0 0 5px; } 6 02 Domyślne style CSS .combination_box .ul-2 li { display: inline-block; margin-right: 10px; } .combination_box .ul-2 li a { font: 700 12px/18px Arial; color: #fff; text-decoration: none; display: inline-block; background: #777; padding: 5px 15px; margin-bottom: 5px; border-radius: 2px; } .combination_box .ul-2 li a:hover { background:#999; } .combination_box .imp_link1 { float: left; text-decoration: none; color: #333; font:700 12px/18px Arial; margin-right: 10px; } .combination_box br { clear:both; height:1px; line-height:0; } www.money2money.com.pl .combination_box .m2m_combination_porownanie a { background: #777777; border-radius: 2px; color: #FFFFFF; 6 02 Domyślne style CSS } display: inline-block; font: 700 12px/18px Arial; margin-bottom: 5px; padding: 5px 15px; text-decoration: none; float: right; .combination_box .box1.pad20.chatBox { padding: 0 20px 1em; } .combination_box .box1.pad20.chatBox img { width:100%;} 6 www.money2money.com.pl Masz wątpliwości? Pytania? Zapraszamy do kontaktu: [email protected]
Podobne dokumenty
Toruński odbiornik WebSDR Przewodnik dla
Może być stosowany do dekodowania sygnałów telemetrycznych z balonów, telegrafii, RTTY, BPSK (na pasmie 20 m 14.070 Mhz lub 28.120 Mhz) i wiele innych. Zwróć uwagę jeśli wysyłasz raporty telemetryc...
Bardziej szczegółowo