Poniżej znajdziecie moją prezentację na WordCampie w Warszawie w 2022 roku.
Częstujcie się i korzystajcie!
Aby Wasze feedly wyglądało jak nieboszczyk Google Reader warto zaopatrzyć się w rozszerzenie o znazwie Stylish (chrome/ff).
Poniżej kod, który ładnie formatuje mi wygląd feedly.com, dzięki czemu przypomina on bardziej GR:
BODY.home {
background: none repeat scroll 0 0 #FFFFFF !important;
color: #000000 !important;
font-family: arial,sans-serif !important;
}
.narrow #mainBar {
margin-left: 236px !important;
}
#feedlyTabsHolder {
width: 236px !important;
}
.narrow .panels {
visibility: visible !important;
}
.narrow #feedlyTabs {
opacity: 1 !important;
}
#feedlyTabs {
padding-left: 0 !important;
padding-right: 0 !important;
width: 233px !important;
}
.navSelector {
margin-left: 7px !important;
width: 100px !important;
padding: 0 !important;
}
.navSelector span {
background-color: #E3E3E3 !important;
background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) !important;
border: 1px solid #BBBBBB !important;
color: #333333 !important;
display: block !important;
padding: 0 8px !important;
text-transform: capitalize !important;
text-align: center !important;
}
.pageActionBar img {
background-color: #E3E3E3 !important;
background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) !important;
border: 1px solid #BBBBBB !important;
color: #333333 !important;
padding: 0 8px !important;
text-transform: capitalize !important;
text-align: center !important;
}
.navSelector.selected {
background-color: #E3E3E3 !important;
background-image: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) !important;
border: 1px solid #BBBBBB !important;
color: #333333 !important;
display: block !important;
padding: 0!important;
text-transform: capitalize !important;
width: 95px !important;
}
.narrow #feedlyTabsHolder {
background-image: none !important;
}
#feedlyTabsHolder.picturePicture, .dark #feedlyTabsHolder.picturePicture, .narrow #feedlyTabsHolder.picturePicture, .narrow .dark #feedlyTabsHolder.picturePicture {
background-image: none !important;
box-shadow: none;
width: 236px !important;
}
#feedlyTabs div {
margin: 0 !important;
}
#feedlyTabs div.tab:hover {
background-color: #C2CFF1 !important;
}
#feedlyTabs div.tab:hover .list {
background-color: #FFFFFF !important;
}
.tab .feedIndex:hover {
background-color: #C2CFF1 !important;
}
#mytab, #savedtab, #organizetab {
border-top: 1px solid #C2CFF1 !important;
line-height: 24px !important;
}
#organizetab {
border-bottom: 1px solid #C2CFF1 !important;
}
#navSelectorHolder {
margin-top: 10px !important;
}
#myPanel {
border-right: 3px solid #C2CFF1 !important;
}
#feedlyTabs .label {
color: #000000 !important;
font-size: 13px !important;
line-height: 25px !important;
}
#feedlyPart0.area {
padding: 0 0 102px 0px !important;
}
#feedlyPart {
padding-right: 0 !important;
}
#feedlyPageHeader {
background: none repeat scroll 0 0 #C2CFF1 !important;
margin-right: 0 !important;
margin-top: 0px !important;
}
.u0Entry {
margin-left: 0 !important;
}
.u0Entry:hover {
background-color: #F2F4FF !important;
}
#floatingBar {
background-color: #C2CFF1 !important;
}
.pageAction {
opacity: 1 !important;
}
h1 .hhint {
color: #000000 !important;
line-height: 26px !important;
}
.action {
color: #032AFF !important;
}
.hhint {
background: none repeat scroll 0 0 #EBEFF9 !important;
height: 30px !important;
margin-top: 8px !important;
padding-left: 10px !important;
}
#floatingBar .hhint {
background: none !important;
}
.pageActionBar {
margin-right: 20px !important;
}
.u0Entry {
background-color: #FFFFFF !important;
border-top: 1px solid #CACECF !important;
margin-left: 0 !important;
padding-left: 5px !important;
}
.u0Entry .sourceInfo {
float: left !important;
}
.condensed .inlineFrame {
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.inlineFrame {
border: 2px solid #6688EE !important;
padding: 0 24px 0 0 !important;
}
*[dir="rtl"] {
font-family: tahoma !important;
font-size: 13px !important;
}
.condensed .entryholder .u100entry {
max-width: 100% !important;
padding-bottom: 50px !important;
}
.metadata {
background: none repeat scroll 0 0 #F2F4FF !important;
color: #515151 !important;
padding: 7px !important;
}
.u100Entry .title {
margin-bottom: 8px !important;
padding-left: 10px !important;
}
.topWikiWidget {
background: none repeat scroll 0 0 #F3F5FC !important;
border-bottom: none !important;
border-top: 1px solid #DEE7FF !important;
bottom: 0 !important;
left: 0 !important;
margin-top: 0 !important;
padding: 5px !important;
position: absolute !important;
width: 100% !important;
}
.highlightableIcon {
opacity: 0.5 !important;
}
.inlineFrame .u100entry .title {
font-family: arial,sans-serif !important;
font-size: 20px !important;
font-weight: bold !important;
}
.entryBody a {
color: #2002AB !important;
}
.entryBody {
margin-left: 20px !important;
margin-right: 10px !important;
}
.bottomWikiWidget {
display: none !important;
}
.topWikiWidget {
border-bottom: medium none !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.u100Frame{
padding: 0!important;
}
.target.selected {padding: 3px; background: #efefef;}
Zróbmy razem stronę, która działa!
W ciągu ostatnich kilku lat pracowałem przy około 200 różnych witrynach dla firm, organizacji, organizacji charytatywnych i agencji. Duża część mojej pracy była prowadzona dla agencji, które nie mają własnego doświadczenia z WordPressem. Pomagam w wielu kwestiach: od projektu interfejsu użytkownika i interfejsu użytkownika, po rozwój panelu administracyjnego, aktualizacje zabezpieczeń i konserwację.
WPPoland Biuro
Pracujemy w godzinach:
Po-Pt: 8:00-19:00
So: 10:00-19:00
Ni: 10:00-19:00