Upiększamy widget wykopu

W: CSS| Programowanie| Serwisy społecznościowe

15 paź 2009

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:

widget-wykop-1

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:

wykop-widget-2

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;
}

wykop-widget-3

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;
}

wykop-widget-5

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;
}

widget-wykop-6


buzz_button

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Komentarze (4) do wpisu Upiększamy widget wykopu

Avatar

michuk

Październik 19th, 2009 at 12:09

To teraz popraw to tak samo ładnie na nowym http://OSnews.pl :)

Avatar

czepol

Październik 19th, 2009 at 18:02

Najpierw muszę poczekać, aż znowu będę mieć internet

Avatar

czepol.info: Upiększamy widget wykopu - czepol Dev Blog | flaker.pl

Listopad 5th, 2009 at 19:02

[...] czepol.info 14:30 15/10/2009 Upiększamy widget wykopu – czepol Dev Blog czepol.info/upiekszamy-widget-wykopu Pokaż reakcje /* */ inne strony z tej witryny + obserwuj co [...]

Avatar

Dominik

Kwiecień 13th, 2010 at 12:09

calkiem calkiem

a co z innymi serwisami? chcialbym upiekszyc widget Linkao.pl dotnetomaniaka i develway (oba serwisy nie maja zbyt pienych wykopywarek).

moze jakis kursik w te strone?

Skomentuj



O blogu

Postanowiłem wrócić na stary blog i pisać o programowaniu. Pisanie o nowinkach technologicznych nie sprawia mi tyle przyjemności co kiedyś, tym bardziej, że nie mam na to tyle czasu co dawniej.

  • Michał Olber: Dodaj jakiegoś screena chociaż, bo piszesz o czymś, o czym wielu ludzi może nie mieć pojęcia : [...]
  • czepol: O, dość dawno to pisałem, ale wydaje mi się, że jest dobrze, bo potem masz w zmiennej: R = (ra [...]
  • janek: a MIN_LEN = 1 nie powinno być 0 ? [...]
  • sirmacik: Zabrakło mi tu tylko info o tym do czego to elementary służy [...]
  • Chemikk: Może tak jak w wielu blogach jest, że trzeba odświeżyć po dodaniu komentarza? [...]

Ostatnio odwiedzili