Przechodząc jednak do sedna, nie wiem czy ktoś się spotkał z tym widgetem, czy nie, ale mam taki problem, że jest on w dosyć "skomplikowany" sposób zbudowany. Przede wszystkim, opiera się na zewnętrznym kodzie (odnośnik do strony zawierającej kod), a dodatkowo ta zewnętrzna strona odnosi się do zewnętrznego (zewnętrzny w zewnętrznym jakkolwiek głupio to nie zabrzmi) arkusza styli.
I chodzi o to, że chciałbym nieco zmienić ten styl, na ciemniejszy (biały widget, na ciemnym tle - planuję dopiero sobie tamto powprowadzać - to nie będzie przyjemne dla oka ). Mimo, że wiem jakie mniej więcej linijki musiałbym zmienić (znam jaka klasa itp.), to nawet wprowadzenie tego w pliku
colours.css
i dodanie tam !important
nie powoduje żadnej zmiany.I pytanko takie, czy jest możliwość przeniesienia tych zewnętrznych kodów bezpośrednio na moją stronę, w celu dokonania zmian (albo czy jest jakiś inny sposób na to, by takie zmiany wprowadzić)?
Jakby była potrzeba, to mogę przekopiować te zewnętrzne kody (czy to pliku stylu, czy samego widgetu), ten obecny, wygenerowany kod wygląda tak:
Kod: Zaznacz cały
<!-- start gg-widget-html - Copyright GG Network S.A. -->
<a href="http://widget.gg.pl/widget/32d9377e86f68836eb9d40347e2a6b06a0b221f9b086bb6e5eb0088f6dad87b3#uin=1478860|msg_online=Witam, w czym mogę pomóc|msg_offline=Zostaw wiadomość i informacje kontaktowe, a odpowiemy na Twoje pytanie.|hash=32d9377e86f68836eb9d40347e2a6b06a0b221f9b086bb6e5eb0088f6dad87b3" style="background: linear-gradient(#212121 0%, #010101 100%); color: #fff; font-family: Arial, sans-serif; font-size: 14px; font-weight:normal; text-decoration: none; text-align: left; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); border-radius: 2px; -webkit-border-radius: 2px; display:block; padding: 2px; width:300px;" rel="nofollow" data-gg-widget="snapped-bottom" target="_blank">
<span style="display: block; padding:10px 8px; line-height:18px">
<img style="float:left;padding-right:8px" src="https://status.gadu-gadu.pl/users/status.asp?id=1478860&styl=1&source=widget"/>Zadaj pytanie on-line</span>
<span style="background: #222; color: #ccc; display: block; line-height: 40px; padding-left: 12px; box-shadow: 0px 1px 1px 0px #bbb inset; -webkit-box-shadow: 0px 1px 1px 0px #bbb inset; -moz-box-shadow: 0px 1px 1px 0px #bbb inset;">Napisz do nas...
<span style="background: #66c321; background: -webkit-linear-gradient(#66c321 0%, #4ba508 100%); background: -o-linear-gradient(#66c321 0%, #4ba508 100%); background: -moz-linear-gradient(#66c321 0%, #4ba508 100%); background: linear-gradient(#66c321 0%, #4ca70a 100%); border-radius: 3px; border-top: 1px solid #86e923; border-bottom: 1px solid #397b08; -webkit-border-radius: 3px; color: #fff; display:block; float:right; font-size: 12px; line-height: 22px; margin:9px; padding: 0 10px; text-align: center;">Wyślij</span>
</span>
</a><!-- Chcesz mieć GG widget na swojej stronie? Sprawdź http://www.gg.pl/info/komunikator-na-twoja-strone/ -->
<!-- end gg-widget-html -->
<!-- start gg-widget-javascript - kod javascript możesz umieścić przed końcowym znacznikiem body - Copyright GG Network S.A. -->
<script type="text/javascript">
(function() {
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.id = 'gg-widget-script';
s.src = 'http://widget.gg.pl/resources/js/widget.js';
var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss); })();
</script>
<!-- end gg-widget-javascript -->
Uhh, może ktoś to przeczyta i będzie w stanie pomóc, doradzić