Upiększamy widget wykopu

Wykop oferuje swoim użytkownikom wstawienie widget-wykopu na swoją stronę/bloga. Niestety w większości przypadków widget szpeci stronę zamiast ją urozmaicać. Co prawda serwis oferuję możliwość własnej modyfikacji wyglądu, jednak nie wszystko uda nam się przez to osiągnąć, a wystarczy tylko dopisków w pliku stylów kaskadowych (css).Domyślnie widget wygląda następująco:

Na dole widgetu jest link, który do niczego nam jest niepotrzebny, a zajmuje cenne miejsce w sidebarze. Można łatwo usunąć te niedociągnięcie za pomocą poniższego kodu:

#wykopWidget .footer {
display: none !important;
}

Po tym zabiegu widget wygląda dużo lepiej:

W takiej wersji nadal zajmuje dużo miejsca, a zbędnych elementów mamy jeszcze klika. Z pewnością nie potrzebujemy przycisków do przełączania między kartami, dlatego możemy go zupełnie usunąć za pomocą kodu:

#wykopWidget .tabContainer {
display: none !important;
}

W takiej postaci widget wygląda o wiele lepiej niż domyślnie, ale nic nie szkodzi na przeszkodzie by dokonać większej ilości zmian. Możemy przykładowo usunąć logo serwisu:

#wykopWidget .header {
display: none !important;
}

A także dostosować pozostałe elementy do designu naszej strony:

#wykopWidget ul li.el0 {
background: #FFFFFF none repeat scroll 0 0 !important;
}
 
#wykopWidget ul li.el1 {
background: #C5E1ED none repeat scroll 0 0 !important;
}
 
#wykopWidget a {
color: #247682 !important;
}