Naprawiamy Dobreprogramy!

(będzie krótko, ale treściwie, nie ma co się rozpisywać) Nowe portal jest jaki jest... Trochę biały... Trochę mobilny... Trochę desktopowy.... Trochę... fajny, trochę niefajny.

Ale w końcu jesteśmy power userami, podrasować stronę to nie problem! W poprzedniej wersji dobrychprogramów mieliśmy wygodny dostęp do całego newsa na stronie głównej, a teraz dostajemy tylko wycinek. Musimy klikać, czekać, zaglądać... Niewygodne, ale wystarczy trochę Javascriptu, aby usunąć ten mankament. Aby zastosować własny kod JS na stronie w Firefoxie i Chromie potrzeba dodatkowych rozszerzeń. Dla tej pierwszej będzie to Greasemonkey, dla przeglądarki od Google Tampermonkey. O ile mi wiadomo w Operze coś takiego jest OOTB, a przynajmiej chyba było, czy Opera na webkicie to ma?

Gdy już mamy możliwość instalowania własnych skryptów, skopiuj ten kod i wklej do nowego skryptu.

[code=JavaScript]// ==UserScript== // @name DP // @namespace http://korczynskij.pl // @version 0.1 // @description Wyświetla całe newsy na stronie głównej na dobrych programach. // @match http://www.dobreprogramy.pl/ // @include http://www.dobreprogramy.pl/Aktualnosci,* // @require http://code.jquery.com/jquery-2.0.0.min.js // @copyright 2013, b.Andy from DP // ==/UserScript== $(function() { $("#page-content .span-8 .clearfix").each(function() { var url = $(this).find("h4").children("a").attr("href"); $.ajax({ url: url, context: $(this) }).done(function(data) { var full = $("#phContent_divMetaBody", $(data)).html(); $(this).find("p").html(full); }); }); });[/code]

Voila! Odśwież stronę i całe newsy na stronie głównej:

Jak widzisz, bawię się też trochę stylami. Nic wielkiego, ale dla mnie wygodniejsza była treść po prawej, a sidebary z lewej. Poza tym te duże kafelki z najciekawszymi aktualnościami mocno przeszkadzają. Na laptopie ze standardową rozdzielczością 1366x768 nie widać newsów bez przewijania! Kilka prostych reguł css załatwi sprawę:

#phContent_HomeShowcaseControl_topdiv {
  display:none;
}

#sidebar, #phContent_sidebar {
  margin-left:-50px;
  padding:10px;
}

#page-content .span-8 {
  padding:10px;
  width:700px;
  float:right;
}

.nested-grid .span-2 {
      display:none;
}
   
#page-content .span-8 .clearfix .span-6 {
      width: 660px;
      text-align: justify;
}

Aby ich użyć potrzebujemy rozszerzenia Stylish dla Firefoxa lub Chroma. O ile w przeglądarce z Mountain View to działa, nie udało mi się zmusić do tego Firefoxa. Nie mam pojęcia czemu, na dole Stylish informuje mnie, że styl jest aktywny, ale nie daje żadnego efektu. Jeśli ktoś wie czemu, będę wdzięczny za informację :)

Dwie proste zmiany, a jak (imho) poprawiają portal. Pozdrawiam i czekam na komentarze :)